:root{--ink:#0E0E0E;--gold:#F5B400;--paper:#F3F1EC;--white:#fff;--steel:#3A3A3A;--mute:#7A776F;--line:#DCD9D1;--ok:#2F8F5B;--warn:#D9822B;--bad:#C43B3B;--info:#2F6FD6;--help:#8A4FBF;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--font:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--cond:'Barlow Condensed','Barlow',sans-serif;--nav:0px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.4;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit}#app{min-height:100%}.top{position:sticky;top:0;z-index:20;background:var(--ink);color:#fff;padding:calc(var(--sat) + 10px) 14px 10px;display:flex;align-items:center;gap:10px;border-bottom:4px solid var(--gold)}.top .brand{font-family:var(--cond);font-weight:700;font-size:22px;line-height:1}.top .brand small{display:block;font-family:var(--font);font-weight:500;font-size:11px;color:var(--gold);letter-spacing:.06em}.top .spacer{flex:1}.bell{position:relative;width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.bell svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bell .n{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.avatar{width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:none}.avatar.sm{width:26px;height:26px;font-size:11px}.avatar.dark{background:var(--ink);color:var(--gold)}main{padding:14px 14px calc(78px + var(--sab));max-width:720px;margin:0 auto}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--ink);display:flex;padding-bottom:var(--sab);border-top:1px solid #262626}.tabs button{flex:1;padding:9px 2px 7px;color:#9a978f;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:58px;position:relative}.rail button svg,.tabs button svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rail button.on,.tabs button.on{color:var(--gold)}.rail .dot,.tabs .dot{position:absolute;top:8px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:var(--bad)}.rail{display:none}@media(min-width:768px){#app{display:grid;grid-template-columns:200px 1fr;min-height:100vh}.top{grid-column:1/-1;padding-left:calc(var(--sal) + 18px)}.rail{display:flex;flex-direction:column;gap:2px;background:var(--ink);padding:14px 10px;position:sticky;top:0;height:calc(100vh);align-self:start}.rail button{display:flex;align-items:center;gap:12px;color:#c8c5bd;font-weight:600;font-size:15px;padding:12px 12px;border-radius:10px;text-align:left;position:relative}.rail button.on{background:#1f1f1f}.rail .dot{top:14px;right:14px}.rail .spacer{flex:1}main{padding:22px 28px 40px;max-width:1080px;margin:0;width:100%}.tabs{display:none}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.top{position:static}}h1{font-family:var(--cond);font-size:30px;font-weight:700;line-height:1;margin:4px 0 14px}h2{font-family:var(--cond);font-size:22px;font-weight:700;margin:18px 0 8px}h3{font-size:15px;font-weight:700;margin:12px 0 6px}p.sub{color:var(--mute);font-size:15px;margin:-8px 0 14px}.empty{padding:26px 16px;text-align:center;color:var(--mute);background:#fff;border:1px dashed var(--line);border-radius:12px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.mute{color:var(--mute)}.small{font-size:14px}.tiny{font-size:12px}.mono{font-variant-numeric:tabular-nums}.right{text-align:right}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--paper);border:1px solid var(--line);white-space:nowrap}.pill.in_progress{background:#e6eefb;border-color:#b9cdf2;color:#1f4e9e}.pill.help{background:#efe6f8;border-color:#d3bfea;color:#5b2e8a}.pill.submitted{background:#fcefe0;border-color:#f1cfa4;color:#8a4e12}.pill.approved{background:#e3f3ea;border-color:#b4dbc4;color:#1e6b41}.pill.denied{background:#f9e3e3;border-color:#edb7b7;color:#8b2323}.pill.assigned{background:#ebebeb;border-color:#d0d0d0;color:#333}.pill.unassigned{background:#fff;color:var(--mute)}.pill.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}.pill.role{background:var(--ink);border-color:var(--ink);color:var(--gold)}.pill.out{background:#fff4d6;border-color:#f2d48a;color:#7a5a00}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px 16px;border-radius:10px;font-weight:700;font-size:16px;background:var(--ink);color:#fff;border:2px solid var(--ink);white-space:nowrap}.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}.btn.ghost{background:0 0;color:var(--ink)}.btn.ok{background:var(--ok);border-color:var(--ok)}.btn.bad{background:var(--bad);border-color:var(--bad)}.btn.sm{min-height:38px;padding:6px 12px;font-size:14px}.btn.xs{min-height:32px;padding:3px 10px;font-size:13px;border-width:1px}.btn.block{width:100%}.btn:disabled{opacity:.4;cursor:default}.btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.iconbtn{width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--steel);flex:none}.iconbtn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}label.f{display:block;font-size:13px;font-weight:600;color:var(--steel);margin:10px 0 4px}.in{width:100%;min-height:46px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-size:16px}.in:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px rgba(245,180,0,.35)}textarea.in{min-height:84px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check{display:flex;align-items:center;gap:8px;min-height:36px}.check input{width:20px;height:20px}.bar{height:10px;background:#e4e1da;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:var(--ok);border-radius:5px;transition:width .3s}.big{font-family:var(--cond);font-size:44px;font-weight:700;line-height:1}.timer{font-family:var(--cond);font-size:40px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.timer.live{color:var(--info)}.sec{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}.sec>.hd{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--ink);color:#fff;cursor:pointer}.sec>.hd .num{font-family:var(--cond);font-size:22px;font-weight:700;color:var(--gold);min-width:28px}.sec>.hd .ttl{font-family:var(--cond);font-size:21px;font-weight:700;line-height:1.05;flex:1}.sec>.hd .ttl small{display:block;font-family:var(--font);font-weight:500;font-size:12px;color:#c8c5bd;margin-top:2px}.sec>.hd .pct{font-family:var(--cond);font-size:22px;font-weight:700;color:var(--gold)}.sec>.hd .chev{width:22px;height:22px;stroke:#c8c5bd;fill:none;stroke-width:2.5;transition:transform .2s}.sec.open>.hd .chev{transform:rotate(90deg)}.sec>.bd{display:none}.sec.open>.bd{display:block}.sec .subhd{padding:10px 14px 4px;font-weight:700;font-size:15px;color:var(--steel);display:flex;align-items:center;gap:8px}.sec .subhd .l{flex:1}.step{display:flex;align-items:stretch;border-top:1px solid var(--line);cursor:pointer;min-height:58px}.step:active{background:var(--paper)}.step .chk{width:54px;flex:none;display:flex;align-items:center;justify-content:center}.step .chk i{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--line);display:flex;align-items:center;justify-content:center;background:#fff}.step .chk i svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.step.s-approved .chk i{background:var(--ok);border-color:var(--ok)}.step.s-submitted .chk i{background:var(--warn);border-color:var(--warn)}.step.s-in_progress .chk i{border-color:var(--info);border-width:4px}.step.s-help .chk i{border-color:var(--help);border-width:4px}.step.s-denied .chk i{border-color:var(--bad);border-width:4px}.step.s-assigned .chk i{border-color:var(--steel)}.step .bd{flex:1;padding:10px 12px 10px 0;min-width:0}.step .t{font-weight:600;font-size:16px;line-height:1.25}.step .m{color:var(--mute);font-size:13px;margin-top:3px;display:flex;flex-wrap:wrap;gap:3px 10px;align-items:center}.step .cnt{font-family:var(--cond);font-weight:700;font-size:17px;color:var(--ink)}.step .side{display:flex;align-items:center;gap:8px;padding-right:12px;flex:none}.step .ind{margin-left:14px;border-left:3px solid var(--gold);padding-left:0}.nest{margin-left:22px;border-left:2px solid var(--line)}.note{background:#fff8e1;border-left:4px solid var(--gold);padding:8px 12px;font-size:14px;margin:8px 14px}.sheet-bg{position:fixed;inset:0;background:rgba(14,14,14,.55);z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--paper);width:100%;max-width:680px;max-height:92vh;overflow:auto;border-radius:18px 18px 0 0;padding:12px 16px calc(24px + var(--sab))}.sheet .grab{width:40px;height:5px;border-radius:3px;background:#c9c6be;margin:0 auto 10px}.sheet .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.sheet .hd h2{margin:0;font-size:24px}@media(min-width:768px){.sheet-bg{align-items:center}.sheet{border-radius:18px;max-height:88vh}.sheet .grab{display:none}}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(86px + var(--sab));background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;z-index:60;box-shadow:0 6px 24px rgba(0,0,0,.25);border-left:4px solid var(--gold)}@media(min-width:768px){.toast{bottom:30px}}.install{background:var(--ink);color:#fff;border-radius:12px;padding:12px;margin-bottom:12px;display:flex;gap:12px;align-items:center}.install b{color:var(--gold)}.install img{width:40px;height:40px;border-radius:8px}.auth{max-width:420px;margin:0 auto;padding:30px 14px}.auth .logo{font-family:var(--cond);font-size:42px;font-weight:700;line-height:.95}.auth .logo em{display:block;font-style:normal;color:var(--gold);background:var(--ink);padding:4px 10px;width:max-content;margin-top:6px}table{width:100%;border-collapse:collapse;font-size:15px;background:#fff}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--mute);font-weight:600}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:15px}.kv b{color:var(--steel);font-weight:600}.drawing{width:100%;border-radius:10px;border:1px solid var(--line);background:#fff;display:block}.drawing-empty{border:2px dashed var(--line);border-radius:10px;padding:26px;text-align:center;color:var(--mute);font-size:14px}.seg{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.seg button{min-height:38px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--ink);font-weight:600;font-size:14px}.seg button.on{background:var(--ink);color:#fff}footer.credit{text-align:center;font-size:12px;color:var(--mute);padding:16px 0 0}.tree{list-style:none}.tree li{border-left:2px solid var(--line);margin-left:8px;padding-left:10px}.tree>li{border-left:0;margin-left:0;padding-left:0}.tree .node{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 0}@media (prefers-reduced-motion:reduce){*{transition:none!important}}