:root{--red:#e41520;--red2:#ff313b;--panel:#121212;--line:#353535;--white:#f5f5f5;--muted:#91989d;--green:#35cf7a;--gold:#e2b64e;--blue:#6cafff}*{box-sizing:border-box}body{margin:0;background:#090909;color:var(--white);font-family:Inter,Arial,sans-serif}.portal-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.portal-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px;background:#050505;border-right:1px solid #292929}.portal-brand{display:flex;align-items:center;gap:10px;padding:0 8px 25px;color:#fff;text-decoration:none;text-transform:uppercase}.crest{display:grid;place-items:center;width:46px;height:54px;background:linear-gradient(145deg,var(--red),#520207);clip-path:polygon(50% 0,95% 15%,86% 73%,50% 100%,14% 73%,5% 15%);font:900 13px 'Barlow Condensed'}.portal-brand>span:last-child{display:flex;flex-direction:column;line-height:.9}.portal-brand b{font:800 19px 'Barlow Condensed'}.portal-brand em{margin-top:7px;color:var(--red2);font:900 16px 'Barlow Condensed';font-style:normal;letter-spacing:.14em}.portal-sidebar nav{display:grid;gap:4px}.portal-sidebar nav button{padding:12px 13px;border:1px solid transparent;background:transparent;color:#aeb4b8;text-align:left;font:700 14px 'Barlow Condensed';text-transform:uppercase;cursor:pointer}.portal-sidebar nav button:hover,.portal-sidebar nav button.active{background:#181818;color:#fff;border-color:#303030}.portal-sidebar nav button.active{border-left:3px solid var(--red)}.sidebar-footer{margin-top:auto;display:grid;gap:8px;padding:15px 10px 0;border-top:1px solid #262626}.sidebar-footer a,.sidebar-footer button{border:0;background:none;color:#999;text-align:left;font:700 11px 'Barlow Condensed';text-transform:uppercase;text-decoration:none}.portal-main{min-width:0}.portal-topbar{position:sticky;top:0;z-index:10;min-height:82px;display:flex;align-items:center;gap:20px;padding:12px 28px;background:rgba(9,9,9,.96);border-bottom:1px solid #292929;backdrop-filter:blur(14px)}#portal-menu{display:none;width:40px;height:40px;background:#161616;border:1px solid #393939;color:#fff}.portal-topbar>div:nth-child(2){flex:1}.portal-topbar p{margin:0;color:var(--red2);font:800 10px 'Barlow Condensed';text-transform:uppercase;letter-spacing:.1em}.portal-topbar h1{margin:0;font:800 30px 'Barlow Condensed';text-transform:uppercase}.portal-user{display:flex;align-items:center;gap:9px}.portal-user>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--red);font:800 13px 'Barlow Condensed'}.portal-user div{display:flex;flex-direction:column}.portal-user b{font:800 13px 'Barlow Condensed';text-transform:uppercase}.portal-user small{color:#777}.portal-content{max-width:1650px;margin:auto;padding:28px}.portal-page{display:none}.portal-page.active{display:block}.welcome-card,.page-actions{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px}.welcome-card{padding:28px;background:radial-gradient(circle at 85% 30%,#4b1017,#171717 52%,#111);border:1px solid #393939}.eyebrow{margin:0;color:var(--red2);font:800 11px 'Barlow Condensed';text-transform:uppercase;letter-spacing:.1em}.welcome-card h2,.page-actions h2{margin:4px 0;font:800 clamp(2.8rem,5vw,5rem)/.94 'Barlow Condensed';text-transform:uppercase}.welcome-card p:not(.eyebrow){max-width:720px;color:#b0b6ba}.primary,.secondary{min-height:42px;padding:0 16px;border:1px solid transparent;color:white;font:800 13px 'Barlow Condensed';text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--red)}.secondary{background:#161616;border-color:#444}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metric-grid article{padding:20px;border:1px solid var(--line);background:linear-gradient(145deg,#191919,#101010)}.metric-grid span{display:block;color:#858d92;font-size:9px;text-transform:uppercase}.metric-grid strong{display:block;margin:6px 0 2px;font:800 34px 'Barlow Condensed'}.metric-grid small{color:#6f767b}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.panel{padding:20px;border:1px solid var(--line);background:#111}.span-2{grid-column:span 2}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.panel-head h3,.panel>h3{margin:2px 0;font:800 24px 'Barlow Condensed';text-transform:uppercase}.panel-head button{border:0;background:none;color:var(--red2);font:800 10px 'Barlow Condensed';text-transform:uppercase}.project-list{display:grid;gap:9px}.project-item{padding:14px;border:1px solid #343434;background:#181818}.project-item header{display:flex;justify-content:space-between;gap:15px}.project-item strong{font:800 18px 'Barlow Condensed';text-transform:uppercase}.project-item small{color:#777}.progress-track{height:7px;margin:12px 0 7px;background:#303030}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--red2))}.project-item footer{display:flex;justify-content:space-between;color:#8d9499;font-size:9px;text-transform:uppercase}.approval-card{display:flex;flex-direction:column;gap:7px}.approval-card span{color:#777;font-size:10px}.approval-card strong{font:800 23px 'Barlow Condensed';text-transform:uppercase}.approval-card b{color:var(--red2);font:800 36px 'Barlow Condensed'}.activity-list article{padding:12px 0;border-bottom:1px solid #303030}.activity-list b{display:block;font-size:12px}.activity-list span{display:block;margin-top:3px;color:#777;font-size:10px}.document-row{display:grid;grid-template-columns:1fr 130px 110px 90px;gap:12px;padding:12px 0;border-bottom:1px solid #2e2e2e}.document-row strong{font-size:12px}.document-row span{color:#7f878c;font-size:10px}.document-row button{border:1px solid #444;background:#171717;color:#ddd;font-size:9px;text-transform:uppercase}.saved-build-grid,.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.saved-card,.quote-card{padding:20px;border:1px solid #383838;background:linear-gradient(145deg,#1a1a1a,#101010)}.saved-card h3,.quote-card h3{margin:4px 0;font:800 25px 'Barlow Condensed';text-transform:uppercase}.saved-card p,.quote-card p{color:#939a9f;font-size:11px}.saved-card footer,.quote-card footer{display:flex;gap:7px;margin-top:18px}.status{display:inline-flex;padding:5px 8px;border:1px solid #444;font-size:8px;text-transform:uppercase}.status.approved,.status.complete{color:var(--green);border-color:#286c49}.status.pending,.status.in-review{color:var(--gold);border-color:#735f27}.status.active,.status.in-progress{color:var(--blue);border-color:#2d5688}.project-timeline{display:grid;grid-template-columns:250px 1fr;gap:18px}.project-summary{padding:20px;border:1px solid #383838;background:#111}.project-summary h3{font:800 27px 'Barlow Condensed';text-transform:uppercase}.project-summary span{display:block;margin-top:8px;color:#8d9499;font-size:11px}.timeline{position:relative;padding-left:35px}.timeline:before{content:"";position:absolute;left:11px;top:7px;bottom:7px;width:2px;background:#333}.timeline article{position:relative;padding:0 0 25px}.timeline article:before{content:"";position:absolute;left:-30px;top:4px;width:12px;height:12px;border-radius:50%;background:#444;border:3px solid #111}.timeline article.complete:before{background:var(--green)}.timeline article.active:before{background:var(--red);box-shadow:0 0 12px var(--red)}.timeline b{display:block;font:800 18px 'Barlow Condensed';text-transform:uppercase}.timeline span{color:#7f878c;font-size:10px}.filter-bar{display:flex;gap:8px;margin-bottom:12px}.filter-bar input,.filter-bar select,.panel input,.panel textarea{width:100%;padding:11px;background:#1b1b1b;border:1px solid #414141;color:#fff}.filter-bar input{flex:1}.filter-bar select{width:200px}.message-layout{display:grid;grid-template-columns:280px 1fr;border:1px solid #343434;min-height:620px}.thread-list{background:#0d0d0d;border-right:1px solid #343434}.thread{padding:15px;border-bottom:1px solid #2d2d2d;cursor:pointer}.thread.active{background:#1c1c1c;border-left:3px solid var(--red)}.thread b{display:block;font:800 17px 'Barlow Condensed';text-transform:uppercase}.thread span{display:block;margin-top:3px;color:#777;font-size:10px}.conversation{display:flex;flex-direction:column}.conversation>header{padding:16px;border-bottom:1px solid #333}.conversation>header div{display:flex;flex-direction:column}.conversation>header b{font:800 19px 'Barlow Condensed';text-transform:uppercase}.conversation>header small{color:#777}.conversation-messages{flex:1;padding:20px;overflow:auto}.portal-message{max-width:78%;margin-bottom:10px;padding:12px 14px;font-size:12px}.portal-message.staff{background:#202020;border-left:3px solid var(--red)}.portal-message.customer{margin-left:auto;background:#6f0d13}.portal-message small{display:block;margin-top:6px;color:#999}.conversation form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px;border-top:1px solid #333}.conversation textarea{margin:0;background:#1b1b1b;border:1px solid #414141;color:#fff;padding:10px}.service-card{display:grid;grid-template-columns:1fr auto;gap:15px;padding:17px;border-bottom:1px solid #303030}.service-card strong{font:800 19px 'Barlow Condensed';text-transform:uppercase}.service-card p{margin:4px 0;color:#8d9499;font-size:11px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel label{display:block;margin-bottom:13px;color:#8d9499;font-size:9px;text-transform:uppercase}.panel input{display:block;margin-top:6px}.check{display:flex!important;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #303030;text-transform:none!important;font-size:11px!important}.check input{width:auto;margin:0;accent-color:var(--red)}.modal-backdrop{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82)}.hidden{display:none!important}.modal{width:min(650px,100%);background:#111;border:1px solid #464646}.modal>header{display:flex;justify-content:space-between;align-items:flex-start;padding:19px;border-bottom:1px solid #333}.modal h2{margin:2px 0;font:800 30px 'Barlow Condensed';text-transform:uppercase}.modal header button{background:none;border:0;color:#fff;font-size:28px}.modal form>div{padding:20px}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #333}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-grid label{color:#8d9499;font-size:9px;text-transform:uppercase}.modal-grid input,.modal-grid select,.modal-grid textarea{display:block;width:100%;margin-top:5px;padding:11px;background:#1b1b1b;border:1px solid #414141;color:#fff}.modal-grid .full{grid-column:1/-1}@media(max-width:1100px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:fixed;z-index:40;width:260px;transform:translateX(-105%);transition:.25s}.portal-sidebar.open{transform:none}#portal-menu{display:block}.dashboard-grid{grid-template-columns:1fr 1fr}.saved-build-grid,.quote-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.portal-content{padding:16px}.portal-topbar{padding:10px 14px}.portal-user div{display:none}.welcome-card,.page-actions{align-items:flex-start;flex-direction:column}.metric-grid,.dashboard-grid,.saved-build-grid,.quote-grid,.account-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.document-row{grid-template-columns:1fr 90px}.document-row span:nth-of-type(2){display:none}.project-timeline,.message-layout{grid-template-columns:1fr}.thread-list{border-right:0;border-bottom:1px solid #333}.filter-bar{flex-direction:column}.filter-bar select{width:100%}.modal-grid{grid-template-columns:1fr}.modal-grid .full{grid-column:auto}}
.portal-login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 20%,#2b0b0e 0,#090909 36%)}.portal-login-view.hidden,.portal-shell.hidden{display:none}.portal-login-card{width:min(480px,100%);padding:40px;background:#111;border:1px solid #353535}.portal-login-card h1{font:900 54px 'Barlow Condensed';text-transform:uppercase;margin:4px 0 8px}.portal-login-card form{display:grid;gap:16px;margin:28px 0}.portal-login-card label{display:grid;gap:7px;color:#aab0b5;font-size:13px;text-transform:uppercase}.portal-login-card input{width:100%;padding:14px;background:#17191b;border:1px solid #41464b;color:#fff}.portal-login-card>a{color:#aaa}.portal-error{min-height:20px;color:#ff646b}.portal-empty{display:grid;gap:8px;padding:24px;border:1px dashed #3b3b3b;background:#0d0d0d;color:#8f969b}.portal-empty b{color:#fff}.portal-account-list{display:grid;gap:10px}.portal-account-list div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #2d2d2d}.portal-account-list dt{color:#90979c}.portal-account-list dd{margin:0;text-align:right}.portal-note{color:#8f969b;font-size:13px}