*{box-sizing:border-box}html,body{margin:0;background:#11100e;color:#f2eee9;font-family:Arial,Helvetica,sans-serif;min-height:100%;overflow-x:hidden}button,input{font:inherit}.hidden{display:none!important}button{cursor:pointer}.login-shell{min-height:100dvh;display:grid;grid-template-columns:56% 44%;background:#11100e}.login-brand{position:relative;padding:34px 42px 36px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 25% 40%,#38231b 0,transparent 38%),linear-gradient(135deg,#181411,#11100e 68%)}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #5e3a2d;border-radius:50%;right:-180px;bottom:-190px;opacity:.35}.brand-logo,.wordmark img{width:190px;height:auto;mix-blend-mode:screen}.brand-copy{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.15em;color:#a89e96;margin:0 0 18px;text-transform:uppercase}.brand-copy h1,.page-head h1,.delivery-hero h1{font-size:clamp(56px,7vw,118px);line-height:.86;letter-spacing:-.055em;font-weight:400;margin:0}.brand-copy em,.page-head em,.delivery-hero em{font-style:italic;color:#b85f3f}.brand-note{font-size:17px;color:#c7beb7;max-width:390px;line-height:1.5;margin-top:28px}.brand-foot{font-size:11px;letter-spacing:.14em;color:#7f756e}.login-panel{background:#eee9e2;color:#171411;display:grid;place-items:center;padding:50px}.login-card{width:min(440px,100%)}.login-card .eyebrow{color:#786e67}.login-card h2{font-size:48px;font-weight:400;letter-spacing:-.04em;margin:0 0 12px}.muted{color:#958b83;line-height:1.55}.login-card label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:32px}.login-card input{display:block;width:100%;border:0;border-bottom:1px solid #b9aea6;background:transparent;padding:15px 0;color:#171411;outline:0;font-size:16px;border-radius:0}.login-card input:focus{border-color:#b85f3f}.primary,.secondary{border:0;padding:16px 18px;letter-spacing:.08em;font-size:11px;font-weight:700}.primary{background:#b85f3f;color:#fff}.primary:hover{background:#c96c4a}.login-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:28px}.secondary{background:transparent;color:#d8d0c9;border:1px solid #443b35}.text-btn,.forgot,.back,.open-link{border:0;background:transparent;color:inherit;letter-spacing:.09em;font-size:10px}.login-card .text-btn{margin-top:25px;color:#5e534c;padding:0}.forgot{display:block;margin-top:22px;color:#786e67;padding:0}.demo-note{font-size:10px;color:#9d938b;margin-top:32px}.error{min-height:18px;color:#a94432;font-size:11px;margin-top:10px}.topbar{height:72px;border-bottom:1px solid #2b2723;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;background:rgba(17,16,14,.94);backdrop-filter:blur(14px);z-index:10}.wordmark{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:18px}.wordmark img{width:145px}.wordmark span,.role-badge{font-size:9px;letter-spacing:.16em;color:#938980}.top-actions{display:flex;gap:24px;align-items:center}.app main{width:min(1500px,calc(100% - 68px));margin:auto;padding:70px 0 100px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px}.page-head h1{font-size:clamp(56px,7vw,104px)}.head-meta{font-size:10px;letter-spacing:.13em;color:#938980}.project-list{border-top:1px solid #332d29}.project-card{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:30px;align-items:end;padding:34px 0;border-bottom:1px solid #332d29;background:transparent}.project-card h2{font-size:36px;font-weight:400;margin:5px 0}.project-card p{margin:0}.project-status,.project-latest{display:grid;gap:7px}.project-status span,.project-latest span{font-size:9px;color:#756c65;letter-spacing:.12em}.project-status strong,.project-latest strong{font-size:12px;font-weight:400}.project-latest small{color:#756c65}.open-link{color:#b85f3f;padding:0 0 3px}.subdued{opacity:.65}.back{color:#a89e96;padding:0;margin-bottom:55px}.progress{display:flex;align-items:center;margin:0 0 50px}.progress b{height:1px;background:#38322d;flex:1}.step{display:flex;align-items:center;gap:9px;color:#625b55}.step i{font-style:normal;border:1px solid #443d37;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:9px}.step span{font-size:9px;letter-spacing:.12em}.step.done,.step.active{color:#e7e0d9}.step.active i{border-color:#b85f3f;color:#b85f3f}.project-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,.8fr);gap:20px}.main-col,.side-col{display:grid;gap:20px;align-content:start}.panel{border:1px solid #332d29;background:#151310;padding:28px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.panel h3{font-size:26px;font-weight:400;margin:0}.pill{font-size:9px;letter-spacing:.12em;color:#b85f3f;border:1px solid #5a382c;padding:7px 9px}.wave-wrap{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:18px}.play{width:52px;height:52px;border-radius:50%;border:1px solid #4a423c;background:transparent;color:#f2eee9}.wave{height:100px;position:relative;overflow:hidden;cursor:crosshair;background:repeating-linear-gradient(90deg,#39322d 0 2px,transparent 2px 5px);mask-image:linear-gradient(to bottom,transparent 4%,#000 20%,#000 80%,transparent 96%)}.wave:before{content:"";position:absolute;left:0;right:0;top:49%;border-top:1px solid #4b433d}.wave-fill{height:100%;width:0;background:rgba(184,95,63,.45)}.marker{position:absolute;top:14%;height:72%;width:1px;background:#b85f3f}.marker:after{content:"";position:absolute;top:-3px;left:-3px;width:7px;height:7px;border-radius:50%;background:#b85f3f}.wave-wrap>span{font-size:10px;color:#8f857d}.hint{font-size:10px;color:#69615b;margin:12px 0 0 72px}.comments article{display:grid;grid-template-columns:58px 1fr auto;gap:16px;padding:18px 0;border-top:1px solid #2e2925}.timestamp{border:0;background:transparent;color:#b85f3f;padding:0;text-align:left;font-size:11px}.comments strong{font-size:11px;font-weight:400}.comments p{font-size:13px;color:#b7ada5;margin:5px 0 0}.resolve{border:0;background:transparent;color:#6f6761;font-size:9px}.comments article.resolved{opacity:.35}.comment-form{display:grid;grid-template-columns:60px 1fr auto;gap:12px;border-top:1px solid #3a342f;padding-top:18px}.comment-form span{color:#b85f3f;font-size:11px;padding-top:12px}.comment-form input{background:transparent;border:0;border-bottom:1px solid #3b3530;color:#fff;outline:0;font-size:13px}.comment-form button{background:transparent;border:0;color:#b85f3f;font-size:10px}.versions>button,.files>button{width:100%;display:grid;grid-template-columns:1fr 2fr auto;text-align:left;border:0;border-top:1px solid #302b27;background:transparent;color:#cfc6bf;padding:15px 0;font-size:11px}.versions small{color:#6f6761}.action-panel .primary,.action-panel .secondary{width:100%;margin-top:12px}.files h3{margin-bottom:20px}.files>button span{justify-self:end}.delivery-hero{padding:40px 0 70px;border-bottom:1px solid #332d29}.delivery-hero p:last-child{color:#958b83}.delivery-files button{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;padding:26px 0;border:0;border-bottom:1px solid #332d29;background:transparent;color:#eee8e1;text-align:left}.delivery-files small{color:#756c65}.delivery-files b{color:#b85f3f;text-align:right}.compact{width:auto}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #332d29;margin-bottom:38px}.admin-stats div{padding:24px;border-right:1px solid #332d29}.admin-stats div:last-child{border:0}.admin-stats span{font-size:9px;letter-spacing:.1em;color:#7d746d}.admin-stats strong{display:block;font-size:36px;font-weight:400;margin-top:8px}.admin-table{border-top:1px solid #332d29}.admin-row{width:100%;display:grid;grid-template-columns:2fr 1.3fr 1.5fr 1fr auto;gap:20px;align-items:center;padding:20px 10px;border:0;border-bottom:1px solid #332d29;background:transparent;color:#dcd4cd;text-align:left}.admin-row:not(.headings):hover{background:#181512}.admin-row span{font-size:11px}.admin-row span:first-child{display:grid;gap:5px}.admin-row small{color:#756c65}.headings{font-size:9px;color:#6f6761;pointer-events:none}.status-dot{color:#b85f3f}.toast{position:fixed;right:25px;bottom:25px;background:#eee9e2;color:#171411;padding:14px 18px;font-size:11px;transform:translateY(120px);transition:.25s;z-index:30}.toast.show{transform:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px;z-index:40}.modal-card{width:min(460px,100%);background:#181411;border:1px solid #4b3b32;padding:32px}.modal-card h3{font-size:32px;font-weight:400;margin:0}.modal-card>div{display:flex;gap:10px;margin-top:28px}.modal-card button{flex:1}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:38dvh;padding:24px}.brand-logo{width:145px}.brand-copy h1{font-size:54px}.brand-note,.brand-foot{display:none}.login-panel{padding:40px 24px;place-items:start}.login-card h2{font-size:40px}.topbar{padding:0 18px}.wordmark img{width:120px}.app main{width:calc(100% - 36px);padding-top:45px}.page-head{display:block;margin-bottom:40px}.page-head h1{font-size:55px}.head-meta{margin-top:18px}.project-card{grid-template-columns:1fr 1fr;gap:25px}.project-card>div:first-child{grid-column:1/-1}.project-card .open-link{justify-self:end}.progress{overflow-x:auto}.step span{display:none}.project-grid{grid-template-columns:1fr}.wave-wrap{grid-template-columns:45px 1fr}.wave-wrap>span{grid-column:2}.wave{height:82px}.hint{margin-left:62px}.comments article{grid-template-columns:50px 1fr}.resolve{grid-column:2;justify-self:start;padding:0}.comment-form{grid-template-columns:50px 1fr}.comment-form button{grid-column:2;justify-self:start;padding:10px 0}.admin-stats{grid-template-columns:1fr}.admin-stats div{border-right:0;border-bottom:1px solid #332d29}.admin-row{grid-template-columns:1fr auto}.admin-row>*:nth-child(2),.admin-row>*:nth-child(4){display:none}.headings{display:none}.delivery-files button{grid-template-columns:1fr auto}.delivery-files small{grid-row:2}.delivery-files b{grid-row:1/3;grid-column:2}.brand-copy{margin-top:45px}}

.auth-page{min-height:100vh;background:#11100e;color:#f1ece7;display:grid;place-items:center;padding:28px;font-family:Arial,Helvetica,sans-serif}
.auth-card{width:min(520px,100%);background:#181411;border:1px solid rgba(255,255,255,.09);padding:clamp(28px,5vw,54px)}
.auth-brand{font-size:12px;letter-spacing:.18em;color:#b85f3f;margin-bottom:48px}
.auth-card h1{font-size:clamp(38px,6vw,64px);line-height:.95;font-weight:500;margin:0 0 20px}
.auth-card p{color:#b8afa8;line-height:1.6}
.auth-card label{display:block;font-size:11px;letter-spacing:.12em;margin:28px 0 8px;color:#b8afa8}
.auth-card input{width:100%;box-sizing:border-box;background:transparent;border:0;border-bottom:1px solid #5c514b;color:#fff;padding:12px 0;font-size:16px;outline:none}
.auth-card input:focus{border-color:#b85f3f}
.auth-button{margin-top:32px;width:100%;border:0;background:#b85f3f;color:white;padding:16px;font-weight:700;letter-spacing:.08em;cursor:pointer}
.auth-back{display:inline-block;margin-top:24px;color:#b8afa8;text-decoration:none;font-size:13px}
.auth-status{margin-top:18px;min-height:20px;color:#d9d0c8;font-size:13px}

.secure-logout{position:fixed;right:22px;bottom:20px;z-index:9999}
.secure-logout button{border:1px solid rgba(255,255,255,.18);background:#11100e;color:#d8d0c9;padding:10px 14px;font:11px Arial,sans-serif;letter-spacing:.12em;cursor:pointer}
.is-authenticated #loginView,.is-authenticated .login-view,.is-authenticated .login-shell{display:none!important}

/* V9 forgot-password link */
a.forgot{display:inline-block;text-decoration:none;color:inherit;cursor:pointer}
