.customer-shell{grid-template-columns:235px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 82% 4%,#154b8a55,transparent 26%),linear-gradient(135deg,#06182f,#071e3b 58%,#09254a)}
.customer-shell .sidebar{background:linear-gradient(180deg,#05182f,#062447);border-right-color:#244769}.customer-shell .main{padding:28px 32px 105px;max-width:1500px;width:100%;margin-inline:auto}.customer-shell+.bottomnav{display:none}
.customer-portal{display:grid;gap:22px}.customer-hero{position:relative;overflow:hidden;min-height:280px;padding:38px 42px;border:1px solid #315987;border-radius:20px;background:linear-gradient(105deg,#061932 4%,#08264aee 51%,#0d3975c7),url('welcome-garden.jpg') center/cover;box-shadow:0 22px 60px #00102280;display:flex;align-items:center;justify-content:space-between;gap:24px;isolation:isolate}.customer-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#1c64ba33 68%,transparent 86%);z-index:-1}.customer-hero>div:first-child{max-width:700px}.customer-kicker,.customer-eyebrow{display:block;color:var(--yellow);font-weight:800;letter-spacing:.15em;font-size:.72rem;margin-bottom:8px}.customer-hero h1{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.055em;line-height:1;margin:8px 0 14px}.customer-hero p{font-size:1.04rem;color:#d2e1f4;max-width:620px;line-height:1.6}.customer-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.customer-ghost{background:#06192dbd;border-color:#8ba9ce;color:white}.customer-trust{flex:none;width:210px;min-height:180px;border-radius:18px;padding:26px 18px;border:1px solid #587aa3;background:#061a34cc;backdrop-filter:blur(8px);display:grid;place-items:center;text-align:center}.customer-trust>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#06213f;background:var(--yellow);box-shadow:0 0 25px #ffdc3066}.customer-trust>span .icon{width:30px;height:30px;stroke-width:2.5}.customer-trust strong{font-size:1rem}.customer-trust small{color:#adc3dd;line-height:1.45}
.customer-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.customer-stats .card{min-height:102px;display:flex;align-items:center;gap:15px;padding:19px;background:linear-gradient(130deg,#0d2f57,#0a203c);border-color:#294b70}.customer-stats .card>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--yellow);background:#173d67;border:1px solid #315c8c;flex:none}.customer-stats .card>span .icon{width:25px;height:25px}.customer-stats strong{display:block;font-size:1.45rem;line-height:1.15}.customer-stats small{display:block;color:#aec3dc;margin-top:5px}.customer-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr);gap:18px;align-items:start}.customer-section-head{margin:5px 0 12px}.customer-section-head h2,.customer-page-intro h1{font-size:clamp(1.65rem,3vw,2.5rem);margin:0;letter-spacing:-.045em}.customer-object-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-object-card{padding:22px;background:linear-gradient(150deg,#fff,#eef4fb);color:#0a2747;--muted:#48627d;--line:#d5e0ed;color-scheme:light;border:1px solid white;box-shadow:0 12px 30px #00162e55}.customer-object-head{display:flex;align-items:center;gap:15px}.customer-object-icon{width:70px;height:70px;border-radius:15px;background:linear-gradient(145deg,#0b315d,#1761aa);color:white;display:grid;place-items:center;flex:none;box-shadow:0 10px 20px #0a3e7140}.customer-object-icon .icon{width:38px;height:38px}.customer-object-head h2{font-size:1.35rem;margin:0 0 6px;letter-spacing:-.03em}.customer-object-head p{font-size:.78rem;color:#4a637d;margin:0;display:flex;gap:5px}.customer-object-head p .icon{width:16px;height:16px}.customer-object-card .customer-eyebrow{color:#9a7500}.customer-scope{display:grid;gap:8px;margin:18px 0;padding:15px;background:#e8f0f8;border-radius:10px;border:1px solid #d6e2ef}.customer-scope>strong{font-size:.78rem;color:#29445f}.customer-scope>span{font-size:.78rem;display:flex;gap:7px;align-items:center}.customer-scope .icon{width:16px;height:16px;color:#158044}.customer-object-foot{display:flex;justify-content:space-between;align-items:end;gap:10px;border-top:1px solid #d5dfeb;margin-top:18px;padding-top:16px}.customer-object-foot small,.customer-object-foot strong{display:block}.customer-object-foot small{font-size:.68rem;color:#63778c}.customer-object-foot strong{font-size:.84rem;margin-top:4px}.customer-object-card .text-button{background:transparent;color:#0b4e96;border-color:transparent;font-size:.76rem}.customer-object-card .outline-yellow{color:#173755;border-color:#b69900;background:#fff}.customer-activity{padding:22px;background:linear-gradient(145deg,#0e2c50,#071b34);border-color:#294c73}.customer-activity h2{font-size:1.35rem;margin:0}.customer-timeline{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;text-align:left;width:100%;gap:10px;align-items:center;background:transparent;border:0;border-top:1px solid #294461;border-radius:0;padding:14px 2px;color:white}.customer-timeline:first-of-type{margin-top:12px}.customer-timeline:hover{background:#143b632e}.customer-timeline>span:nth-child(2){display:grid;gap:3px}.customer-timeline small{color:#a8bed8;font-size:.72rem}.customer-timeline>.icon{width:18px}.timeline-dot{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#0e6d47;color:#75efa0;border:1px solid #16815c}.timeline-dot .icon{width:17px}.customer-open-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;background:linear-gradient(100deg,#312f1d,#102946);border-color:#80712d}.customer-open-strip h2{margin:9px 0 3px}.customer-open-strip p{margin:0;color:#c4d4e8}.customer-page-intro{padding:10px 2px 2px}.customer-page-intro p{color:#aabfd9;max-width:760px}.customer-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.customer-proof-card{background:linear-gradient(150deg,#0d2b4c,#071b34);border-color:#2a4b70}.customer-proof-card h2{font-size:1.15rem;margin:5px 0 0}.customer-task-chips{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.customer-task-chips span{display:flex;gap:5px;align-items:center;border-radius:30px;background:#0d684433;color:#88efaf;border:1px solid #1a775455;padding:7px 10px;font-size:.72rem}.customer-task-chips .icon{width:15px;height:15px}.customer-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.customer-photo{position:relative;height:175px;border-radius:10px;overflow:hidden;border:1px solid #456383;background:#09213c}.customer-photo img{width:100%;height:100%;object-fit:cover}.customer-photo span{position:absolute;inset:auto 7px 7px;display:flex;justify-content:space-between;gap:8px;background:#021b35da;color:white;border-radius:7px;padding:7px 9px;font-size:.68rem}.customer-quiet{padding:17px;border:1px dashed #355473;border-radius:9px;color:#9fb5cf;font-size:.78rem}.customer-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-request{background:linear-gradient(145deg,#0c2a4d,#071b34);border-color:#2c4f75}.customer-request h2{font-size:1.2rem;margin:7px 0}.customer-request>p{white-space:pre-wrap;color:#c4d3e4;font-size:.85rem}.customer-reply{margin-top:16px;padding:15px;background:#0a5b3d33;border:1px solid #17704e55;border-radius:10px}.customer-reply strong{font-size:.75rem;color:#78e5a2}.customer-reply p{font-size:.82rem;margin:7px 0 0;white-space:pre-wrap}.customers-office{display:grid;gap:18px}.customer-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.customer-admin-card{background:linear-gradient(145deg,#102e51,#081d38)}.customer-admin-card h2{margin:15px 0 4px}.customer-access-list{display:grid;gap:10px;max-height:52vh;overflow:auto;margin:15px 0;padding-right:4px}.customer-access-row{border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--card2)}.access-master{align-items:start}.access-master span{display:grid;gap:3px}.access-master small{color:var(--muted);font-weight:400}.customer-permissions{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.customer-permissions .check{font-size:.78rem}.customer-office-request{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) 20px;align-items:center;gap:12px;text-align:left;background:linear-gradient(110deg,#102d4d,#0a1f39);border:1px solid #294867;padding:13px;border-radius:9px;color:white}.customer-office-request>span:nth-child(2){display:grid;gap:4px}.customer-office-request small{color:#abc0d8}.customer-office-request>.icon{width:18px}.customer-dashboard-card{text-align:left;background:linear-gradient(140deg,#102e50,#0a1d36);border-color:#345273}.customer-dashboard-card h2{font-size:1.15rem;margin:4px 0}.customer-dashboard-card p{font-size:.78rem;color:#afc2da}.customer-dashboard-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--yellow);background:#6355164a;border:1px solid #897729}.customer-dashboard-icon .icon{width:23px;height:23px}
.light .customer-shell{background:#e9f0f8}.light .customer-shell .main{color:#0b2543}.light .customer-hero{color:white}.light .customer-stats .card,.light .customer-activity,.light .customer-proof-card,.light .customer-request,.light .customer-admin-card,.light .customer-office-request,.light .customer-dashboard-card{background:white;color:#0b2543}.light .customer-stats small,.light .customer-activity small,.light .customer-request>p,.light .customer-page-intro p,.light .customer-dashboard-card p,.light .customer-office-request small{color:#4c6580}.light .customer-timeline{color:#0b2543;border-color:#d6e1ec}.light .customer-reply{background:#e5f5eb}.light .customer-shell+.bottomnav{background:#f6f9fd}.light .customer-shell+.bottomnav button{color:#294563}.light .customer-shell+.bottomnav button.active{color:#735900}
@media(max-width:1100px){.customer-shell{grid-template-columns:195px minmax(0,1fr)}.customer-shell .main{padding:22px}.customer-main-grid{grid-template-columns:1fr}.customer-activity{max-width:none}.customer-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.customer-shell{display:block}.customer-shell .sidebar{display:none}.customer-shell .main{padding:10px 14px 108px}.customer-shell+.bottomnav{display:flex}.customer-shell .topbar{justify-content:flex-end;margin-bottom:10px}.customer-shell .topbar>div:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.customer-shell .topbar .tools{flex-wrap:nowrap;max-width:100%}.customer-shell .topbar .tools button{min-width:40px;padding:7px}.customer-hero{padding:28px 24px;min-height:310px}.customer-trust{display:none}.customer-stats{grid-template-columns:1fr}.customer-stats .card{min-height:82px}.customer-object-grid,.customer-proof-grid,.customer-request-grid,.customer-admin-grid{grid-template-columns:1fr}.customer-page-intro.row{align-items:start}.customer-page-intro.row>button{width:100%}.customer-open-strip{align-items:start;flex-direction:column}.customer-permissions{grid-template-columns:1fr}.customer-shell+.bottomnav button{font-size:.66rem;padding-inline:2px}.customer-shell+.bottomnav .icon{width:22px;height:22px}}
@media(max-width:390px){.customer-hero{padding:24px 18px}.customer-hero h1{font-size:2.1rem}.customer-hero-actions{display:grid}.customer-hero-actions button{width:100%}.customer-object-card{padding:17px}.customer-object-icon{width:58px;height:58px}.customer-object-head{align-items:start}.customer-photo{height:145px}.customer-page-intro h1{font-size:1.75rem}.customer-object-foot{align-items:start;flex-direction:column}.customer-object-foot button{padding-left:0}}
@media print{.customer-shell .sidebar,.customer-shell+.bottomnav,.customer-shell .topbar{display:none!important}.customer-shell{display:block;background:white}.customer-shell .main{padding:0}.customer-hero,.customer-stats,.customer-open-strip{break-inside:avoid}.customer-object-card,.customer-proof-card,.customer-request{box-shadow:none;break-inside:avoid}}