:root{color:#17231f;background:#f7faf8;font-family:Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #0f6f56;--accent-strong: #084b3a;--ink: #17231f;--muted: #65736e;--line: #d6e0dc;--surface: #ffffff;--soft: #f5f8f6;--warn: #b86a13;--danger: #b42318;--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7faf8}button,input,select{font:inherit}button{border:0}.shell{min-height:100vh}.login-panel{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:60px 28px;background:#fff}.brand-kicker,.eyebrow{margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{color:#0f172a;font-size:28px;line-height:1.2;letter-spacing:1px}h2{color:var(--ink);font-size:24px;line-height:1.16;letter-spacing:0}.login-card{width:100%;max-width:360px;display:grid;gap:48px;background:#fff}.login-form{display:grid;gap:24px}label{display:grid;gap:8px;color:#94a3b8;font-size:13px;font-weight:700;letter-spacing:1px}input,select{width:100%;min-width:0;height:44px;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;padding:0;background:#fff;color:#0f172a;outline:none}input:focus,select:focus{border-bottom-color:#10b981;box-shadow:none}.primary-btn,.ghost-btn{min-height:42px;border-radius:var(--radius);padding:0 14px;cursor:pointer;font-weight:900;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-btn{background:#10b981;color:#fff}.primary-btn:hover{background:#059669}.primary-btn:active,.ghost-btn:active{transform:translateY(1px)}.primary-btn:disabled,.ghost-btn:disabled{cursor:not-allowed;opacity:.6}.ghost-btn{border:1px solid #cbd8d3;background:#fff;color:#24332e}.compact{min-height:36px;padding:0 12px;font-size:13px}.error-text,.inline-error{color:var(--danger);font-size:13px;font-weight:800}.workspace{width:calc(100% - 24px);margin:0 auto;padding:16px 0 40px}.topbar,.toolbar,.notice,.summary-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:none}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px}.topbar h1{color:var(--ink);font-size:clamp(28px,4vw,46px)}.user-box{display:flex;align-items:center;gap:14px;text-align:right}.user-box strong,.user-box span{display:block}.user-box span{margin-top:4px;color:var(--muted);font-size:13px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.summary-tile{display:grid;gap:8px;min-height:82px;padding:14px 16px;border-left:4px solid transparent}.summary-tile span{color:var(--muted);font-size:13px;font-weight:900}.summary-tile strong{color:var(--ink);min-width:0;font-size:clamp(22px,3vw,34px);line-height:1.15;word-break:break-word}.summary-tile.primary{border-color:var(--accent);border-left-color:var(--accent);background:#f2faf7}.summary-tile.primary span,.summary-tile.primary strong{color:var(--accent-strong)}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:10px;padding:10px 12px}.toolbar-note{color:#40504a;font-size:14px;font-weight:900}.filters{display:grid;grid-template-columns:minmax(110px,150px) auto;gap:10px}.select-shell{position:relative;min-width:0}.select-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #cbd8d3;border-radius:var(--radius);padding:0 12px 0 14px;background:linear-gradient(180deg,#fffffff2,#f4faf7f2),#fff;color:#20342d;cursor:pointer;font-weight:900;box-shadow:inset 0 1px #fffc;transition:border-color .16s ease,background .16s ease,transform .16s ease}.select-trigger:hover,.select-trigger[aria-expanded=true]{border-color:#0f6f566b;background:#f1fbf6}.select-trigger:active{transform:translateY(1px)}.select-arrow{width:8px;height:8px;border-right:2px solid #668078;border-bottom:2px solid #668078;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}.select-trigger[aria-expanded=true] .select-arrow{transform:translateY(2px) rotate(225deg)}.select-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:min(220px,78vw);display:grid;gap:4px;border:1px solid rgba(199,216,209,.92);border-radius:10px;padding:6px;background:#fffffffa;box-shadow:0 16px 36px #28473c1f,0 1px #ffffffe6 inset}.select-option{min-height:48px;display:grid;gap:2px;border-radius:8px;padding:7px 10px;background:transparent;color:#22362f;cursor:pointer;text-align:left}.select-option span{font-size:14px;font-weight:900}.select-option small{color:#72847f;font-size:12px;font-weight:800}.select-option:hover{background:#f2faf7}.select-option.active{background:#e7f6f0;color:var(--accent-strong)}.select-option.active small{color:#4f776b}.inline-error,.empty{margin-top:16px;padding:14px 16px;border:1px solid #efc4bd;border-radius:var(--radius);background:#fff7f5}.empty{min-height:160px;display:grid;place-items:center;border-color:var(--line);background:var(--surface);color:var(--muted);font-weight:900;text-align:center}.notification-list{display:grid;gap:10px;margin-top:10px}.notice{padding:14px 16px 14px 18px;position:relative;overflow:hidden}.notice:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;height:auto;background:var(--accent)}.notice.done{background:#f8faf9}.notice-head,.notice-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.dept-name{margin-bottom:6px;color:var(--accent);font-size:13px;font-weight:900}.status-pill{flex:0 0 auto;border-radius:var(--radius);padding:6px 10px;background:#e8f5f0;color:var(--accent);font-size:12px;font-weight:900}.notice.done .status-pill{background:#eef2f1;color:var(--muted)}.order-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.order-meta span{display:grid;gap:3px;min-width:0;border-radius:var(--radius);padding:8px 10px;background:var(--soft);color:var(--ink);font-size:14px;font-weight:900;word-break:break-word}.order-meta b{color:var(--muted);font-size:12px}.products{display:grid;overflow:hidden;border:1px solid #e1e9e6;border-radius:var(--radius)}.product-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,180px) 74px;gap:10px;align-items:center;min-height:44px;padding:0 10px;border-bottom:1px solid #e1e9e6;color:#34433e;font-size:14px}.product-row:last-child{border-bottom:0}.product-row span{color:var(--muted)}.remark{margin-top:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;border-radius:var(--radius);padding:11px 12px;background:#fffaf0;color:#5a441d;font-size:16px;font-weight:900;line-height:1.5;word-break:break-word}.remark b{color:#8a6219;font-size:13px;line-height:24px;white-space:nowrap}.remark span{min-width:0}.notice-foot{margin-top:12px;color:var(--muted);font-size:13px;font-weight:800}@media (max-width: 980px){.toolbar{grid-template-columns:1fr}.filters{grid-template-columns:minmax(0,1fr) auto}.order-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.login-panel{padding:48px 28px}.workspace{width:min(100% - 12px,1480px);padding-top:8px}.topbar,.notice-head,.notice-foot{align-items:stretch;flex-direction:column}.user-box{justify-content:space-between;text-align:left}.summary-grid,.filters,.order-meta,.product-row{grid-template-columns:1fr}.select-menu{left:0;right:0;width:100%}.summary-tile{min-height:84px}.ghost-btn,.primary-btn{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}}