:root{--bg: #eef1f7;--surface: #ffffff;--surface-2: #f6f8fc;--ink: #1b2030;--muted: #6b7384;--line: #e6e9f2;--line-strong: #cfd5e6;--primary: #4f46e5;--primary-d: #4035c9;--primary-soft: #eef0ff;--success: #16a34a;--success-soft: #e7f7ee;--warn: #d97706;--warn-soft: #fdf1e0;--danger: #dc2626;--danger-soft: #fdeaea;--radius: 18px;--radius-s: 12px;--shadow: 0 10px 30px rgba(20, 28, 54, .08);--shadow-s: 0 4px 14px rgba(20, 28, 54, .06);--sidebar-w: 250px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;border:0;cursor:pointer;color:inherit}a{color:var(--primary)}input,select,textarea{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line-strong);border-radius:12px;padding:12px 14px;background:var(--surface-2)}textarea{min-height:84px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #4f46e533;border-color:var(--primary);background:var(--surface)}label{font-weight:600;color:var(--muted);font-size:13px}.loading,.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}.login-logo{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#6d63ff);color:#fff;font-weight:800;font-size:22px;margin-bottom:16px}.login-title{margin:0 0 4px;font-size:26px;letter-spacing:-.02em}.login-subtitle{margin:0 0 22px;color:var(--muted)}.shell{min-height:100vh}.sidebar{display:none}.content{min-height:100vh}.container{max-width:1180px;margin:0 auto;padding:18px 16px 92px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:50;height:66px;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:6px 4px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.bottomnav button{flex:1;background:transparent;display:grid;justify-items:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600;border-radius:12px;padding:6px 2px;position:relative}.bottomnav button.on{color:var(--primary)}.bottomnav button.on svg{transform:translateY(-1px)}.bottomnav .nb{position:absolute;top:2px;right:calc(50% - 22px);background:var(--danger);color:#fff;min-width:17px;height:17px;border-radius:99px;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px}@media (min-width: 1024px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:40;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px}.content{margin-left:var(--sidebar-w)}.container{padding:28px 28px 36px}.bottomnav{display:none}}@media (min-width: 1700px){html{font-size:17px}.container{max-width:1440px}}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 16px}.brand .logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#6d63ff);color:#fff;font-weight:800}.brand .bn{font-weight:780;font-size:17px}.navgroup{margin-top:8px}.navgroup .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px 12px 4px}.navitem{width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;background:transparent;color:var(--ink);font-weight:600;font-size:14.5px;text-align:left}.navitem svg{color:var(--muted);flex:0 0 auto}.navitem:hover{background:var(--surface-2)}.navitem.on{background:var(--primary-soft);color:var(--primary)}.navitem.on svg{color:var(--primary)}.navitem .nb{margin-left:auto;background:var(--danger);color:#fff;min-width:20px;height:20px;border-radius:99px;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 6px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:6px 8px 12px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.topbar .iconbtn{width:40px;height:40px}.topbar h1{margin:0;font-size:22px;letter-spacing:-.02em;line-height:1.15}.topbar .sub{color:var(--muted);font-size:13px}.topbar .spacer{margin-left:auto}.iconbtn{width:40px;height:40px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;color:var(--ink)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:760;flex:0 0 auto}.stack{display:grid;gap:16px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-s);padding:16px}.sectit{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 0}.sectit h2{font-size:13px;margin:0;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.sectit a,.sectit button.link{color:var(--primary);font-size:13px;font-weight:650;background:none}.empty{border:1.5px dashed var(--line-strong);border-radius:var(--radius);padding:22px;color:var(--muted);text-align:center;background:#fff8}.grid{display:grid;gap:14px}@media (min-width: 760px){.grid.two{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.dash-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:start}}.btn{width:100%;min-height:54px;border-radius:16px;font-weight:740;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-2);color:var(--ink);text-decoration:none}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px #4f46e547}.btn.primary:active{background:var(--primary-d);transform:translateY(1px)}.btn.success{background:var(--success);color:#fff;box-shadow:0 10px 24px #16a34a47}.btn.danger{background:var(--danger);color:#fff}.btn.warn{background:var(--warn);color:#fff}.btn.ghost{background:var(--surface);border:1px solid var(--line)}.btn[disabled]{background:#c9cee0;color:#fff;box-shadow:none;cursor:default}.btn.sm{min-height:42px;font-size:14px;border-radius:12px;padding:0 14px;width:auto}.btn.auto{width:auto;padding:0 18px}.btnrow{display:flex;gap:12px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:650;background:var(--surface-2);color:var(--muted)}.pill.done,.pill.success{background:var(--success-soft);color:var(--success)}.pill.run,.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.tag{font-size:11.5px;color:var(--muted);background:var(--surface-2);border-radius:99px;padding:3px 9px;display:inline-flex;gap:5px;align-items:center}.tag.must{color:var(--danger);background:var(--danger-soft)}.cta{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:linear-gradient(135deg,var(--primary),#6d63ff);color:#fff;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.cta .plus{width:46px;height:46px;border-radius:14px;background:#ffffff2e;display:grid;place-items:center;flex:0 0 auto}.cta b{font-size:18px;display:block}.cta span{opacity:.9;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:14px}.stat .n{font-size:24px;font-weight:780}.stat .l{color:var(--muted);font-size:12px}.order{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-s);width:100%;text-align:left}.ringwrap{position:relative;display:grid;place-items:center;flex:0 0 auto}.ring{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--p, 0) * 1%),var(--line) 0);display:grid;place-items:center}.ring.full{background:conic-gradient(var(--success) 100%,var(--success) 0)}.ring:after{content:"";width:36px;height:36px;border-radius:50%;background:var(--surface)}.ringwrap b{position:absolute;font-size:12px;font-weight:760}.order .meta{flex:1;min-width:0}.order .meta b{font-size:16px}.order .meta div{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order .go{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);flex:0 0 auto}.work-grid{display:grid;gap:16px}@media (min-width: 1024px){.work-grid{max-width:820px;margin:0 auto}}.progress-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-s);padding:16px 18px}.progress-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.progress-top .big{font-size:20px;font-weight:780}.progress-top .big em{color:var(--success);font-style:normal}.progress-top .pct{color:var(--muted);font-weight:650}.bar{height:10px;border-radius:99px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--success),#3ec46d);border-radius:99px;transition:width .35s cubic-bezier(.4,1.3,.5,1)}.checklist{display:grid;gap:10px}.citem{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--line);border-radius:var(--radius);padding:14px 12px;box-shadow:var(--shadow-s);transition:border-color .2s,background .2s}.citem.done{border-left-color:var(--success)}.citem.skipped{border-left-color:var(--warn)}.cbox{width:38px;height:38px;flex:0 0 38px;border-radius:50%;border:2.5px solid var(--line-strong);background:var(--surface);display:grid;place-items:center;color:var(--warn);font-weight:800}.cbox svg path{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26}.citem.done .cbox{background:var(--success);border-color:var(--success);animation:pop .32s ease}.citem.done .cbox svg path{stroke-dashoffset:0;transition:stroke-dashoffset .28s .04s ease}.citem.skipped .cbox{border-color:var(--warn)}@keyframes pop{0%{transform:scale(.7)}55%{transform:scale(1.18)}to{transform:scale(1)}}.cbody{flex:1;min-width:0;text-align:left;background:none}.cbody .ctext{font-weight:680;letter-spacing:-.01em}.citem.done .cbody .ctext{color:var(--muted)}.cmeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.cdetail{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted)}.adhoc{display:flex;align-items:center;gap:10px;justify-content:center;color:var(--primary);font-weight:680;background:var(--surface);border:1.5px dashed var(--line-strong);border-radius:var(--radius);padding:14px;width:100%}.finishbar{position:sticky;bottom:76px;z-index:20;padding-top:10px;background:linear-gradient(180deg,transparent,var(--bg) 40%)}@media (min-width: 1024px){.finishbar{position:static;background:none}}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b102255;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70;display:none}.sheet-bg.on{display:block;animation:fade .2s}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:71;background:var(--surface);border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #0a102240;padding:8px 18px 24px;transform:translateY(100%);transition:transform .28s cubic-bezier(.3,1,.4,1);max-width:600px;margin:0 auto;max-height:90vh;overflow:auto;pointer-events:none}.sheet.on{transform:none;pointer-events:auto}.grab{width:42px;height:5px;border-radius:99px;background:var(--line-strong);margin:8px auto 14px}.sheet h3{margin:0 0 2px;font-size:20px;letter-spacing:-.01em}@media (min-width: 1024px){.sheet{left:auto;right:28px;bottom:28px;width:440px;border-radius:22px;transform:translateY(20px) scale(.98);opacity:0}.sheet.on{transform:none;opacity:1}}.choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice button{min-height:60px;border-radius:16px;border:2px solid var(--line);background:var(--surface);font-weight:740;display:flex;align-items:center;justify-content:center;gap:8px}.choice button.sel-done{border-color:var(--success);background:var(--success-soft);color:var(--success)}.choice button.sel-skip{border-color:var(--warn);background:var(--warn-soft);color:var(--warn)}.field{display:grid;gap:6px}.field.mt{margin-top:16px}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.photo{aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid var(--line);position:relative;background:#e7ebf6}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo .del{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:8px;background:#0b1022aa;color:#fff;display:grid;place-items:center}.addphoto{aspect-ratio:1;border:2px dashed var(--line-strong);background:var(--surface-2);border-radius:14px;display:grid;place-content:center;justify-items:center;color:var(--primary);font-weight:650;gap:2px}.addphoto input{display:none}.form-grid{display:grid;gap:12px}@media (min-width: 640px){.form-grid.two{grid-template-columns:1fr 1fr}}.modeseg{display:inline-grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-strong);border-radius:12px;overflow:hidden}.modeseg button{min-height:40px;background:var(--surface);font-size:13px;font-weight:600;border-right:1px solid var(--line)}.modeseg button:last-child{border-right:0}.modeseg button.on{background:var(--primary);color:#fff}.listrow{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-s)}.listrow .grow{flex:1;min-width:0}.listrow .grow b{font-weight:700}.listrow .grow .s{color:var(--muted);font-size:13px}.editor-item{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:10px;background:var(--surface-2)}.toasts{position:fixed;left:50%;bottom:88px;transform:translate(-50%);z-index:90;display:grid;gap:8px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}@media (min-width: 1024px){.toasts{bottom:28px}}.toast{background:#13203a;color:#fff;padding:11px 16px;border-radius:14px;font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center;box-shadow:var(--shadow);animation:tin .25s}.toast.err{background:#7d2626}.toast .tc{color:#5ee08a}@keyframes tin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}