:root{--dark:#0f172a;--purple:#7b18c8;--purple-dark:#3b0764;--gold:#c9973f;--cream:#f7f2ea;--white:#fff;--soft-purple:#eee7f5}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:var(--cream)}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);box-shadow:0 8px 25px rgba(0,0,0,.08);padding:14px 7%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px}.brand img{width:58px;height:58px;object-fit:contain}nav{display:flex;gap:18px;align-items:center;font-weight:700}.nav-cta{background:var(--purple);color:white;padding:11px 17px;border-radius:999px}.menu-btn{display:none;border:none;background:var(--purple);color:white;font-size:24px;border-radius:10px;padding:8px 12px}.hero{min-height:88vh;padding:80px 7%;display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center;color:white;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(59,7,100,.88)),radial-gradient(circle at top right,rgba(123,24,200,.45),transparent 35%)}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:1.4px;font-weight:900;font-size:13px}h1{font-size:clamp(44px,7vw,78px);line-height:.95;margin:12px 0 22px}h2{font-size:clamp(30px,4vw,48px);margin:10px 0 16px}.hero p,.section-text{font-size:20px;line-height:1.55;max-width:780px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;border:none;cursor:pointer;padding:14px 23px;border-radius:999px;font-weight:900;font-size:15px}.primary{background:var(--purple);color:white}.secondary{background:white;color:var(--dark)}.hero-card,.card,.calculator-card,.form-card,.invoice-card,.portal-card,.option-card{background:white;color:var(--dark);border-radius:26px;padding:28px;box-shadow:0 16px 45px rgba(0,0,0,.12)}.mini-option{background:var(--soft-purple);margin:13px 0;padding:16px;border-radius:16px;font-weight:900}.section{padding:80px 7%}.white{background:white}.dark{background:var(--dark);color:white}.muted{background:var(--soft-purple)}.cards,.portfolio-grid,.estimate-options{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.service-grid a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:24px;border-radius:18px;font-weight:900}.estimator-preview{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}label{font-weight:900}input,select,textarea{width:100%;padding:15px;border:1px solid #d1d5db;border-radius:14px;font-size:16px;margin:8px 0 16px}textarea{min-height:130px}.portfolio-grid div{height:240px;border-radius:24px;background:linear-gradient(135deg,var(--purple-dark),var(--purple));color:white;display:grid;place-items:center;font-weight:900;text-align:center}.cta{text-align:center;background:var(--dark);color:white}footer{background:#060913;color:white;text-align:center;padding:36px 7%}.page-hero{padding:80px 7%;background:linear-gradient(135deg,var(--dark),var(--purple-dark));color:white}.result-box{display:none;margin-top:18px;padding:18px;border-radius:16px;background:#f8fafc;border-left:5px solid var(--purple)}@media(max-width:920px){.menu-btn{display:block}nav{display:none;width:100%;flex-direction:column;margin-top:15px}nav.show{display:flex}.site-header{flex-wrap:wrap}.hero,.cards,.service-grid,.portfolio-grid,.estimator-preview,.estimate-options{grid-template-columns:1fr}}

.split-section {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 40px;
  align-items: start;
}

.featured {
  border: 2px solid var(--purple);
}

.icon {
  font-size: 38px;
  margin-bottom: 12px;
}

.area-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 30px;
}

.area-card {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 24px;
  padding: 28px;
}

.area-card ul {
  line-height: 1.9;
}

@media(max-width:920px){
  .split-section,
  .area-grid {
    grid-template-columns: 1fr;
  }
}


.service-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 30px;
}

.service-detail-card {
  background: white;
  color: var(--dark);
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
}

.service-detail-card a {
  display: inline-block;
  margin-top: 12px;
  color: var(--purple);
  font-weight: 900;
}

.feature-list {
  font-size: 18px;
  line-height: 2;
}

.timeline {
  list-style: none;
  padding-left: 0;
}

.timeline li {
  background: #f8fafc;
  border-left: 4px solid #d1d5db;
  padding: 12px;
  margin-bottom: 10px;
  border-radius: 8px;
}

.timeline .done {
  border-left-color: #16a34a;
}

.timeline .active {
  border-left-color: var(--purple);
  font-weight: 900;
}

.total,
.balance {
  font-size: 20px;
}

.paid {
  color: #15803d;
}

.note {
  color: #6b7280;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.dashboard-card {
  background: white;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
}

.dashboard-card.wide {
  grid-column: span 3;
}

.big-number {
  font-size: 34px;
  font-weight: 900;
  color: var(--purple);
}

@media(max-width:920px){
  .service-detail-grid,
  .dashboard-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-card.wide {
    grid-column: span 1;
  }
}


.style-tags {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.style-tags span {
  background: var(--soft-purple);
  color: var(--purple-dark);
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 900;
}

.text-link {
  color: var(--purple);
  font-weight: 900;
  display: inline-block;
  margin-top: 12px;
}

.pipeline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-top: 30px;
}

.pipeline div {
  background: var(--soft-purple);
  border-radius: 20px;
  padding: 22px;
  border-top: 5px solid var(--purple);
}

@media(max-width:920px){
  .pipeline {
    grid-template-columns: 1fr;
  }
}


