:root{--ink:#0b0c0d;--panel:#151719;--muted:#a8adb2;--red:#ef252d;--line:#2b2f33;--paper:#f4f4f1}*{box-sizing:border-box}body{color:#f7f7f4;background:#090a0b;margin:0;font:15px/1.55 Arial,sans-serif}.portal-shell{background:radial-gradient(circle at 85% 0,#ef252d2e,#0000 32%),linear-gradient(135deg,#090a0b,#141719);min-height:100vh}.portal-nav{border-bottom:1px solid var(--line);z-index:10;background:#070809e0;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.portal-brand{letter-spacing:.15em;color:#fff;font-weight:900;text-decoration:none}.portal-brand b{color:var(--red)}.portal-nav div{align-items:center;gap:18px;display:flex}.portal-nav a{color:#fff;text-decoration:none}.portal-main{max-width:1180px;margin:auto;padding:64px clamp(20px,5vw,64px) 90px}.eyebrow{color:#ff5157;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}.portal-main h1{max-width:850px;margin:14px 0 22px;font-size:clamp(38px,6vw,76px);line-height:.96}.lede{color:#c2c6ca;max-width:720px;font-size:18px}.summary-grid,.project-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0;display:grid}.summary,.project-card,.empty-card,.admin-panel{border:1px solid var(--line);background:linear-gradient(145deg,#191c1f,#111315);border-radius:18px;padding:24px;box-shadow:0 24px 70px #00000040}.summary strong{font-size:27px;display:block}.summary span,.meta{color:var(--muted)}.project-card{grid-column:span 3;padding:0;overflow:hidden}.project-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:28px;display:flex}.project-head h2{margin:4px 0;font-size:30px}.status{color:#ff6b70;background:#ef252d29;border-radius:999px;height:max-content;padding:8px 13px;font-weight:800}.progress-track{background:#2b2f33;border-radius:9px;height:10px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,#ef252d,#ff6b70);height:100%;display:block}.project-body{grid-template-columns:1.15fr .85fr;gap:30px;padding:28px;display:grid}.facts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fact{background:#0c0e0f;border-radius:12px;padding:16px}.fact small{color:var(--muted);display:block}.fact strong{font-size:16px}.timeline{border-left:2px solid #34383c;padding-left:22px}.update{margin-bottom:24px;position:relative}.update:before{content:"";background:var(--red);border-radius:50%;width:11px;height:11px;position:absolute;top:6px;left:-28px}.update h3{margin:0}.update p{color:#c3c7ca;margin:5px 0}.warranty{border-left:3px solid var(--red);background:#0c0e0f;margin-top:18px;padding:18px}.button{background:var(--red);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:11px 16px;font-weight:800;text-decoration:none;display:inline-flex;color:#fff!important}.button.secondary{background:#25292d}.admin-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.admin-panel h2{margin-top:0}.admin-panel label{color:#c5c9cc;margin:13px 0;font-size:13px;display:block}.admin-panel input,.admin-panel select,.admin-panel textarea{color:#fff;background:#0a0c0d;border:1px solid #383d42;border-radius:8px;width:100%;margin-top:6px;padding:12px;display:block}.admin-panel textarea{min-height:90px}.wide{grid-column:1/-1}.project-row{border-top:1px solid var(--line);padding:16px 0}.project-row:first-child{border-top:0}.project-row strong{display:block}.account-note{border-left:3px solid var(--red);color:#c7cbce;background:#191c1f;margin:22px 0;padding:14px 17px}.signin-card{background:#151719;border:1px solid #333;border-radius:20px;max-width:650px;margin:12vh auto;padding:46px}.signin-card h1{margin:0 0 18px;font-size:48px}@media (max-width:760px){.summary-grid,.project-body,.admin-grid{grid-template-columns:1fr}.project-head{display:block}.status{margin-top:12px;display:inline-block}.facts{grid-template-columns:1fr}.portal-nav{height:auto;padding-top:16px;padding-bottom:16px}.portal-nav div{flex-wrap:wrap;justify-content:flex-end}.portal-main{padding-top:40px}}body,.admin-panel input,.admin-panel select,.admin-panel textarea{font-size:16px}.login-shell{flex-direction:column;display:flex}.signin-card{border:1px solid #333;border-top:4px solid var(--red);background:linear-gradient(145deg,#191c1f,#101214);border-radius:20px;width:min(650px,100% - 32px);margin:clamp(42px,10vh,110px) auto;padding:clamp(28px,6vw,52px);box-shadow:0 30px 90px #0006}.signin-card h1{margin:12px 0 22px;font-size:clamp(42px,8vw,68px);line-height:.95}.signin-button{min-height:52px;margin-top:18px;font-size:16px}.signin-help{color:var(--muted);max-width:540px;margin:18px 0 0;font-size:14px}.saved-products{margin:36px 0 52px}.saved-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.saved-product-grid h3{margin:8px 0 16px;font-size:24px}.account-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.saved-product-grid details{margin-top:20px}.saved-product-grid summary{cursor:pointer}.portal-main>.admin-panel{margin-bottom:24px}.portal-brand img{object-fit:contain;width:110px;height:65px}.admin-panel input,.admin-panel select,.admin-panel textarea{font:inherit}.admin-panel label{font-size:14px}@media (max-width:760px){.saved-product-grid{grid-template-columns:1fr}.portal-nav{align-items:center;gap:16px}.portal-nav div{font-size:14px}.project-head,.project-body{padding:20px}.saved-product-grid .button{width:100%}}.orders-section{margin:2.5rem 0}.order-card{background:#111316;border:1px solid #35383d;border-radius:12px;margin:1.25rem 0;overflow:hidden}.order-body{padding:1.5rem}.order-card h3{overflow-wrap:anywhere;margin:.4rem 0;font-size:1.5rem}.order-product{border-bottom:1px solid #35383d;padding:1rem 0}.invoice-totals{max-width:480px;margin:1.5rem 0}.invoice-totals>div{justify-content:space-between;gap:1rem;padding:.65rem 0;display:flex}.invoice-totals dd{margin:0}.invoice-total{border-top:1px solid #555;font-size:1.25rem;font-weight:700}.selection-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;font-size:.875rem;display:grid}.selection-list dt{color:#aeb5be;text-transform:capitalize}.selection-list dd{overflow-wrap:anywhere;margin:0}.quote-approval{border-top:1px solid #444;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:grid}.quote-amounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.quote-approval label{gap:.5rem;display:grid}.quote-approval input,.quote-approval textarea{color:#fff;width:100%;min-width:0;font:inherit;background:#08090b;border:1px solid #555;border-radius:6px;padding:.8rem}.order-body summary{cursor:pointer;padding:.7rem 0;font-weight:700}.order-body p,.order-body a{overflow-wrap:anywhere}.order-body a{color:#ff8a8e}.order-body .button{color:#fff}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.quote-approval button:disabled{opacity:.6;cursor:wait}@media (max-width:600px){.quote-amounts{grid-template-columns:1fr}.selection-list{grid-template-columns:repeat(2,minmax(0,1fr))}.order-body{padding:1rem}.project-head{flex-wrap:wrap}.portal-nav{flex-wrap:wrap;gap:1rem}.order-card h3{font-size:1.2rem}}.email-auth-form label{color:#e4e7eb;margin:18px 0;font-size:16px;display:block}.email-auth-form input:not([type=checkbox]){color:#fff;background:#090b0d;border:1px solid #596168;border-radius:6px;width:100%;min-height:50px;margin-top:8px;padding:12px;font-size:16px;display:block}.email-auth-form small{color:#b5bcc3;margin-top:6px;display:block}.email-auth-form .auth-terms{align-items:flex-start;gap:12px;font-size:14px;display:flex}.auth-terms input{flex-shrink:0;width:20px;height:20px}.auth-terms a{color:#ff8589}.auth-links{flex-wrap:wrap;gap:20px;display:flex}.auth-links button{color:#ff8589;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:16px;text-decoration:underline}.auth-feedback{color:#e5e8ed;line-height:1.5}.email-auth-form button:disabled{opacity:.6;cursor:wait}:is(input:focus-visible,button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #ff7379}.warranty-status{border:1px solid;border-radius:6px;padding:.4rem .7rem;font-size:1rem;line-height:1.4;display:inline-block}.warranty-status-active{color:#86efac;background:#14532d55}.warranty-status-expired{color:#fca5a5;background:#7f1d1d55}.warranty-status-upcoming{color:#fde68a;background:#78350f55}.warranty-status-pending{color:#d1d5db;background:#37415155}
