:root{--bg:#f3f6fc;--card:#ffffff;--ink:#2b3650;--sub:#8794ac;--line:#eef1f8;--blue:#3d7bff;--blue-d:#2b62e0;--coral:#ff7a59;--green:#22c48a;--amber:#ffb02e;--purple:#9b6bff;--pink:#ff6aa2;--sky:#36c5f0;--blue-s:#e9f0ff;--green-s:#e3f8f0;--amber-s:#fff3df;--purple-s:#f0eaff;--coral-s:#ffeee8;--pink-s:#ffe9f2;--sky-s:#e3f7fe;--shadow:0 8px 24px rgba(61,90,160,0.1);--shadow-s:0 3px 10px rgba(61,90,160,0.08);--r-part:10px;--r-btn:14px;--r-card:22px;--r-hero:28px;--ease:cubic-bezier(0.2,0.8,0.2,1);--t:0.16s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Maru Gothic ProN,Zen Maru Gothic,Rounded Mplus\ 1c,Yu Gothic,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}a,button{color:inherit}a{text-decoration:none}.app{min-height:100vh}.app,.side{display:flex}.side{width:240px;background:#fff;flex-shrink:0;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;box-shadow:4px 0 24px rgba(61,90,160,.05);z-index:6}.brand{padding:20px 22px;gap:11px}.brand,.brand .logo{display:flex;align-items:center}.brand .logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#3d7bff,#9b6bff);justify-content:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 6px 16px rgba(61,123,255,.4)}.brand b{color:var(--ink);font-size:16px}.brand span{display:block;font-size:11px;color:var(--sub);font-weight:600}.nav{padding:6px 14px;flex:1 1;overflow:auto}.nav .grp{font-size:10.5px;color:var(--sub);font-weight:800;letter-spacing:.06em;margin:16px 12px 6px}.nav a{gap:12px;padding:10px 12px;border-radius:14px;color:#5b6884;font-size:14px;font-weight:700;margin:3px 0;transition:transform .12s,background var(--t)}.nav a,.nav a .ic{display:flex;align-items:center}.nav a .ic{width:34px;height:34px;border-radius:11px;justify-content:center;background:var(--bg);flex-shrink:0}.nav a .ic svg{width:18px;height:18px}.nav a:hover{background:var(--bg);transform:translateX(3px)}.nav a.on{background:linear-gradient(135deg,#3d7bff,#5b8dff);color:#fff;box-shadow:0 8px 18px rgba(61,123,255,.35)}.nav a.on .ic{background:rgba(255,255,255,.22);color:#fff}.nav a .badge{margin-left:auto;background:var(--coral);color:#fff;font-size:11px;font-weight:800;border-radius:20px;padding:2px 9px;box-shadow:0 3px 8px rgba(255,122,89,.4)}.side .me{margin:12px;padding:12px;border-radius:16px;background:var(--bg);gap:11px}.side .me,.side .me .av{display:flex;align-items:center}.side .me .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ff7a59,#ff6aa2);color:#fff;justify-content:center;font-weight:800;flex-shrink:0}.side .me b{font-size:13.5px}.side .me small{color:var(--sub);font-weight:600}.main{flex:1 1;min-width:0;flex-direction:column;position:relative;z-index:1}.main,.top{display:flex}.top{height:68px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;padding:0 26px;gap:16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.top h1{font-size:18px;font-weight:800}.search{margin-left:auto;border-radius:24px;padding:10px 18px;width:240px;color:var(--sub);font-size:13px;font-weight:600}.bell,.search{background:var(--bg)}.bell{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.bell .dot{top:9px;right:10px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.bell .count,.bell .dot{position:absolute;background:var(--coral)}.bell .count{top:2px;right:0;min-width:18px;height:18px;padding:0 5px;color:#fff;font-size:11px;font-weight:800;border-radius:20px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(255,122,89,.4)}.notif-backdrop{position:fixed;inset:0;z-index:40}.notif-panel{position:absolute;top:60px;right:18px;width:360px;max-width:calc(100vw - 36px);max-height:70vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:var(--shadow);z-index:41;padding:8px;animation:pop .18s var(--ease)}.notif-panel .hd{display:flex;align-items:center;gap:8px;padding:10px 12px 6px;font-weight:800;font-size:14px}.notif-item{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border-radius:14px;text-decoration:none;color:var(--ink);transition:background .15s}.notif-item:hover{background:var(--bg)}.notif-item .ic{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.notif-item .t{font-size:13px;font-weight:800;line-height:1.4}.notif-item .d{font-size:11.5px;color:var(--sub);font-weight:600}.notif-empty{padding:24px 12px;text-align:center;color:var(--sub);font-weight:700}.notif-foot{padding:8px;border-top:1px solid var(--line);margin-top:4px;text-align:center}.content{padding:24px 26px;flex:1 1}.phead{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px}.phead h2{font-size:24px;font-weight:800}.phead .sub{color:var(--sub);font-size:13px;font-weight:600;padding-bottom:3px}.phead .sp{margin-left:auto}.grid{display:grid;grid-gap:18px;gap:18px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);padding:22px;transition:transform .18s var(--ease),box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(61,90,160,.16)}.card h3{font-size:15px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:9px}.card h3 .more{margin-left:auto;font-size:12px;color:var(--blue);font-weight:700;cursor:pointer}.tile{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center}.tile svg{width:17px;height:17px}.bl{background:var(--blue-s);color:var(--blue)}.gr{background:var(--green-s);color:var(--green)}.am{background:var(--amber-s);color:var(--amber)}.pp{background:var(--purple-s);color:var(--purple)}.co{background:var(--coral-s);color:var(--coral)}.pk{background:var(--pink-s);color:var(--pink)}.sk{background:var(--sky-s);color:var(--sky)}.kpi{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.kpi:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 16px 34px rgba(61,90,160,.18)}.kpi .ic{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.kpi .ic svg{width:24px;height:24px}.kpi .lbl{font-size:12.5px;color:var(--sub);font-weight:700}.kpi .val{font-size:30px;font-weight:800;margin-top:3px;letter-spacing:.01em}.kpi .val small{font-size:15px;font-weight:700;color:var(--sub);margin-left:3px}.kpi .delta{font-size:12px;margin-top:5px;font-weight:800}.up{color:var(--green)}.down{color:var(--coral)}.row{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .t{font-size:13.5px;font-weight:700}.row .d{font-size:12px;color:var(--sub);font-weight:600}.row .rt{margin-left:auto;text-align:right;font-weight:700}.chip{display:inline-block;font-size:11.5px;font-weight:800;padding:4px 12px;border-radius:20px;background:var(--blue-s);color:var(--blue)}.chip.g{background:var(--green-s);color:#16a06e}.chip.a{background:var(--amber-s);color:#cc7a00}.chip.r{background:var(--coral-s);color:#e0432a}.chip.n{background:var(--bg);color:var(--sub)}.chip.pk{background:var(--pink-s);color:#e0437f}.dotc{width:11px;height:11px;border-radius:50%;flex-shrink:0}.btn{background:var(--blue);color:#fff;border-radius:var(--r-btn);padding:11px 20px;font-weight:800;font-size:13.5px;box-shadow:0 6px 14px rgba(61,123,255,.3);transition:var(--t)}.btn:hover:not(:disabled){background:var(--blue-d);transform:translateY(-1px)}.btn.sec{background:var(--blue-s);color:var(--blue);box-shadow:none}.btn.gh{background:var(--bg);color:var(--sub);box-shadow:none}.btn.dg{background:var(--coral-s);color:#e0432a;box-shadow:none}.btn.lg{padding:15px 26px;font-size:15px;border-radius:16px}.btn:disabled{opacity:.45;box-shadow:none;cursor:default;transform:none}.btn:active{transform:scale(.94)!important}.cb{width:22px;height:22px;border-radius:8px;border:2.5px solid #d3dcec;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}.cb:active{transform:scale(.8)}.cb.ck{background:var(--green);border-color:var(--green)}.cb.ck:after{content:"✓";color:#fff;font-size:13px;font-weight:900}label.fl{display:block;font-size:13px;font-weight:800;margin:16px 0 6px}label.fl .req{color:#fff;background:var(--coral);margin-left:6px;font-size:10px;padding:1px 8px;border-radius:10px;font-weight:800}.inp,select.inp,textarea.inp{width:100%;border:2px solid var(--line);border-radius:14px;padding:12px 14px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink);font-weight:600}.inp:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(61,123,255,.14)}.inp.calc{background:var(--green-s);border-color:#bce8d5}.frow{display:flex;gap:13px;flex-wrap:wrap}.frow>div{flex:1 1;min-width:130px}.hint{font-size:11.5px;color:var(--green);font-weight:700;margin-top:5px}.banner{border-radius:16px;padding:14px 18px;font-size:13.5px;font-weight:800;display:none;align-items:center;gap:10px;margin-bottom:16px;background:var(--green-s);color:#16804f}.banner.show{display:flex;animation:pop .3s}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.note-tip{font-size:12px;color:#9a6a12;background:var(--amber-s);border-radius:14px;padding:12px 16px;margin-top:16px;font-weight:700}table.tbl{width:100%;border-collapse:separate;border-spacing:0}table.tbl th{background:transparent;color:var(--sub);font-size:11.5px;text-align:left;padding:8px 14px;font-weight:800}table.tbl td{padding:13px 14px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600}table.tbl tr:hover td{background:#f7faff}.clock-wrap{display:flex;gap:18px;flex-wrap:wrap}.clock-card{flex:1.2 1;min-width:320px;text-align:center;padding:30px;background:linear-gradient(160deg,#ffffff,#f3f7ff)}.clock-now{font-size:58px;font-weight:800;letter-spacing:.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#3d7bff,#9b6bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.clock-date{color:var(--sub);font-size:14px;font-weight:700;margin-bottom:22px}.clock-btns{gap:16px;margin:8px 0}.big,.clock-btns{display:flex;justify-content:center}.big{width:160px;height:96px;font-size:20px;font-weight:800;border-radius:24px;color:#fff;flex-direction:column;align-items:center;gap:3px;transition:.15s}.big:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.big.in{background:linear-gradient(135deg,#22c48a,#16a06e);box-shadow:0 12px 26px rgba(34,196,138,.4)}.big.out{background:linear-gradient(135deg,#3d7bff,#2b62e0);box-shadow:0 12px 26px rgba(61,123,255,.4)}.big small{font-size:12px;font-weight:700;opacity:.95}.big:disabled{filter:grayscale(.7)}.big:active{transform:scale(.94)!important}.big.in:not(:disabled){animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 12px 26px rgba(34,196,138,.4)}50%{box-shadow:0 12px 34px rgba(34,196,138,.7)}}.stat3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:13px;gap:13px;margin-top:22px}.stat3 .b{border-radius:18px;padding:16px;text-align:center}.stat3 .b .n{font-size:24px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat3 .b .l{font-size:11.5px;color:var(--sub);font-weight:700;margin-top:2px}.steps{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.steps .s{flex:1 1;min-width:120px;text-align:center;font-size:12.5px;color:var(--sub);font-weight:800;background:var(--bg);border-radius:14px;padding:12px}.steps .s.act{background:var(--blue-s);color:var(--blue)}.steps .s.ok{background:var(--green-s);color:#16a06e}.steps .s .num{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--sub);align-items:center;justify-content:center;font-weight:800;margin-right:7px}.steps .s.act .num{background:var(--blue);color:#fff}.steps .s.ok .num{background:var(--green);color:#fff}.route{background:var(--bg);border-radius:18px;padding:18px}.route .step{gap:13px;padding:7px 0}.route .step,.route .step .ci{display:flex;align-items:center}.route .step .ci{width:34px;height:34px;border-radius:50%;background:#fff;border:2.5px solid var(--line);justify-content:center;font-size:14px;font-weight:800;flex-shrink:0;color:var(--sub)}.route .step.done .ci{background:var(--green);border-color:var(--green);color:#fff}.route .step.now .ci{background:var(--blue);border-color:var(--blue);color:#fff}.route .step.skipped .ci{background:var(--bg);border-style:dashed}.route .step.rejected .ci{background:var(--coral);border-color:var(--coral);color:#fff}.route .step.returned .ci{background:var(--amber);border-color:var(--amber);color:#fff}.route .step .who b{font-size:13.5px}.route .step .who small{color:var(--sub);font-size:11.5px;display:block;font-weight:600}.route .step.skipped .who b{color:var(--sub);text-decoration:line-through}.route .step .who .rt{margin-left:auto}.route .ln{height:12px;border-left:2.5px dotted #cfd9ec;margin-left:16px}.blob{position:fixed;border-radius:50%;filter:blur(48px);opacity:.5;z-index:0;pointer-events:none}.blob.b1{width:340px;height:340px;background:#bcd3ff;top:-90px;right:-60px;animation:float 9s ease-in-out infinite}.blob.b2{width:300px;height:300px;background:#ffe0c2;bottom:-100px;left:160px;animation:float 11s ease-in-out infinite reverse}.blob.b3{width:260px;height:260px;background:#d8ccff;top:40%;right:8%;animation:float 13s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-26px) translateX(14px)}}.confetti{position:fixed;width:10px;height:14px;z-index:9999;pointer-events:none;border-radius:2px;will-change:transform,opacity}@keyframes fall{to{transform:translateY(105vh) rotate(2turn);opacity:0}}.mascot{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#ffb02e,#ff7a59);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 10px 22px rgba(255,138,60,.4);animation:bob 3s ease-in-out infinite;flex-shrink:0}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.streak{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fff4d6,#ffe1c2);color:#c9700a;font-weight:800;font-size:12px;padding:6px 14px;border-radius:20px;box-shadow:var(--shadow-s)}@media (max-width:880px){.side{display:none}.g4{grid-template-columns:repeat(2,1fr)}.g2,.g3{grid-template-columns:1fr}}