:root{font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#172235;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #0b5cab;--blue-deep: #084786;--blue-soft: #eaf2fd;--green: #148b63;--green-soft: #eefaf4;--amber: #c58a14;--amber-soft: #fff8e6;--yellow: #d79500;--ink: #172235;--muted: #738095;--border: #e1e8f0;--surface: #ffffff;--shadow: 0 14px 36px rgba(23, 50, 83, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:88px}.topbar{background:linear-gradient(135deg,#0a63bd,#064b92);color:#fff}.topbar-inner{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:24px 0 70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1f}.brand-name{font-size:22px;font-weight:800;letter-spacing:-.02em}.brand-caption{margin-top:3px;color:#ffffffb8;font-size:12px}.week-select-wrap{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#ffffffe0;background:#ffffff17}.week-select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:#fff;font-weight:700;cursor:pointer}.week-select-wrap select option{color:var(--ink)}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.account-actions{display:flex;align-items:center;gap:8px;max-width:250px}.account-email{max-width:155px;overflow:hidden;color:#ffffffc7;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.logout-button{padding:7px 9px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff14;color:#fff;font-size:11px;font-weight:800}.logout-button:hover{background:#ffffff2e}.mode-badge{padding:7px 9px;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#ffffffc2;font-size:11px;font-weight:800;white-space:nowrap}.main-content{width:min(1120px,calc(100% - 40px));margin:-42px auto 0;position:relative}.summary-panel{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid rgba(225,232,240,.8);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.summary-item{min-height:108px;padding:24px 26px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:8px}.summary-item:last-child{border-right:0}.summary-item span{color:var(--muted);font-size:14px}.summary-item strong{font-size:30px;line-height:1;letter-spacing:-.04em}.summary-item small{margin-left:5px;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:0}.tone-blue{color:var(--blue)}.tone-green{color:var(--green)}.tone-amber{color:var(--amber)}.tone-dark{color:var(--ink)}.section-heading{padding:42px 0 22px;display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-heading h1{margin:7px 0 6px;font-size:clamp(28px,4vw,38px);line-height:1.1;letter-spacing:-.045em}.section-heading p{margin:0;color:var(--muted);font-size:14px}.sync-strip{display:flex;align-items:center;gap:8px;margin:-4px 0 14px;color:var(--blue);font-size:12px;font-weight:700}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft);animation:pulse-dot 1.3s ease-in-out infinite}@keyframes pulse-dot{50%{opacity:.35;transform:scale(.82)}}.heading-actions{display:flex;gap:10px;align-items:center}.primary-button,.secondary-button,.icon-button,.filter-button{border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{padding:12px 16px;background:var(--blue);color:#fff;font-weight:800;box-shadow:0 6px 16px #0b5cab2e}.primary-button:hover{background:var(--blue-deep);transform:translateY(-1px)}.primary-button.compact{padding:10px 13px;font-size:13px}.secondary-button{padding:11px 15px;background:#f2f5f9;color:var(--ink);font-weight:700}.secondary-button:hover{background:#e7edf5}.icon-button{width:38px;height:38px;background:#fff;color:var(--blue);border:1px solid var(--border)}.icon-button:hover{background:var(--blue-soft)}.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.segmented-control{display:inline-flex;padding:4px;background:#eaf0f7;border-radius:10px}.segmented-control button{min-width:88px;padding:8px 13px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;font-weight:800}.segmented-control button.active{background:#fff;color:var(--blue);box-shadow:0 2px 7px #18365b14}.toolbar-tools{display:flex;align-items:center;gap:9px}.search-box{min-width:260px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#8b99ab}.search-box input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.filter-button{padding:9px 12px;border:1px solid var(--border);background:#fff;color:var(--muted);font-size:13px;font-weight:700}.task-list{display:grid;gap:12px}.task-card{position:relative;padding:20px 20px 16px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:0 6px 18px #1a365b0b;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.task-card:hover{transform:translateY(-1px);box-shadow:0 12px 25px #1a365b14}.task-card.status-completed{border-color:#b9e4d0;background:linear-gradient(100deg,#fbfffd,#f1fbf5)}.task-card.status-special{border-color:#f2ddb0;background:#fffdf4}.task-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-right:66px}.task-ident{display:flex;align-items:center;min-width:0;gap:12px}.order-no{color:var(--blue);font-size:16px;font-weight:900;letter-spacing:.02em;white-space:nowrap}.status-completed .order-no{color:var(--green)}.status-special .order-no{color:var(--yellow)}.divider{width:1px;height:18px;background:var(--border)}.task-ident h2{margin:0;overflow:hidden;color:var(--ink);font-size:17px;text-overflow:ellipsis;white-space:nowrap}.status-label{padding:5px 9px;border-radius:8px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:800;white-space:nowrap}.status-completed .status-label{background:#dff5e8;color:var(--green)}.status-special .status-label{background:#fff0c8;color:var(--yellow)}.task-meta{display:flex;flex-wrap:wrap;gap:18px;margin:13px 0 16px;color:var(--muted);font-size:13px}.task-meta b{color:#344257;font-weight:700}.stage-row{display:flex;align-items:center;gap:11px;padding-top:14px;border-top:1px dashed #dbe4ee}.stage{min-width:94px;display:flex;flex-direction:column;gap:4px}.stage-label{color:#344257;font-size:12px;font-weight:800}.stage-value{display:flex;align-items:center;gap:4px;color:#6c798b;font-size:13px}.stage.done .stage-value{color:var(--green)}.stage-state{color:#9aa7b7;font-size:11px}.stage.done .stage-state{color:var(--green)}.stage-arrow{flex:0 0 auto;color:#b1bdc9}.complete-button{margin-left:auto;min-width:82px;padding:11px 13px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:#fff;font-weight:800;box-shadow:0 5px 12px #0b5cab29}.complete-button:hover{background:var(--blue-deep)}.complete-button.done{border-color:var(--green);background:transparent;color:var(--green);box-shadow:none}.complete-button.done:hover{background:#dff5e8}.status-special .complete-button{border-color:var(--yellow);background:var(--yellow)}.status-special .complete-button.done{background:transparent;color:var(--yellow)}.task-note{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(225,232,240,.65);color:var(--muted);font-size:12px}.card-actions{position:absolute;top:12px;right:10px;display:flex;align-items:center;gap:2px}.card-delete-button,.card-detail-button{width:28px;height:28px;padding:4px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#9ba9b9}.card-delete-button:hover{color:#bd4b5b;background:#fff0f1}.card-detail-button:hover{color:var(--blue);background:var(--blue-soft)}.import-panel,.report-panel,.empty-state{padding:56px 28px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow);text-align:center}.import-icon{width:64px;height:64px;margin:0 auto 17px;display:grid;place-items:center;border-radius:18px;background:var(--blue-soft);color:var(--blue)}.import-panel h2,.empty-state h2{margin:0 0 8px;font-size:22px;letter-spacing:-.03em}.import-panel p,.empty-state p{max-width:540px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.7}.upload-dropzone{max-width:390px;min-height:160px;margin:27px auto 19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px dashed #8ab2e2;border-radius:15px;background:#f7fbff;color:var(--blue);cursor:pointer}.upload-dropzone:hover{background:#eff7ff}.upload-dropzone input{display:none}.upload-dropzone strong{font-size:15px}.upload-dropzone span{color:var(--muted);font-size:12px}.import-divider{max-width:390px;margin:0 auto 16px;display:flex;align-items:center;gap:12px;color:#a1acbb;font-size:12px}.import-divider:before,.import-divider:after{content:"";height:1px;flex:1;background:var(--border)}.import-hint{margin-top:19px!important;color:var(--amber)!important;font-size:12px!important}.import-warning{max-width:390px;margin:12px auto 0;display:flex;align-items:flex-start;gap:7px;padding:10px 12px;border-radius:9px;color:#9a6a0a;background:var(--amber-soft);font-size:12px;line-height:1.5;text-align:left}.import-warning svg{flex:0 0 auto;margin-top:1px}.report-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left}.report-intro h2{margin:7px 0 6px;font-size:24px;letter-spacing:-.04em}.report-intro p{margin:0;color:var(--muted);font-size:13px}.report-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}.report-card{min-height:130px;padding:20px;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:1px solid var(--border);background:#f7f9fc}.report-card span{color:var(--muted);font-size:13px;font-weight:700}.report-card strong{font-size:34px;letter-spacing:-.05em}.report-blue strong{color:var(--blue)}.report-green{background:var(--green-soft);border-color:#c8ead7}.report-green strong{color:var(--green)}.report-amber{background:var(--amber-soft);border-color:#f1e2b9}.report-amber strong{color:var(--amber)}.report-yellow{background:#fff9e7;border-color:#f3dfad}.report-yellow strong{color:var(--yellow)}.report-dark strong{color:var(--ink)}.report-note{margin-top:20px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;text-align:left}.bottom-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;height:72px;display:flex;justify-content:center;gap:80px;padding:8px 20px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(225,232,240,.95);background:#fffffff0;box-shadow:0 -8px 24px #1834570f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-item{min-width:86px;border:0;background:transparent;color:#8794a5;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700}.nav-item.active,.nav-item:hover{color:var(--blue)}.toast{position:fixed;z-index:50;right:22px;bottom:92px;display:flex;align-items:center;gap:8px;padding:12px 15px;border-radius:11px;background:#142a43;color:#fff;box-shadow:0 15px 35px #0a1d3438;font-size:13px;font-weight:700}.toast-error{background:#9f3a32}.confirm-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1423366b}.confirm-dialog{width:min(420px,100%);display:grid;grid-template-columns:auto 1fr;gap:14px;padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 20px 60px #14264133}.confirm-dialog-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:var(--blue-soft)}.confirm-warning .confirm-dialog-icon{color:var(--amber);background:var(--amber-soft)}.confirm-danger .confirm-dialog-icon{color:#bd4b5b;background:#fff0f1}.confirm-dialog-copy h2{margin:1px 0 7px;color:var(--ink);font-size:18px;letter-spacing:-.025em}.confirm-dialog-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.confirm-dialog-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.confirm-action-danger{background:#b9404c;box-shadow:0 6px 16px #b9404c33}.confirm-action-danger:hover{background:#9e2f3a}.confirm-action-warning{background:var(--amber);box-shadow:0 6px 16px #c58a1433}.confirm-action-warning:hover{background:#a97509}.primary-button:disabled,.secondary-button:disabled{opacity:.62;cursor:not-allowed;transform:none}.drawer-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#1423364d}.task-drawer{width:min(480px,100%);height:100%;display:flex;flex-direction:column;background:#fff;box-shadow:-12px 0 35px #14264129}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 25px 20px;border-bottom:1px solid var(--border)}.drawer-header h2{margin:6px 0 0;font-size:24px}.drawer-body{flex:1;overflow-y:auto;padding:23px 25px}.drawer-body label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:#5a687b;font-size:12px;font-weight:800}.drawer-body input,.drawer-body textarea{width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:8px;outline:0;color:var(--ink);background:#fbfcfe}.drawer-body input:focus,.drawer-body textarea:focus{border-color:#75a9df;box-shadow:0 0 0 3px #0b5cab1a}.drawer-customer{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;color:var(--ink);font-size:18px;font-weight:900}.drawer-customer span{align-self:center;padding:4px 8px;border-radius:7px;background:var(--blue-soft);color:var(--blue);font-size:11px}.date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.date-grid label{min-width:0}.completed-stamp{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:8px;color:var(--green);background:var(--green-soft);font-size:12px;font-weight:700}.drawer-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 25px;border-top:1px solid var(--border)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#eaf3ff,#f4f7fb 48%,#eef3f8)}.auth-card{width:min(430px,100%);padding:36px 34px 28px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 24px 60px #15375b1f}.auth-mark{margin-bottom:21px;border:0;background:var(--blue);color:#fff;box-shadow:0 10px 22px #0b5cab33}.auth-card h1{margin:8px 0 7px;color:var(--ink);font-size:29px;letter-spacing:-.045em}.auth-intro{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:26px 0 20px;padding:4px;border-radius:10px;background:#eaf0f7}.auth-tabs button{padding:9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;font-weight:800}.auth-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 2px 7px #18365b14}.auth-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;color:#5a687b;font-size:12px;font-weight:800}.auth-form input{width:100%;padding:12px;border:1px solid var(--border);border-radius:9px;outline:0;color:var(--ink);background:#fbfcfe}.auth-form input:focus{border-color:#75a9df;box-shadow:0 0 0 3px #0b5cab1a}.auth-submit{width:100%;margin-top:4px}.auth-message{margin:8px 0 13px;padding:10px 11px;border-radius:8px;font-size:12px;line-height:1.5}.auth-error{color:#9f3a32;background:#fff1ef}.auth-success{color:var(--green);background:var(--green-soft)}.auth-footnote{margin:18px 0 0;color:#9aa7b7;font-size:11px;line-height:1.6}.loading-card{display:grid;justify-items:center;text-align:center}.loading-card h1{margin-top:0}.loading-card p{margin:0;color:var(--muted);font-size:13px}.loading-spinner{width:20px;height:20px;margin-top:19px;border:2px solid #dce8f5;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 760px){.app-shell{padding-bottom:82px}.topbar-inner,.main-content{width:min(100% - 28px,600px)}.topbar-inner{padding:18px 0 58px;align-items:flex-start}.brand-name{font-size:19px}.brand-caption{font-size:11px}.brand-mark{width:35px;height:35px;border-radius:10px}.topbar-actions{align-items:flex-end;flex-direction:column;gap:7px}.week-select-wrap{padding:8px 9px}.week-select-wrap select{max-width:96px;font-size:11px}.account-actions{max-width:150px}.account-email{display:none}.mode-badge{padding:5px 7px;font-size:10px}.logout-button{padding:5px 7px}.main-content{margin-top:-30px}.summary-panel{grid-template-columns:repeat(2,1fr);border-radius:14px}.summary-item{min-height:84px;padding:15px 17px}.summary-item:nth-child(2){border-right:0}.summary-item:nth-child(-n+2){border-bottom:1px solid var(--border)}.summary-item strong{font-size:25px}.summary-item span{font-size:12px}.section-heading{padding:29px 0 18px;align-items:flex-end}.section-heading h1{font-size:28px}.section-heading p{font-size:12px}.heading-actions .icon-button{display:none}.primary-button.compact{padding:9px 11px;font-size:12px}.task-toolbar{align-items:stretch;flex-direction:column;gap:10px}.segmented-control{width:100%}.segmented-control button{flex:1;min-width:0}.toolbar-tools{width:100%}.search-box{min-width:0;flex:1}.filter-button{padding-inline:10px}.task-card{padding:16px 14px 14px;border-radius:13px}.task-card-top{align-items:flex-start}.task-ident{gap:8px}.order-no{font-size:14px}.task-ident h2{max-width:180px;font-size:15px}.status-label{font-size:11px;padding:4px 7px}.task-meta{gap:8px 14px;margin-top:11px;font-size:12px}.stage-row{gap:5px;align-items:flex-end}.stage{min-width:0;flex:1}.stage-label{font-size:11px}.stage-value{gap:3px;font-size:12px}.stage-state{font-size:10px}.stage-arrow{width:12px}.complete-button{min-width:67px;padding:9px 8px;font-size:12px}.task-note{font-size:11px}.bottom-nav{justify-content:space-around;gap:0;padding-inline:8px}.nav-item{min-width:74px}.report-panel,.import-panel,.empty-state{padding:38px 18px}.report-intro{align-items:flex-start;flex-direction:column}.report-intro h2{font-size:21px}.report-grid{grid-template-columns:repeat(2,1fr)}.report-card{min-height:102px;padding:15px}.report-card strong{font-size:28px}.date-grid{grid-template-columns:1fr}.drawer-body{padding:20px 18px}.drawer-header,.drawer-footer{padding-inline:18px}.auth-shell{padding:16px}.auth-card{padding:29px 22px 22px;border-radius:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}