:root{
  --ink:#151513;--paper:#f4f1ea;--paper2:#ece7dc;--white:#fff;--brass:#c89b56;--brassDark:#7e6339;--brassSoft:#f3e7d3;
  --muted:#6f6d67;--line:#dcd7cc;--panel:#151513;--panelLine:#2c2c29;--panelText:#aaa9a2;
  --success:#2f7d4f;--successSoft:#e3f1e8;--warn:#a8650b;--warnSoft:#fbefd9;--danger:#b4342c;--dangerSoft:#f8e3e1;
  --info:#2f5f9e;--infoSoft:#e2ebf7;--purple:#6b4fa0;--purpleSoft:#ece6f7;--neutral:#6f6d67;--neutralSoft:#ebe8e1;
  --h:'Manrope',system-ui,sans-serif;--b:'DM Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font:15px/24px var(--b);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--h);font-weight:600;margin:0}
.k{font:700 11px/16px var(--b);letter-spacing:1.6px;text-transform:uppercase;color:var(--brassDark)}
.muted{color:var(--muted)} .small{font-size:13px;line-height:20px}
.wordmark{font:700 24px/1 var(--h);letter-spacing:-1px;color:#fff}
.wordmark.dark{color:var(--ink)}
[data-to]{cursor:pointer}

/* ===== app shell */
.app{display:flex;min-height:100vh}
.sidebar{width:256px;flex:none;background:var(--panel);color:var(--panelText);padding:24px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow:auto}
.sidebar .wordmark{padding:0 8px 20px}
.role-pill{align-self:flex-start;background:var(--panelLine);color:var(--brass);border-radius:999px;padding:4px 10px;font:600 12px/16px var(--b);margin-bottom:12px}
.nav{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:6px;font-size:13px;line-height:20px}
.nav:hover{background:#1f1f1c}
.nav.on{background:var(--panelLine);color:#fff;font-weight:600}
.nav.on svg{stroke:var(--brass)}
.nav .cnt{margin-left:auto;background:var(--brass);color:var(--ink);border-radius:999px;font:600 11px/16px var(--b);padding:0 7px}
.side-user{margin-top:auto;border-top:1px solid var(--panelLine);padding:14px 8px 0;display:flex;gap:10px;align-items:center}
.side-user b{color:#fff;font-size:13px;display:block;line-height:18px}
.side-user span{font-size:12px}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 40px;position:sticky;top:0;z-index:5}
.topbar .crumb{flex:1;font-size:13px;color:var(--muted)}
.search{width:260px;height:40px;background:var(--paper);border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);font-size:13px}
.iconbtn{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;position:relative;background:none;border:0;cursor:pointer}
.iconbtn .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid #fff}
.hamb{display:none}
.content{padding:40px;display:flex;flex-direction:column;gap:24px;max-width:1184px;width:100%}
.av{width:34px;height:34px;border-radius:50%;background:var(--brassSoft);color:var(--brassDark);display:grid;place-items:center;font:600 13px/1 var(--b);flex:none}

/* ===== blocks */
.head{display:flex;gap:24px;align-items:flex-end}
.head .tt{flex:1;display:flex;flex-direction:column;gap:6px}
.head h1{font-size:32px;line-height:38px;letter-spacing:-.8px}
.head .back{display:inline-flex;gap:6px;align-items:center;color:var(--brassDark);font-weight:600;font-size:13px;margin-bottom:4px;align-self:flex-start}
.head .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.acts{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:4px;font:600 14px/20px var(--b);border:1px solid transparent;cursor:pointer;white-space:nowrap;background:none}
.btn.primary{background:var(--brass);color:var(--ink)} .btn.primary:hover{background:#b98b47}
.btn.dark{background:var(--ink);color:#fff} .btn.outline{border-color:var(--line);background:#fff} .btn.outline:hover{border-color:var(--ink)}
.btn.ghost{color:var(--brassDark);padding:12px 4px} .btn.danger{background:var(--danger);color:#fff}
.btn.sm{padding:7px 12px;font-size:13px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.stats{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:20px}
.stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:6px}
.stat .v{font:600 28px/34px var(--h);letter-spacing:-.5px}
.cols{display:grid;gap:24px;align-items:start}
.col{display:flex;flex-direction:column;gap:24px;min-width:0}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.card-h{display:flex;align-items:center;gap:12px}
.card-h h3{flex:1;font-size:17px;line-height:24px}
.lnk{color:var(--brassDark);font-weight:600;font-size:13px}
.alert{display:flex;gap:12px;padding:16px;border-radius:8px;align-items:flex-start}
.alert .ab{flex:1;display:flex;flex-direction:column;gap:2px}
.alert b{font-weight:600} .alert .small{color:var(--ink)}
.alert.info{background:var(--infoSoft)} .alert.warn{background:var(--warnSoft)} .alert.success{background:var(--successSoft)} .alert.danger{background:var(--dangerSoft)}
.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);overflow-x:auto}
.tab{padding:10px 0;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer}
.tab.on{color:var(--ink);font-weight:600;border-color:var(--ink)}
.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.filters .grow{flex:1}
.input,.select,.textarea{background:#fff;border:1px solid var(--line);border-radius:4px;height:48px;padding:0 14px;width:100%;outline:none}
.input:focus,.select:focus,.textarea:focus{border-color:var(--brass);box-shadow:0 0 0 3px var(--brassSoft)}
.select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236f6d67' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:40px}
.textarea{height:112px;padding:12px 14px;resize:vertical}
.filters .input{width:320px}.filters .select{width:190px}
.tbl{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
table{width:100%;border-collapse:collapse}
th{background:var(--paper2);text-align:left;font:700 11px/16px var(--b);letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);padding:12px 20px}
td{padding:14px 20px;border-top:1px solid var(--line);font-size:13px;line-height:20px;vertical-align:middle}
tr[data-to]:hover td{background:#faf8f3}
td .m{font-size:15px;line-height:22px;font-weight:600;display:block}
td .s{color:var(--muted);font-size:13px;display:block}
td.first .m,td.first{font-weight:600}
.card .tbl{border-radius:6px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:600 12px/16px var(--b);white-space:nowrap}
.badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.t-Neutral{background:var(--neutralSoft);color:var(--neutral)}.t-Warn{background:var(--warnSoft);color:var(--warn)}.t-Info{background:var(--infoSoft);color:var(--info)}
.t-Purple{background:var(--purpleSoft);color:var(--purple)}.t-Brass{background:var(--brassSoft);color:var(--brassDark)}.t-Success{background:var(--successSoft);color:var(--success)}.t-Danger{background:var(--dangerSoft);color:var(--danger)}
.form{display:grid;grid-template-columns:repeat(var(--c,2),1fr);gap:20px}
.fld{display:flex;flex-direction:column;gap:8px;min-width:0}
.fld.span{grid-column:1/-1}
.fld label.l{font-weight:600;font-size:13px;line-height:20px}
.fld .req{color:var(--danger)} .fld .opt{color:var(--muted);font-weight:400}
.form-acts{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end}
.opts{display:flex;flex-direction:column;gap:10px}.opts.row{flex-direction:row;gap:20px;flex-wrap:wrap}
.opt-i{display:flex;gap:10px;align-items:center;cursor:pointer}
.opt-i input{width:18px;height:18px;accent-color:var(--ink);margin:0}
.range{display:flex;gap:10px;align-items:center}
.stepper{display:flex;align-items:center;gap:8px}
.stp{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);white-space:nowrap}
.stp i{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font:600 12px/1 var(--b);font-style:normal}
.stp.done{color:var(--ink)}.stp.done i{background:var(--success);border-color:var(--success);color:#fff}
.stp.cur{color:var(--ink);font-weight:600}.stp.cur i{background:var(--brass);border-color:var(--brass);color:#fff}
.stp-ln{flex:1;height:2px;background:var(--line);min-width:10px}.stp-ln.done{background:var(--success)}
.timeline{display:flex;flex-direction:column}
.tl{display:flex;gap:14px}
.tl .rail{display:flex;flex-direction:column;align-items:center}
.tl .rail i{width:12px;height:12px;border-radius:50%;background:var(--line);margin-top:6px;flex:none}
.tl .rail u{flex:1;width:2px;background:var(--line);min-height:20px}
.tl.done .rail i{background:var(--success)}.tl.current .rail i{background:var(--brass);box-shadow:0 0 0 4px var(--brassSoft)}
.tl .tb{padding-bottom:18px;display:flex;flex-direction:column;gap:2px}
.tl .tb b{font-weight:600}.tl.todo .tb b{font-weight:400;color:var(--muted)}
.kv{display:grid;grid-template-columns:repeat(var(--c,2),1fr);gap:16px 20px}
.kv>div{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.list .it{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.list .it:first-child{border-top:0}
.list .it .tx{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.list .it b{font-weight:600}
.ibox{width:40px;height:40px;border-radius:8px;background:var(--paper);display:grid;place-items:center;flex:none}
.docs{display:flex;flex-direction:column;gap:8px}
.doc{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff}
.doc .tx{flex:1;min-width:0}.doc b{font-size:13px;display:block}
.drop{background:var(--paper);border:1.5px dashed var(--line);border-radius:8px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer}
.drop:hover{border-color:var(--brass)}
.media{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:16px}
.media .ph{aspect-ratio:3/2;border-radius:6px;background:linear-gradient(135deg,#3a3630,#151513);position:relative;overflow:hidden}
.media .ph.b{background:linear-gradient(135deg,#d9c7a6,#8b7350)}
.media .ph::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.06) 38px 40px)}
.media figure{margin:0;display:flex;flex-direction:column;gap:6px}.media b{font-size:13px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;cursor:pointer}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.divider{height:1px;background:var(--line)}
.prog .bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.prog .bar i{display:block;height:100%;background:var(--brass)}
.prog .ph{display:flex;justify-content:space-between;font-weight:600;font-size:13px;margin-bottom:6px}.prog .ph span{color:var(--brassDark)}
.chart{display:flex;align-items:flex-end;gap:14px;padding-top:8px}
.chart>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.chart i{display:block;width:100%;background:var(--brass);border-radius:4px}
.note{display:flex;gap:8px;align-items:center;background:var(--purpleSoft);color:var(--purple);border-radius:6px;padding:8px 12px;font-size:13px;line-height:20px}
.note .k{color:var(--purple)}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.slot{border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff}
.slot.empty{border-style:dashed;background:var(--paper);align-items:center;justify-content:center;text-align:center;color:var(--muted);min-height:150px}
.slot .sh{display:flex;justify-content:space-between;align-items:center}
.diff{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.diff>div{padding:10px 14px;border-top:1px solid var(--line);font-size:13px}
.diff>.dh{background:var(--paper2);font:700 11px/16px var(--b);letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);border-top:0}
.diff .chg{background:#fff8e8}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:6px;font-size:13px;opacity:0;transition:.25s;z-index:99;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%)}

/* ===== auth shell */
.auth{display:flex;min-height:100vh;background:#fff}
.brand{width:560px;flex:none;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(rgba(17,17,17,.82),rgba(17,17,17,.93)),url(hero.svg) center/cover,#26231f}
.brand h2{font-size:56px;line-height:58px;letter-spacing:-2.5px;margin:14px 0}
.brand .k{color:var(--brass)}
.auth-main{flex:1;padding:72px 140px;display:flex;flex-direction:column;gap:24px;max-width:880px}
.auth-mlogo{display:none}

/* ===== mobile menu */
.drawer-bg{display:none}

/* ===== public site */
.pub{background:var(--paper)}
.pub-nav{position:sticky;top:0;z-index:10;background:rgba(21,21,19,.96);backdrop-filter:blur(8px);color:#fff}
.pub-nav .in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:32px;padding:18px 32px}
.pub-nav nav{display:flex;gap:26px;flex:1;font-size:14px;color:#d8d5cc}
.pub-nav nav a:hover{color:var(--brass)}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.phero{background:linear-gradient(90deg,rgba(17,17,17,.92),rgba(17,17,17,.55)),url(hero.svg) center/cover,#26231f;color:#fff;padding:120px 0 110px}
.phero h1{font-size:68px;line-height:70px;letter-spacing:-2.8px;max-width:760px;margin:16px 0 20px}
.phero p{max-width:560px;color:#d8d5cc;font-size:17px;line-height:28px}
.phero .k{color:var(--brass)}
.psec{padding:96px 0}
.psec.alt{background:#fff}
.psec.dark{background:var(--ink);color:#fff}
.psec .sh{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}
.psec h2{font-size:44px;line-height:48px;letter-spacing:-1.6px;max-width:640px;margin-top:10px}
.pgrid{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:24px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:12px}
.psec.alt .pcard{background:var(--paper)}
.pcard h3{font-size:20px;line-height:26px}
.pcard .num{font:600 13px/1 var(--h);color:var(--brassDark)}
.port figure{margin:0;display:flex;flex-direction:column;gap:10px}
.port .ph{aspect-ratio:4/3;border-radius:10px;background:linear-gradient(135deg,#3a3630,#151513)}
.port .ph.b{background:linear-gradient(135deg,#d9c7a6,#8b7350)}
.testi{background:#1f1f1c;border:1px solid var(--panelLine);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:18px}
.testi q{font:500 18px/28px var(--h);quotes:none;color:#f1eee6}
.testi .who{display:flex;gap:12px;align-items:center;color:var(--panelText);font-size:13px}.testi .who b{color:#fff;display:block}
.faq details{border-top:1px solid var(--line);padding:20px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font:600 18px/26px var(--h);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:'+';color:var(--brassDark);font-size:24px}
.faq details[open] summary::after{content:'–'}
.faq details p{color:var(--muted);margin:10px 0 0;max-width:760px}
.pfoot{background:var(--ink);color:var(--panelText);padding:56px 0 32px;font-size:14px}
.pfoot .in{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.pfoot b{color:#fff;display:block;margin-bottom:12px}.pfoot a{display:block;margin:6px 0}
.pfoot .cp{border-top:1px solid var(--panelLine);margin-top:40px;padding-top:20px;font-size:13px}

/* ===== proto helper */
.proto-fab{position:fixed;right:16px;bottom:16px;z-index:50;background:var(--brass);color:var(--ink);border:0;border-radius:999px;padding:10px 16px;font:600 13px/1 var(--b);box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer}
.proto-panel{position:fixed;right:16px;bottom:64px;z-index:50;width:340px;max-height:72vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.2);padding:16px;display:none}
.proto-panel.on{display:block}
.proto-panel h4{margin:14px 0 6px;font:700 11px/16px var(--b);letter-spacing:1.6px;text-transform:uppercase;color:var(--brassDark)}
.proto-panel a{display:block;padding:5px 8px;border-radius:4px;font-size:13px}
.proto-panel a:hover,.proto-panel a.on{background:var(--paper)}
.proto-panel .nb{font-size:11px;color:var(--purple);margin-left:6px;font-weight:600}

/* ===== responsive */
@media (max-width:1100px){
  .auth-main{padding:56px 48px}.brand{width:420px}
  .stats{--n:2!important}
}
@media (max-width:860px){
  .sidebar{position:fixed;left:0;top:0;z-index:40;transform:translateX(-100%);transition:transform .25s;width:280px}
  body.menu .sidebar{transform:none}
  body.menu .drawer-bg{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:30}
  .topbar{height:60px;padding:0 16px;background:var(--panel);border:0}
  .topbar .crumb,.topbar .search,.topbar .av{display:none}
  .topbar .mlogo{display:block!important;flex:1}
  .topbar svg{stroke:#fff}.iconbtn .dot{border-color:var(--panel)}
  .hamb{display:grid}
  .content{padding:20px 16px 32px;gap:20px}
  .head{flex-direction:column;align-items:stretch;gap:14px}
  .head h1{font-size:26px;line-height:32px}
  .head .acts,.btns{flex-direction:column}
  .head .acts .btn,.btns .btn,.form-acts .btn{width:100%}
  .cols{grid-template-columns:1fr!important}
  .card{padding:16px}
  .stats{gap:12px}.stat{padding:14px}.stat .v{font-size:22px;line-height:28px}
  .form{--c:1!important}.form-acts{flex-direction:column-reverse}
  .kv{--c:1!important}
  .filters .input{width:100%}.filters .select{flex:1;width:auto;min-width:140px}
  .tbl{background:none;border:0;border-radius:0;overflow:visible}
  .tbl table,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl thead{display:none}
  .tbl tr{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-bottom:10px}
  .tbl td{border:0;padding:4px 0;display:flex;gap:12px;align-items:center}
  .tbl td::before{content:attr(data-l);width:110px;flex:none;color:var(--muted);font-size:12px}
  .tbl td.first::before{display:none}
  .stepper{flex-wrap:wrap}.stp-ln{display:none}
  .media{--n:2!important}.slots{grid-template-columns:1fr}
  .diff{grid-template-columns:1fr}
  .opts.row{flex-direction:column;gap:10px}
  .tabs{gap:18px}
  .auth{flex-direction:column}.brand{display:none}
  .auth-mlogo{display:flex;background:var(--panel);height:64px;align-items:center;justify-content:center}
  .auth-main{padding:32px 24px;gap:20px}
  .pub-nav nav,.pub-nav .acts{display:none}
  .phero{padding:72px 0}.phero h1{font-size:40px;line-height:44px;letter-spacing:-1.4px}
  .psec{padding:64px 0}.psec h2{font-size:30px;line-height:36px}.psec .sh{flex-direction:column;align-items:flex-start}
  .pgrid{--n:1!important}.wrap{padding:0 20px}
  .pfoot .in{grid-template-columns:1fr 1fr}
}
.tv{font:600 28px/34px var(--h);letter-spacing:-.5px}.th3{font:600 17px/24px var(--h)}
.phero .btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.phero .btn.outline:hover{border-color:#fff}
@media (min-width:861px){.app{background:linear-gradient(90deg,var(--panel) 256px,transparent 256px)}}
td.first .s{font-weight:400}

/* ===== Phase 1 prototype additions */
.srs-tag{align-self:flex-start;font:600 11px/16px var(--b);letter-spacing:.4px;color:var(--purple);background:var(--purpleSoft);border-radius:999px;padding:3px 10px;margin-bottom:-8px}
.lcard .srs-tag{margin-bottom:0}
.topbar .who{display:flex}
.guide{min-height:100vh;background:var(--paper)}
.guide .gtop{display:flex;align-items:center;gap:12px;padding:16px 40px;background:var(--panel);color:#fff;position:sticky;top:0;z-index:5}
.guide .gtop img{height:22px}
.guide .gtop span{color:var(--panelText);font-size:13px}
.guide .grow{flex:1}
.guide .content{max-width:1184px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
@media (max-width:860px){.guide .gtop{padding:12px 16px;flex-wrap:wrap}.guide .gtop span:not(.grow){display:none}}
.guide .gtop .btn.outline{background:none;color:#fff;border-color:#4a4943}