/* Launch-ready project gallery */
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}
.project-photo{position:relative;overflow:hidden;border-radius:24px;background:#111827;box-shadow:0 14px 35px rgba(0,0,0,.10);margin:0;min-height:360px}
.project-photo img{width:100%;height:100%;min-height:360px;display:block;object-fit:cover;transition:transform .35s ease}
.project-photo:hover img{transform:scale(1.035)}
.project-photo span,.project-photo figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 14px;border-radius:14px;background:rgba(15,23,42,.86);color:#fff;font-weight:900;backdrop-filter:blur(6px)}
.home-gallery .project-photo{min-height:320px}
.home-gallery .project-photo img{min-height:320px}
.gallery-cta{margin-top:26px}
@media(max-width:920px){.project-gallery{grid-template-columns:1fr}.project-photo,.project-photo img,.home-gallery .project-photo,.home-gallery .project-photo img{min-height:300px}}

.ai-result { margin-top: 1rem; }
.ai-result h3 { margin-top: 0; }
.ai-result ul { padding-left: 1.2rem; }
.ai-result .ai-price { font-size: 1.7rem; font-weight: 800; margin: .4rem 0 1rem; }
.ai-loading { opacity: .8; }


/* Launch polish: AI Remodel Studio + estimate conversion */
.ai-studio-promo{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.ai-promo-card{background:linear-gradient(135deg,#0f172a,#3b0764);color:#fff;border-radius:26px;padding:32px;box-shadow:0 16px 45px rgba(0,0,0,.14)}
.ai-promo-card h3{font-size:28px;margin:10px 0 12px}
.ai-promo-icon{font-size:34px}
.estimate-disclaimer,.ai-legal-note{margin:18px 0;padding:16px 18px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;line-height:1.55}
.ai-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.ai-secondary-action{border:2px solid #7b18c8;color:#7b18c8;background:#fff}
@media(max-width:920px){.ai-studio-promo{grid-template-columns:1fr}}


/* Customer Hub + launch connection additions */
.portal-nav-link{font-weight:900}
.portal-callout{display:flex;justify-content:space-between;gap:28px;align-items:center;background:linear-gradient(135deg,#f6efff,#fff);border-top:1px solid #eadcff;border-bottom:1px solid #eadcff}
.portal-callout-actions{display:flex;gap:12px;flex-wrap:wrap;min-width:330px;justify-content:flex-end}
.portal-shell{max-width:1200px;margin:auto}
.portal-auth-grid,.portal-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.auth-card{background:#fff;border-radius:26px;padding:30px;box-shadow:0 14px 35px rgba(0,0,0,.08)}
.accent-card{background:linear-gradient(145deg,#faf5ff,#fff)}
.portal-form{display:grid;gap:15px}.portal-form label{display:grid;gap:7px;font-weight:800}.portal-form input,.portal-form select,.portal-form textarea{width:100%;box-sizing:border-box}
.portal-help,.portal-mini-note{font-size:.9rem;color:#6b7280;line-height:1.5;margin-top:16px}
.portal-dashboard{display:grid;gap:24px}.portal-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.portal-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}
.portal-kpis{margin-top:0}.portal-label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#6b7280;margin-bottom:8px}.balance-card{border:2px solid #eadcff}.balance-card .btn{margin-top:12px}
.progress-track{height:13px;border-radius:999px;background:#ede9fe;overflow:hidden;margin:18px 0 8px}.progress-fill{height:100%;background:linear-gradient(90deg,#7b18c8,#a855f7);border-radius:999px}
.timeline{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.timeline li{padding:12px 14px;border-radius:12px;background:#f3f4f6}.timeline li.done{background:#ecfdf5;color:#166534}.timeline li.active{background:#f3e8ff;color:#6b21a8;font-weight:900;border-left:5px solid #7b18c8}
.saved-designs{margin:18px 0}.saved-design-card{background:#f8f5ff;border:1px solid #e9d5ff;border-radius:16px;padding:16px}.portal-contact-line{margin-top:14px}.portal-stack-btn{margin-top:10px}
.idea-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}.idea-card{border:2px solid #eee;border-radius:22px;padding:22px;background:#fff;transition:.2s ease}.idea-card:hover,.idea-card.selected{border-color:#7b18c8;transform:translateY(-2px);box-shadow:0 12px 30px rgba(123,24,200,.12)}.idea-card.selected:before{content:'✓ Selected';display:inline-block;font-weight:900;color:#7b18c8;margin-bottom:8px}
@media(max-width:920px){.portal-callout,.portal-toolbar{align-items:flex-start;flex-direction:column}.portal-callout-actions{justify-content:flex-start;min-width:0}.portal-auth-grid,.portal-two-col,.idea-grid{grid-template-columns:1fr}.portal-toolbar-actions{width:100%}}

/* Interactive AI Remodel Studio */
.studio-style-buttons button{border:2px solid transparent;background:var(--soft-purple);color:var(--purple-dark);padding:10px 14px;border-radius:999px;font-weight:900;cursor:pointer;font:inherit}
.studio-style-buttons button:hover,.studio-style-buttons button.selected{border-color:var(--purple);background:#fff;box-shadow:0 8px 20px rgba(123,24,200,.12)}
.studio-help{color:#6b7280;line-height:1.55}.required-note{font-weight:600;color:#7c3aed;font-size:.88rem}
.studio-photo-preview{margin:14px 0 4px;border-radius:18px;overflow:hidden;border:1px solid #e5e7eb;background:#f8fafc}.studio-photo-preview img{width:100%;max-height:360px;object-fit:cover;display:block}.studio-photo-preview .preview-label{display:block;padding:10px 14px;font-weight:900;font-size:.85rem;color:#6b7280}
.material-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 18px}.material-choice-grid label{display:flex!important;align-items:center;gap:9px;background:#f8f5ff;padding:11px 12px;border-radius:12px;font-weight:700!important}.material-choice-grid input{width:auto!important}
.studio-tool-card{display:block;width:100%;text-align:left;border:2px solid transparent;cursor:pointer;font:inherit;color:inherit}.studio-tool-card:hover{border-color:var(--purple);transform:translateY(-3px);box-shadow:0 14px 34px rgba(123,24,200,.13)}.studio-tool-card strong{display:inline-block;margin-top:12px;color:var(--purple)}.tool-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft-purple);color:var(--purple);font-weight:900;margin-bottom:8px}
.ai-picture-result{margin-top:20px}.ai-picture-result h3{margin-top:0}.remodel-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.remodel-frame{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.remodel-frame img{width:100%;height:340px;object-fit:cover;display:block}.remodel-frame span{display:block;padding:10px 12px;font-weight:900}.generated-badge{color:#6b21a8}.studio-result-note{font-size:.9rem;color:#6b7280}.studio-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:720px){.material-choice-grid,.remodel-compare{grid-template-columns:1fr}.remodel-frame img{height:280px}}

/* Secure portal + staff access */
.portal-status{max-width:900px;margin:0 auto 22px;padding:14px 18px;border-radius:14px;background:#eef2ff;color:#3730a3;font-weight:800;line-height:1.5}
.portal-status[data-type="error"]{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.portal-status[data-type="success"]{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}
.admin-gate-shell{min-height:65vh;display:grid;place-items:center}.admin-gate-card{width:min(520px,100%)}
.admin-logout{border:0;cursor:pointer}.staff-link{font-size:.86rem;opacity:.72}.staff-link:hover{opacity:1}

/* Admin control center */
.admin-kpis{align-items:stretch}.admin-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}.admin-tab{border:1px solid #ddd;border-radius:999px;padding:.72rem 1rem;background:#fff;font:inherit;font-weight:700;cursor:pointer}.admin-tab.active{background:#6f55e8;color:#fff;border-color:#6f55e8}.admin-record-list{display:grid;gap:1rem;margin-top:1.25rem}.admin-record{max-width:none}.admin-record-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.admin-record-head h3{margin:.1rem 0}.admin-pill{display:inline-block;padding:.38rem .7rem;border-radius:999px;background:#f0edff;color:#5a43c6;font-weight:700;font-size:.85rem}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:.8rem 0}.admin-record label{display:grid;gap:.35rem;font-weight:700}.admin-record input,.admin-record select,.admin-record textarea{width:100%;padding:.7rem;border:1px solid #d9d9df;border-radius:10px;background:#fff;font:inherit}.admin-record-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.admin-save-status{font-weight:700}.consultation-modal{position:fixed;inset:0;background:rgba(20,18,35,.72);z-index:9999;display:grid;place-items:center;padding:1rem}.consultation-modal[hidden]{display:none}.consultation-modal-card{background:#fff;border-radius:20px;max-width:620px;width:100%;max-height:92vh;overflow:auto;padding:1.4rem;box-shadow:0 24px 70px rgba(0,0,0,.28)}.consultation-modal-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.consultation-modal-close{border:0;background:transparent;font-size:1.6rem;cursor:pointer}.consultation-modal .portal-form{margin-top:1rem}@media(max-width:700px){.admin-record-head{flex-direction:column}.admin-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:.4rem}.admin-tab{white-space:nowrap}}


/* 2026 multi-page portal + admin redesign */
.management-page,.portal-page{background:#eef1f6;min-height:100vh}.management-backdrop,.management-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,rgba(15,23,42,.96),rgba(59,7,100,.88)),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 54px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 54px);color:#fff}.management-hero:before,.management-backdrop:before{content:"";position:absolute;inset:-15%;z-index:-1;background:radial-gradient(circle at 75% 25%,rgba(201,151,63,.25),transparent 24%),radial-gradient(circle at 15% 80%,rgba(123,24,200,.30),transparent 30%);transform:rotate(-3deg)}.management-hero{min-height:440px;padding:72px 7%;display:flex;align-items:center}.management-hero.compact{min-height:330px}.management-hero .hero-copy{max-width:900px}.management-hero h1{font-size:clamp(42px,6vw,72px);margin-bottom:18px}.management-hero p{font-size:18px;line-height:1.6;max-width:800px}.management-section{background:linear-gradient(180deg,#f8fafc,#eef1f6);min-height:48vh}.section-heading,.workspace-heading{max-width:760px;margin-bottom:28px}.management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.management-card{display:flex;flex-direction:column;min-height:285px;background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:28px;box-shadow:0 16px 38px rgba(15,23,42,.09);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.management-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(59,7,100,.15);border-color:#d8b4fe}.management-card h3{font-size:22px;margin:12px 0 8px}.management-card .big-number{font-size:34px;margin:4px 0 10px;color:#5b21b6}.management-card p{line-height:1.55}.management-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#3b0764,#7b18c8);color:white;display:grid;place-items:center;font-weight:900;box-shadow:0 9px 20px rgba(123,24,200,.2)}.card-action{margin-top:auto;padding-top:20px;color:#6d28d9;font-weight:900}.workspace-shell{max-width:1280px;margin:0 auto;background:rgba(255,255,255,.94);border:1px solid rgba(15,23,42,.07);border-radius:28px;padding:30px;box-shadow:0 18px 50px rgba(15,23,42,.10)}.glass-panel{background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}.action-btn{min-width:220px;text-align:center}.admin-main-nav,.portal-main-nav{gap:12px}.admin-main-nav a,.portal-main-nav a{padding:10px 12px;border-radius:10px}.admin-main-nav a:hover,.portal-main-nav a:hover{background:#f3e8ff;color:#6b21a8}.floating-status{position:fixed;top:92px;left:50%;transform:translateX(-50%);z-index:500;width:min(900px,90vw);box-shadow:0 14px 35px rgba(0,0,0,.16)}.customer-nav-grid .management-card{min-height:270px}.payment-action-card{margin-top:22px}.project-progress-card{margin-top:22px}.portal-page .site-header{position:sticky}.portal-page .portal-status{margin-bottom:0}.portal-page footer,.management-page footer{background:#0f172a;color:white;padding:34px 7%;text-align:center}.portal-page footer a,.management-page footer a{color:#e9d5ff}.admin-record-list .dashboard-card{border:1px solid #e5e7eb;box-shadow:0 10px 28px rgba(15,23,42,.07)}
@media(max-width:1100px){.management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main-nav,.portal-main-nav{gap:5px;font-size:13px}}
@media(max-width:920px){.management-grid{grid-template-columns:1fr}.management-hero{min-height:360px}.workspace-shell{padding:20px}.admin-main-nav,.portal-main-nav{display:none}.site-header nav.open{display:flex;position:absolute;top:86px;left:0;right:0;background:#fff;padding:18px 7%;flex-direction:column;align-items:stretch}.menu-btn{display:block}}

/* ===== 2026 PURPLE + WHITE PROFESSIONAL PORTAL REDESIGN ===== */
:root{
  --brand-purple:#5b21b6;
  --brand-purple-2:#7c3aed;
  --brand-purple-deep:#2e1065;
  --brand-lilac:#f5f1ff;
  --brand-lilac-2:#ede9fe;
  --brand-ink:#171329;
}

/* Public home remodeling-photo hero */
body:not(.management-page):not(.portal-page) .hero{
  background:
    linear-gradient(100deg,rgba(46,16,101,.90) 0%,rgba(91,33,182,.70) 48%,rgba(255,255,255,.10) 100%),
    url('../images/projects/bathroom-luxury.webp') center/cover no-repeat;
  min-height:78vh;
}
body:not(.management-page):not(.portal-page) .hero-card{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.55);
  backdrop-filter:blur(10px);
}

/* App pages become true left-sidebar dashboards */
.management-page,.portal-page{
  background:#f7f5fb;
  color:var(--brand-ink);
}
.management-page .site-header,.portal-page .site-header{
  position:fixed;
  top:0;left:0;bottom:0;
  width:260px;
  height:100vh;
  padding:26px 16px;
  background:linear-gradient(180deg,#4c1d95 0%,#2e1065 100%);
  box-shadow:12px 0 35px rgba(46,16,101,.16);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  z-index:400;
  overflow-y:auto;
}
.management-page .brand,.portal-page .brand{
  color:#fff;
  padding:0 8px 24px;
  border-bottom:1px solid rgba(255,255,255,.14);
  margin-bottom:18px;
}
.management-page .brand img,.portal-page .brand img{width:62px;height:62px;filter:drop-shadow(0 5px 12px rgba(0,0,0,.2))}
.management-page .site-header nav,.portal-page .site-header nav{
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  gap:7px;
}
.management-page .site-header nav a,.portal-page .site-header nav a,
.management-page .site-header nav button,.portal-page .site-header nav button{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  border-radius:12px;
  padding:12px 14px;
  color:#fff;
  background:transparent;
  border:1px solid transparent;
  font-weight:800;
  text-align:left;
}
.management-page .site-header nav a:hover,.portal-page .site-header nav a:hover{
  color:#4c1d95;
  background:#fff;
  border-color:#fff;
}
.management-page .site-header .secondary,.portal-page .site-header .secondary{
  margin-top:12px;
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1px solid rgba(255,255,255,.20);
}
.management-page .menu-btn,.portal-page .menu-btn{display:none}
.management-page>main,.management-page>div:not(.consultation-modal),.management-page>footer,
.portal-page>main,.portal-page>section,.portal-page>div:not(.consultation-modal),.portal-page>footer{
  margin-left:260px;
}

/* Photo hero with LIGHT purple / white treatment */
.management-hero,.management-backdrop,.portal-hero{
  background:
    linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(245,241,255,.88) 50%,rgba(124,58,237,.17) 100%),
    url('../images/projects/bathroom-modern.webp') center/cover no-repeat!important;
  color:var(--brand-ink)!important;
  min-height:365px;
}
.management-backdrop{
  background:
    linear-gradient(90deg,rgba(46,16,101,.80),rgba(91,33,182,.55)),
    url('../images/projects/bathroom-luxury.webp') center/cover no-repeat!important;
  color:#fff!important;
}
.management-hero:before,.management-backdrop:before{display:none!important}
.management-hero h1,.portal-hero h1{color:#201447}
.management-hero .eyebrow,.portal-hero .eyebrow{color:var(--brand-purple)}
.management-hero p,.portal-hero p{color:#4b4560}
.management-hero .secondary,.portal-hero .secondary{background:#fff;color:var(--brand-purple);border:1px solid #ddd6fe}

/* Dashboard cards */
.management-section{background:linear-gradient(180deg,#fbfaff,#f4f1fa)!important}
.management-grid{align-items:stretch}
.management-card{
  min-height:275px;
  border-radius:20px;
  border:1px solid #e9e3f5;
  box-shadow:0 12px 30px rgba(67,38,115,.08);
  background:#fff;
}
.management-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(91,33,182,.15);border-color:#c4b5fd}
.management-icon{background:#f3e8ff;color:#5b21b6;box-shadow:none;font-size:16px}
.card-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:auto;padding:11px 16px;border-radius:10px;background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff!important;width:max-content;max-width:100%}
.management-card .big-number{color:#5b21b6}
.workspace-shell,.glass-panel,.dashboard-card,.admin-record{border:1px solid #e9e3f5!important;box-shadow:0 12px 30px rgba(67,38,115,.07)!important}
.workspace-shell{background:#fff}
.primary{background:linear-gradient(135deg,#5b21b6,#7c3aed)!important}
.portal-status{border-radius:12px}

/* Keep each section visibly separate and page-like */
.management-page .management-hero.compact,.portal-page .management-hero.compact{min-height:300px}
.management-page .workspace-shell,.portal-page .workspace-shell{margin-top:-30px;position:relative;z-index:2}
.management-page footer,.portal-page footer{background:#fff!important;color:#51466b!important;border-top:1px solid #e9e3f5;text-align:left!important}
.management-page footer a,.portal-page footer a{color:#6d28d9!important}

/* Customer portal dashboard also uses equal professional cards */
.customer-nav-grid .management-card{min-height:270px}
.portal-toolbar{border-radius:20px;padding:24px;margin-bottom:22px;background:#fff!important}

/* Mobile/tablet: sidebar becomes top header */
@media(max-width:980px){
  .management-page .site-header,.portal-page .site-header{
    position:sticky;top:0;width:100%;height:auto;min-height:82px;padding:10px 5%;
    flex-direction:row;align-items:center;justify-content:space-between;overflow:visible;
  }
  .management-page .brand,.portal-page .brand{border:0;margin:0;padding:0;color:#fff}
  .management-page .brand img,.portal-page .brand img{width:48px;height:48px}
  .management-page .menu-btn,.portal-page .menu-btn{display:block;background:#fff;color:#5b21b6}
  .management-page .site-header nav,.portal-page .site-header nav{display:none!important;position:absolute;top:82px;left:0;right:0;background:#3b167d;padding:14px 5%;}
  .management-page .site-header nav.show,.portal-page .site-header nav.show{display:flex!important}
  .management-page>main,.management-page>div:not(.consultation-modal),.management-page>footer,
  .portal-page>main,.portal-page>section,.portal-page>div:not(.consultation-modal),.portal-page>footer{margin-left:0}
}


/* ===== FINAL PURPLE/WHITE PRO PORTAL OVERRIDES ===== */
:root{--brand-purple:#6d28d9;--brand-purple-dark:#35106f;--brand-purple-soft:#f3e8ff;--ink:#17112d;--muted:#665f78}
.pro-login-bg{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(90deg,rgba(53,16,111,.82),rgba(109,40,217,.35)),url('../images/remodel-hero.jpg') center/cover no-repeat}
.pro-login-card{width:min(520px,92vw);background:rgba(255,255,255,.97);padding:44px;border-radius:28px;box-shadow:0 30px 80px rgba(32,15,66,.28);border:1px solid #ede9fe}.pro-login-card>img{width:74px;height:74px;object-fit:contain}.pro-login-card h1{font-size:48px;line-height:1;color:#2b174f!important;margin:8px 0 10px}.pro-login-card .login-lead{color:#5e5672;font-size:17px}.pro-login-card label{color:#2b174f;font-weight:800}.pro-login-card input{background:#fff;color:#17112d;border:1px solid #d8cff2}
.pro-admin-shell{display:grid!important;grid-template-columns:258px minmax(0,1fr)!important;min-height:100vh;background:#f8f7fb}.pro-sidebar{background:linear-gradient(180deg,#32106b,#24104d);color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;z-index:20}.pro-brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none;font-weight:900;font-size:23px;letter-spacing:.4px}.pro-brand img{width:52px;height:52px;object-fit:contain}.pro-brand small{display:block;font-size:11px;font-weight:700;letter-spacing:1px}.pro-sidebar nav{display:grid;gap:8px}.pro-sidebar nav a{display:flex;align-items:center;gap:14px;color:#f8f4ff;text-decoration:none;padding:13px 14px;border-radius:12px;font-weight:700}.pro-sidebar nav a:hover{background:rgba(255,255,255,.14)}.pro-logout{margin-top:auto;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;padding:12px;border-radius:12px;font-weight:800}.pro-admin-main{min-width:0}.pro-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fff;border-bottom:1px solid #eee8f8;color:#28184d}.pro-topbar>div{display:flex;align-items:center;gap:18px}.pro-topbar strong{font-size:20px}.pro-topbar .menu-btn{display:none}.pro-back{color:#6d28d9;font-weight:800;text-decoration:none}.pro-admin-hero{min-height:360px;display:flex;align-items:center;padding:54px 42px;background:linear-gradient(90deg,rgba(39,15,79,.76),rgba(109,40,217,.20)),url('../images/remodel-hero.jpg') center/cover no-repeat;color:#fff}.pro-admin-hero h1{font-size:clamp(44px,6vw,76px);color:#fff!important;margin:4px 0 12px}.pro-admin-hero p{font-size:20px;max-width:680px;color:#fff}.pro-admin-hero .eyebrow{color:#eadcff}.pro-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 34px;margin-top:-50px;position:relative;z-index:3}.pro-kpis article{background:#fff;border:1px solid #ece6f6;border-radius:20px;padding:24px;box-shadow:0 14px 35px rgba(47,22,87,.10)}.pro-kpis b{display:block;font-size:34px;color:#5b21b6}.pro-kpis span{color:#675f78}.pro-section{padding:38px 34px 50px}.pro-section-head,.pro-results-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.pro-section-head h2,.pro-results-head h2{font-size:30px;color:#22163d}.pro-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pro-card-grid>a{display:flex;flex-direction:column;min-height:240px;padding:26px;background:#fff;border:1px solid #ece7f4;border-radius:20px;text-decoration:none;color:#22163d;box-shadow:0 10px 26px rgba(48,27,82,.08);transition:.2s}.pro-card-grid>a:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(91,33,182,.15);border-color:#c4b5fd}.pro-card-grid>a>span:first-child{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f3e8ff;color:#5b21b6;font-size:24px;font-weight:900}.pro-card-grid h3{font-size:22px;margin:16px 0 8px}.pro-card-grid p{color:#675f78;line-height:1.55}.pro-card-grid b{margin-top:auto;color:#6d28d9}.pro-subhero{padding:54px 42px 46px;background:linear-gradient(90deg,rgba(53,16,111,.84),rgba(109,40,217,.22)),url('../images/remodel-hero.jpg') center/cover no-repeat;color:#fff}.pro-subhero h1{font-size:clamp(42px,5vw,66px);color:#fff!important;margin:4px 0 8px}.pro-subhero p{color:#fff;font-size:18px;max-width:760px}.pro-results{padding:34px;background:#f8f7fb;min-height:60vh}.pro-results>.admin-record-list{max-width:1220px}.pro-results .dashboard-card{background:#fff;border:1px solid #e8e2f2;border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 8px 22px rgba(46,24,79,.07)}.pro-footer{padding:22px 34px;background:#fff;color:#655d75;border-top:1px solid #eee8f8}
.pro-portal-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px 5%;background:#fff;border-bottom:1px solid #ede8f5}.pro-brand.light{color:#2e1857!important}.pro-portal-nav{display:flex;align-items:center;gap:8px}.pro-portal-nav a,.pro-portal-nav button{border:0;background:transparent;color:#352359;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:800}.pro-portal-nav a:hover{background:#f3e8ff;color:#6d28d9}.pro-portal-nav button{background:#6d28d9;color:#fff}.pro-customer-hero{min-height:360px;display:flex;align-items:center;padding:50px 7%;background:linear-gradient(90deg,rgba(53,16,111,.75),rgba(109,40,217,.18)),url('../images/remodel-hero.jpg') center/cover no-repeat;color:#fff}.pro-customer-hero h1{font-size:clamp(42px,6vw,72px);color:#fff!important;max-width:760px}.pro-customer-hero p{font-size:20px;color:#fff}.pro-customer-main{padding:34px 7% 60px;background:#faf9fd;min-height:55vh}.pro-auth-grid{margin-top:-84px;position:relative;z-index:3}.pro-auth-grid .auth-card{background:#fff;border:1px solid #e9e2f3;border-radius:22px;box-shadow:0 16px 38px rgba(50,25,86,.11)}.pro-welcome{padding:28px 0 18px}.pro-welcome h2{font-size:38px;color:#27164b}.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-grid .big-number{font-size:26px;color:#5b21b6}
.portal-page .management-hero{background:linear-gradient(90deg,rgba(53,16,111,.78),rgba(109,40,217,.16)),url('../images/remodel-hero.jpg') center/cover no-repeat!important;color:#fff!important}.portal-page .management-hero h1,.portal-page .management-hero p,.portal-page .management-hero .eyebrow{color:#fff!important}.portal-page .management-section{background:#faf9fd}.portal-page .workspace-shell{border:1px solid #ebe5f4;box-shadow:0 12px 30px rgba(50,25,86,.08)}
@media(max-width:1000px){.pro-admin-shell{grid-template-columns:1fr!important}.pro-sidebar{position:relative;height:auto}.pro-sidebar nav{grid-template-columns:repeat(2,1fr)}.pro-kpis{grid-template-columns:repeat(2,1fr)}.pro-card-grid,.customer-grid{grid-template-columns:repeat(2,1fr)}.pro-portal-header{align-items:flex-start;gap:12px}.pro-portal-nav{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:650px){.pro-kpis,.pro-card-grid,.customer-grid{grid-template-columns:1fr}.pro-section-head,.pro-results-head{display:block}.pro-topbar{padding:0 18px}.pro-admin-hero,.pro-subhero{padding:40px 22px}.pro-section,.pro-results{padding:24px 18px}.pro-portal-header{display:block}.pro-portal-nav{margin-top:12px}.pro-auth-grid{margin-top:-30px}.pro-login-card{padding:30px}.pro-login-card h1{font-size:40px}}

/* ===== 2026 LAUNCH DESIGN: LUKE'S PURPLE + WHITE ===== */
:root{--brand:#5b14b5;--brand2:#7c3aed;--brand3:#3b0b78;--ink:#121126;--lav:#f7f2ff;--line:#e9ddfb;--shadow:0 18px 50px rgba(57,18,106,.12)}
.launch-home,.launch-inner,.launch-portal,.launch-admin{background:#fff;color:var(--ink)}
.launch-header{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.98);padding:12px 3%;border-bottom:1px solid #eee;box-shadow:0 8px 28px rgba(59,11,120,.08)}
.launch-brand{display:flex;align-items:center;gap:10px;font-weight:1000;font-size:22px;color:var(--brand3)}.launch-brand img{width:62px;height:50px;object-fit:contain}.launch-brand span{display:grid;line-height:1}.launch-brand small{font-size:10px;letter-spacing:.12em;margin-top:5px}.launch-brand.light{color:#fff}
.launch-nav{display:flex;align-items:center;gap:9px}.launch-nav a{background:var(--brand);color:#fff!important;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:900;box-shadow:0 6px 14px rgba(91,20,181,.13);transition:.2s}.launch-nav a:hover,.launch-nav a.active{background:var(--brand3);transform:translateY(-1px)}
.launch-hero{position:relative;min-height:600px;background:url('../images/brand/lukes-bathroom-hero.jpg') center/cover no-repeat;display:flex;align-items:center;padding:70px 4%;overflow:hidden}.launch-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 35%,rgba(255,255,255,.15) 62%,rgba(255,255,255,.03) 100%)}.launch-hero-copy{position:relative;z-index:2;max-width:610px}.launch-kicker,.section-kicker{color:var(--brand);font-size:13px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.section-kicker.light{color:#efe5ff}.launch-hero h1{font-size:clamp(48px,5.8vw,82px);line-height:1.03;margin:16px 0;color:var(--ink);letter-spacing:-.04em}.launch-hero h1 span{color:var(--brand)}.launch-hero-copy>p:not(.launch-kicker){font-size:21px;line-height:1.55;color:#383549;max-width:560px}
.launch-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.launch-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:14px 21px;font-weight:900;border:2px solid var(--brand);transition:.2s}.launch-btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.launch-btn.outline{background:#fff;color:var(--brand)}.launch-btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(91,20,181,.16)}.launch-btn.full{width:100%}
.trust-strip{position:relative;z-index:4;margin:-44px 4% 0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);padding:25px}.trust-strip article{display:flex;align-items:center;gap:14px;padding:8px 22px;border-right:1px solid var(--line)}.trust-strip article:last-child{border-right:0}.trust-strip span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--lav);color:var(--brand);font-size:23px}.trust-strip strong,.trust-strip small{display:block}.trust-strip small{color:#777;margin-top:4px}
.launch-section{padding:78px 4%}.services-showcase{text-align:center;background:linear-gradient(#fff,#fbf8ff)}.services-showcase h2,.launch-cta-section h2,.inner-content h2{font-size:42px;margin:8px 0 30px}.service-cards-five{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service-card{display:block;background:#fff;border:1px solid var(--line);border-radius:15px;padding:30px 22px;box-shadow:var(--shadow);transition:.2s}.service-card:hover{transform:translateY(-4px);border-color:#cdb2f6}.service-card>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:27px;margin:0 auto 18px}.service-card h3{font-size:21px}.service-card p{line-height:1.55;color:#5e5b6d;min-height:76px}.service-card b{color:var(--brand)}
.portal-band{padding:52px 5%;display:grid;grid-template-columns:1.2fr .65fr .65fr;gap:22px;align-items:center;background:linear-gradient(120deg,rgba(52,11,106,.97),rgba(98,30,185,.94)),url('../images/brand/lukes-bathroom-hero.jpg') center/cover;color:#fff}.portal-band h2{font-size:38px;margin:6px 0}.portal-band-copy p{max-width:550px;line-height:1.6}.portal-choice{display:block;background:linear-gradient(145deg,#6723c5,#4b108f);color:#fff;border:1px solid rgba(255,255,255,.18);padding:30px;border-radius:16px;text-align:center;box-shadow:0 20px 40px rgba(19,4,40,.22)}.portal-choice>span{font-size:36px}.portal-choice p{opacity:.88;line-height:1.5}.portal-choice b{display:inline-block;background:#fff;color:var(--brand);padding:12px 16px;border-radius:8px;margin-top:10px}.launch-cta-section{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#fff}.launch-footer{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:35px;background:linear-gradient(135deg,#281054,#4c1391);color:#fff;padding:48px 5% 28px}.launch-footer h4{margin-top:0}.launch-footer a{display:block;color:#f1e7ff;margin:8px 0}.footer-brand img{width:70px;display:block;margin-bottom:10px}.footer-brand strong{font-size:18px}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);padding-top:20px;margin-top:5px}.compact-footer{grid-template-columns:2fr 1fr}
.inner-photo-hero{min-height:360px;padding:80px 5%;display:flex;align-items:end;background:linear-gradient(90deg,rgba(47,8,95,.82),rgba(91,20,181,.25)),url('../images/brand/lukes-bathroom-hero.jpg') center/cover;color:#fff}.inner-photo-hero>div{max-width:700px}.inner-photo-hero h1{font-size:58px;margin:8px 0}.inner-photo-hero p{font-size:19px;line-height:1.5}.inner-content{background:#fbf9ff}.process-grid,.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.process-grid article,.faq-grid article,.detail-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.process-grid b{color:var(--brand);font-size:28px}
.auth-photo-page,.admin-login-photo{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:50px;background:linear-gradient(90deg,rgba(59,11,120,.64),rgba(59,11,120,.18)),url('../images/brand/lukes-bathroom-hero.jpg') center/cover}.auth-panel,.admin-login-card{width:min(480px,94vw);background:rgba(255,255,255,.97);padding:38px;border-radius:20px;box-shadow:0 25px 70px rgba(36,6,77,.28)}.auth-panel h1,.admin-login-card h1{font-size:48px;color:var(--brand3);margin:8px 0 12px;line-height:1.05}.admin-login-card img{width:82px}.auth-panel input,.admin-login-card input{border:1px solid #cfc5dc;background:#fff;color:#161220}.text-link{color:var(--brand)!important;font-weight:900}
.portal-purple-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#3b0b78,#651abf);padding:14px 3%;color:#fff}.portal-purple-header nav{display:flex;gap:9px}.portal-purple-header nav a,.portal-purple-header nav button{background:#fff;color:var(--brand3);padding:10px 13px;border:0;border-radius:8px;font-weight:900;cursor:pointer}.portal-photo-hero{min-height:315px;padding:65px 5%;display:flex;align-items:center;background:linear-gradient(90deg,rgba(63,12,124,.78),rgba(91,20,181,.18)),url('../images/brand/lukes-bathroom-hero.jpg') center/cover;color:#fff}.portal-photo-hero h1{font-size:55px;margin:8px 0}.portal-launch-main{padding:48px 5%;background:#fbf9ff;min-height:420px}.portal-auth-links>div{max-width:600px;margin:auto;text-align:center;background:#fff;padding:35px;border-radius:18px;box-shadow:var(--shadow)}.portal-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portal-page-grid>a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;color:var(--ink);box-shadow:var(--shadow);transition:.2s}.portal-page-grid>a:hover{transform:translateY(-4px)}.portal-page-grid>a>span{font-size:30px;color:var(--brand)}.portal-page-grid h3{font-size:21px}.portal-page-grid b{color:var(--brand)}
.admin-layout{display:grid;grid-template-columns:265px 1fr;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#32106b,#5814a8);padding:22px 16px;color:#fff}.admin-sidebar nav{display:grid;gap:10px;margin-top:28px}.admin-sidebar nav a{display:block;color:#fff;padding:13px 15px;border-radius:9px;font-weight:850}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#fff;color:var(--brand3)}.admin-logout{margin-top:28px;width:100%;background:#fff;color:var(--brand3);border:0;padding:12px;border-radius:9px;font-weight:900}.admin-main{background:#faf8fe}.admin-topbar{display:flex;justify-content:space-between;padding:20px 30px;background:#fff;border-bottom:1px solid var(--line)}.admin-photo-hero{min-height:330px;padding:65px 40px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(51,9,105,.76),rgba(91,20,181,.12)),url('../images/brand/lukes-bathroom-hero.jpg') center/cover;color:#fff}.admin-photo-hero h1{font-size:58px;margin:8px 0}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:-46px 30px 0;position:relative}.admin-kpis article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:var(--shadow)}.admin-kpis b{display:block;font-size:35px;color:var(--brand)}.admin-kpis span{font-weight:800}.admin-quick{padding:52px 30px}.admin-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-page-grid a{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow);color:var(--ink)}.admin-page-grid a>span{font-size:30px;color:var(--brand)}.admin-page-grid b{color:var(--brand)}
/* turn existing portal/admin page navigation into consistent purple buttons */
.portal-main-nav a,.site-header nav a{border-radius:9px}.portal-main-nav a{background:var(--brand)!important;color:#fff!important;padding:10px 13px}.management-hero,.page-hero{background:linear-gradient(90deg,rgba(55,8,111,.84),rgba(91,20,181,.25)),url('../images/brand/lukes-bathroom-hero.jpg') center/cover!important}.management-hero h1,.page-hero h1{color:#fff}.separate-page-badge{display:none!important}.pro-sidebar,.pro-admin-shell .pro-sidebar{background:linear-gradient(180deg,#32106b,#5814a8)!important}.pro-sidebar nav a{background:#fff!important;color:var(--brand3)!important;border-radius:9px!important}.pro-login-card h1{color:var(--brand3)!important}.pro-login-card{background:#fff!important}
@media(max-width:1050px){.launch-nav{display:none;width:100%;grid-template-columns:repeat(2,1fr)}.launch-nav.show{display:grid}.launch-header{flex-wrap:wrap}.service-cards-five{grid-template-columns:repeat(2,1fr)}.portal-band{grid-template-columns:1fr}.admin-page-grid,.portal-page-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip article{border-right:0}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.launch-hero{min-height:540px}.launch-hero-overlay{background:rgba(255,255,255,.86)}.launch-hero h1{font-size:48px}.service-cards-five,.process-grid,.faq-grid,.admin-page-grid,.portal-page-grid,.admin-kpis,.trust-strip{grid-template-columns:1fr}.launch-footer{grid-template-columns:1fr}.portal-purple-header{align-items:flex-start;gap:15px;flex-direction:column}.portal-purple-header nav{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.admin-photo-hero h1,.portal-photo-hero h1,.inner-photo-hero h1{font-size:42px}.admin-kpis{margin:20px}.launch-cta-section{display:block}.launch-nav.show{grid-template-columns:1fr}}

/* FINAL LAUNCH FIX: dedicated admin login + truly separate protected pages */
.launch-nav-btn,.launch-header .launch-nav>a,.launch-header .launch-nav button{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:#fff!important;border:0!important;border-radius:9px!important;padding:11px 15px!important;font-weight:900!important;box-shadow:0 7px 18px rgba(91,20,181,.14)}
body[data-admin-protected="true"] #adminContent[hidden]{display:none!important}
body[data-admin-protected="true"]{background:#faf8fe}
.launch-admin-login .admin-login-card h1{color:var(--brand3)!important;opacity:1!important;text-shadow:none!important}
.admin-sidebar nav a{background:rgba(255,255,255,.10);color:#fff!important;border:1px solid rgba(255,255,255,.08)}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#fff!important;color:var(--brand3)!important}

/* Admin: always provide a clear route back to public website */
.admin-backsite,.pro-backsite{display:block;margin:12px 14px;padding:12px 14px;border-radius:12px;text-align:center;text-decoration:none;font-weight:800;background:#fff;color:#5b21b6;border:1px solid rgba(255,255,255,.45);box-shadow:0 6px 18px rgba(24,10,70,.12)}
.admin-backsite:hover,.pro-backsite:hover{background:#f5f0ff;transform:translateY(-1px)}
.launch-brand,.pro-brand{cursor:pointer}

/* FINAL LAUNCH NAV + APPLICATION PAGE */
.site-header #mainNav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.site-header #mainNav a{background:linear-gradient(135deg,#6f22c7,#54139f);color:#fff!important;padding:10px 13px;border-radius:9px;font-size:13px;font-weight:900;box-shadow:0 6px 15px rgba(91,20,181,.14);transition:transform .18s ease,background .18s ease}
.site-header #mainNav a:hover,.site-header #mainNav a.active{background:#3f0d7d;transform:translateY(-1px)}
.site-header #mainNav a.nav-apply{background:linear-gradient(135deg,#8b35df,#6f22c7)}
.application-page-shell{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start}.application-page-shell .form-card{margin:0}.career-cta-card{display:flex;flex-direction:column;justify-content:center;min-height:300px}.career-cta-card .btn{width:max-content;margin-top:12px}.application-back{margin-top:18px}
@media(max-width:1200px){.site-header #mainNav{width:100%;justify-content:center}.site-header{flex-wrap:wrap}}
@media(max-width:920px){.site-header #mainNav{display:none}.site-header #mainNav.show{display:flex;flex-direction:column;align-items:stretch}.application-page-shell{grid-template-columns:1fr}}

/* Admin Projects + Reviews */
.dynamic-project-grid,.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dynamic-project-card,.review-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.dynamic-project-card img{width:100%;height:240px;object-fit:cover}.dynamic-project-card>div,.review-card{padding:24px}.dynamic-project-card h3{margin:6px 0 10px}.dynamic-project-card a{color:var(--brand);font-weight:850}.reviews-showcase{background:#fbf8ff}.review-card{display:flex;flex-direction:column;gap:10px}.review-stars{color:#6d28d9;font-size:22px;letter-spacing:3px}.review-card p{font-size:17px;line-height:1.65;color:#4f475e}.review-card strong{color:#2b174e}.review-card small{color:#756a84}.admin-delete-record{margin-left:8px;background:#fff;color:#7a1d1d;border:1px solid #e7caca;padding:10px 14px;border-radius:10px;font-weight:800}@media(max-width:900px){.dynamic-project-grid,.review-grid{grid-template-columns:1fr}}


/* One intentional cosmetic flourish: subtle AI Studio sparkle. */
.ai-studio-sparkle { position: relative; overflow: visible; }
.ai-studio-sparkle::before, .ai-studio-sparkle::after { content: '✦'; position:absolute; color:#a855f7; font-size:.7rem; opacity:.75; pointer-events:none; animation:lukesSparkle 2.4s ease-in-out infinite; }
.ai-studio-sparkle::before { top:-7px; right:7px; }
.ai-studio-sparkle::after { content:'✧'; bottom:-6px; left:8px; animation-delay:1.1s; }
@keyframes lukesSparkle { 0%,100%{transform:scale(.7) rotate(0deg);opacity:.25} 50%{transform:scale(1.15) rotate(18deg);opacity:.9} }
@media (prefers-reduced-motion: reduce){ .ai-studio-sparkle::before,.ai-studio-sparkle::after{animation:none} }
.customer-thread-card{margin:12px 0}.customer-thread-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.staff-reply{margin-top:12px;padding:12px;border-left:4px solid #7c3aed;background:#f7f2ff;border-radius:8px}.staff-reply p{margin:.35rem 0 0}

/* Threaded portal messaging */
.message-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:5px;border-radius:999px;background:#fff;color:#6b21a8;font-size:11px;font-weight:900;vertical-align:middle;box-shadow:0 0 0 2px rgba(107,33,168,.15)}
.portal-main-nav .message-badge,.portal-purple-header .message-badge{background:#fff;color:#6d28d9}
.message-thread{display:flex;flex-direction:column;gap:10px;margin:14px 0 18px}.thread-bubble{max-width:86%;padding:12px 14px;border-radius:16px}.thread-bubble p{margin:5px 0}.thread-bubble small{opacity:.7;font-size:11px}.thread-customer{align-self:flex-end;background:#ede9fe;border:1px solid #ddd6fe}.thread-admin{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 14px rgba(0,0,0,.05)}.thread-reply-form textarea,.admin-thread-reply{width:100%}.thread-unread{box-shadow:0 0 0 2px #8b5cf6,0 12px 30px rgba(91,33,182,.12)}.message-new-pill{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:999px;background:#7c3aed;color:#fff;font-size:10px;vertical-align:middle}.pro-sidebar .message-badge{background:#fff;color:#5b21b6;font-style:normal}