:root{
  --bg:#0d0f12;--surface:#15171a;--surface2:#1d1917;--surface3:#241c18;--line:#302723;
  --text:#f5f2f0;--muted:#a9a3a0;--orange:#ff6900;--orange2:#ff8b3d;--teal:#25c2a0;
  --red:#ff5d5d;--yellow:#f0b94c;--green:#46d98a;--shadow:0 16px 40px rgba(0,0,0,.28);
}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh}.app-shell{min-height:100vh;padding-bottom:84px}.topbar{position:sticky;top:0;z-index:20;height:64px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;background:rgba(21,23,26,.94);backdrop-filter:blur(16px);border-bottom:1px solid #202327}.brand{font-size:22px;font-weight:900;letter-spacing:-.7px}.subtitle{font-size:11px;color:#d8d2cf;margin-top:2px}.session-chip{border:1px solid rgba(255,105,0,.55);color:#ff9b52;background:rgba(255,105,0,.08);padding:8px 10px;border-radius:999px;font-size:10px;font-weight:900;display:flex;gap:7px;align-items:center}.dot{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 10px rgba(255,105,0,.8)}
.main{max-width:1180px;margin:0 auto;padding:20px 16px 42px}.hero h1{font-size:34px;line-height:1;margin:0 0 10px;letter-spacing:-1.2px}.hero p{color:var(--muted);margin:0;max-width:800px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#d68b5a;font-weight:900;margin-bottom:8px}.section-title{font-size:18px;font-weight:900;margin:26px 0 12px}.card{background:linear-gradient(180deg,rgba(37,29,25,.96),rgba(28,24,22,.96));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.card-pad{padding:16px}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px 15px;background:rgba(255,105,0,.07);border:1px solid rgba(255,105,0,.25);border-radius:16px;margin:18px 0}.notice .icon{font-size:22px}.notice strong{display:block}.notice p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module{min-height:140px;padding:16px;cursor:pointer;transition:.18s transform,.18s border-color}.module:hover{transform:translateY(-2px);border-color:#664231}.module .icon{font-size:26px;color:#ff9b66}.module h3{margin:26px 0 4px;font-size:15px}.module p{margin:0;color:var(--muted);font-size:11px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;border:1px solid #3c3430;background:#25201e;color:#d8cfca}.pill.orange{border-color:#684326;color:#ff9a56;background:#2e2017}.pill.green{border-color:#1f604c;color:#6be2bc;background:#13251f}.pill.yellow{border-color:#5b4b26;color:#f2ce70;background:#2b2618}.pill.red{border-color:#623030;color:#ff8686;background:#2d1717}.pill.blue{border-color:#34506a;color:#83bff4;background:#152433}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.search{flex:1;min-width:220px;background:#141618;border:1px solid #2b2f33;border-radius:14px;padding:11px 13px;color:white;outline:none}.filter{background:#181a1d;color:#ddd;border:1px solid #33373b;border-radius:12px;padding:10px 12px}.orders{display:grid;gap:10px}.order-card{padding:15px;cursor:pointer}.order-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.order-id{font-size:12px;color:#d5ceca;font-weight:800}.order-title{font-size:16px;font-weight:900;margin-top:5px}.order-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:11px}.order-card:hover{border-color:#64412f}
.workspace-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.workspace-header h1{font-size:25px;margin:4px 0}.back{background:#191b1e;color:#ddd;border:1px solid #32353a;border-radius:12px;padding:8px 10px;cursor:pointer}.process-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.stack{display:grid;gap:12px}.form-card{padding:16px}.form-card h2{font-size:15px;margin:0 0 14px}.field{display:grid;gap:7px;margin:12px 0}.field label{font-size:11px;font-weight:800;color:#cfc8c4}.field input,.field textarea,.field select{width:100%;background:#121416;color:#f5f2f0;border:1px solid #34383c;border-radius:12px;padding:11px 12px;outline:none}.field textarea{min-height:90px;resize:vertical}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice{border:1px solid #3b3835;background:#17191c;color:#dcd6d2;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}.choice.active{background:rgba(255,105,0,.12);border-color:#9f5526;color:#ff9a59}.material{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #34302d;border-radius:13px;margin-top:8px;background:#171513}.material-left{display:flex;gap:10px}.material h4{margin:0 0 4px;font-size:13px}.material p{margin:0;color:var(--muted);font-size:10px}.check{width:19px;height:19px;accent-color:var(--orange)}.summary-card{position:sticky;top:80px;height:max-content;padding:16px}.summary-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #2d2926;font-size:12px}.summary-row:last-child{border:none}.summary-row strong{font-size:13px}.timeline{display:grid;gap:10px;margin-top:12px}.timeline-item{display:grid;grid-template-columns:12px 1fr;gap:10px;font-size:11px;color:#cfc7c2}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#555;margin-top:3px}.timeline-dot.done{background:var(--teal)}.timeline-item span{color:var(--muted);display:block;margin-top:2px}
.sticky-action{position:sticky;bottom:74px;z-index:12;display:flex;gap:10px;padding:12px;margin:14px -4px 0;background:linear-gradient(180deg,rgba(13,15,18,.4),rgba(13,15,18,.98) 35%);backdrop-filter:blur(12px)}.btn{border:none;border-radius:13px;padding:12px 15px;font-weight:900;cursor:pointer}.btn.primary{background:var(--orange);color:white;flex:1}.btn.secondary{background:#26282c;color:#ddd;border:1px solid #3b3e43}.btn.danger{background:#3a1818;color:#ff8e8e;border:1px solid #663333}.btn:disabled{opacity:.45;cursor:not-allowed}.small{font-size:10px;color:var(--muted)}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:70px;background:rgba(32,25,22,.97);backdrop-filter:blur(16px);border-top:1px solid #352a25;display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:env(safe-area-inset-bottom)}.nav-item{background:transparent;border:none;color:#c5bbb5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;cursor:pointer}.nav-item.active{color:#ffd0b2}.nav-icon{font-size:21px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-item{padding:14px}.profile-item h3{font-size:13px;margin:0 0 5px}.profile-item p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}
.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.66);display:grid;place-items:end center;padding:16px}.modal{width:min(520px,100%);background:#1a1c1f;border:1px solid #3b3e42;border-radius:20px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.55)}.modal h3{margin:0 0 7px}.modal p{color:var(--muted);font-size:12px;line-height:1.5}.modal-actions{display:flex;gap:9px;margin-top:16px}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:70;background:#23262a;border:1px solid #44494f;color:#fff;padding:10px 14px;border-radius:12px;font-size:11px;transition:.2s;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translate(-50%,0)}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#131c19;border:1px solid #254a40;border-radius:15px;padding:12px 14px;margin-bottom:14px}.demo-banner strong{font-size:12px;color:#7fe2c2}.demo-banner span{font-size:10px;color:#9cb5ad}
@media(max-width:800px){.main{padding:17px 12px 34px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-layout{grid-template-columns:1fr}.summary-card{position:static}.profile-grid{grid-template-columns:1fr}.hero h1{font-size:30px}.workspace-header h1{font-size:22px}}
@media(max-width:430px){.topbar{height:60px;padding:9px 12px}.brand{font-size:20px}.session-chip{padding:7px 8px}.main{padding-top:14px}.module{min-height:128px}.order-top{align-items:center}.choice{padding:8px 9px}.sticky-action{bottom:69px}.process-layout{gap:10px}.form-card,.summary-card{padding:14px}}