:root{--bg:#10120f;--panel:#1a1d18;--line:#30342c;--text:#f5f6ef;--muted:#9da395;--lime:#d7ff3f;--danger:#ff765f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#293020,transparent 32%),var(--bg);color:var(--text);font-family:"Microsoft YaHei",Inter,sans-serif}button,input,textarea{font:inherit}header{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:28px;padding:15px max(4vw,18px);background:#10120fea;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--lime);color:#171a14;font-size:21px;font-weight:900}.brand div{display:flex;flex-direction:column}.brand small{color:var(--muted);font-size:11px}nav{display:flex;gap:5px;margin-left:auto}nav button,.secondary,.text{border:0;background:transparent;color:var(--muted);cursor:pointer}nav button{padding:9px 13px;border-radius:8px}nav button.active{background:#2a2e27;color:white}.online{color:var(--lime);font-size:13px}main{width:min(1100px,92vw);margin:34px auto 70px}.welcome{display:flex;justify-content:space-between;align-items:end;padding:32px 0}.welcome h1{margin:7px 0;font-size:clamp(30px,5vw,55px);max-width:700px;line-height:1.05}.welcome #worker-name{padding:9px 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted)}.kicker{margin:0;color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.14em}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.metric{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.metric.accent{background:var(--lime);color:#171a14}.metric small{display:block;color:var(--muted);margin-bottom:10px}.metric.accent small{color:#56631d}.metric strong{font-size:26px}.panel{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:end;padding:22px;border-bottom:1px solid var(--line)}.panel h2{margin:4px 0}.secondary{padding:9px 13px;border:1px solid var(--line);border-radius:8px}.order{display:grid;grid-template-columns:1fr auto;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line)}.order h3{margin:6px 0}.order p,.order small{color:var(--muted)}.order p{margin:5px 0}.badge{display:inline-flex;padding:5px 8px;border-radius:99px;background:#2c3029;font-size:12px}.primary,.action{border:0;border-radius:8px;padding:11px 15px;background:var(--lime);color:#171a14;font-weight:800;cursor:pointer}.empty{padding:45px;text-align:center;color:var(--muted)}.login{display:grid;place-items:center;min-height:72vh}.login form{display:grid;gap:14px;width:min(420px,100%);padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.login h1{margin:0}.login p{color:var(--muted)}label{display:grid;gap:6px;color:var(--muted)}input,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#10120f;color:white}.text{color:var(--lime)}#error{color:var(--danger);font-size:13px}.hidden{display:none!important}dialog{width:min(500px,92vw);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:white}dialog::backdrop{background:#000b}dialog form{display:grid;gap:14px;padding:26px}.close{justify-self:end;border:0;background:transparent;color:white;font-size:28px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);padding:11px 16px;border-radius:99px;background:var(--lime);color:#171a14;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){header{gap:8px;padding:10px 12px}.brand div,.online{display:none}nav{margin-left:auto}nav button{padding:8px;font-size:13px}main{width:calc(100% - 28px);margin-top:15px}.welcome{align-items:flex-start;gap:18px;flex-direction:column}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:first-child{grid-column:span 2}.order{grid-template-columns:1fr}.order .action{justify-self:start}}@media(max-width:430px){.welcome h1{font-size:36px}.metrics{grid-template-columns:1fr}.metric:first-child{grid-column:auto}}