:root{--bg: #f4f7fb;--surface: #ffffff;--surface-soft: #f8fafc;--surface-strong: #eef4ff;--ink: #111827;--muted: #64748b;--muted-strong: #334155;--line: #e2e8f0;--line-strong: #cbd5e1;--sidebar: #111827;--sidebar-soft: #1f2937;--sidebar-line: #334155;--sidebar-ink: #f8fafc;--sidebar-muted: #cbd5e1;--accent: #2563eb;--accent-dark: #1d4ed8;--accent-soft: #eff6ff;--green: #059669;--red: #dc2626;--amber: #b45309;--teal: #0891b2;--indigo: #4f46e5;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 12px 28px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 70px rgba(15, 23, 42, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;letter-spacing:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:32px 32px,32px 32px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 74%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 74%)}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}input,select,textarea{width:100%;min-height:34px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;padding:7px 10px;color:var(--ink)}input:disabled,select:disabled,textarea:disabled{color:var(--muted-strong);background:var(--surface-soft);cursor:not-allowed}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb24}.input-suffix{position:relative;display:flex;align-items:center}.input-suffix input{padding-right:34px}.input-suffix span{position:absolute;right:11px;color:var(--muted-strong);font-weight:800;pointer-events:none}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;font-size:12px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}th{color:var(--muted-strong);background:#f8fafc;font-weight:800;white-space:nowrap}.sort-button{min-height:26px;border:0;background:transparent;color:inherit;padding:0;font-weight:900;display:inline-flex;align-items:center;gap:4px}.sort-button:hover{color:var(--accent-dark)}.sort-mark{color:#94a3b8;font-size:10px;line-height:1}.sort-mark.active{color:var(--accent-dark)}td{background:#fff}.order-select-col{width:44px}.order-time-col{width:96px}.order-submitter-col{width:108px}.order-project-col{width:120px}.order-room-col{width:128px}.order-channel-col{width:130px}.order-no-col{width:150px}.order-product-code-col{width:110px}.order-product-name-col{width:260px}.order-money-col{width:112px}.order-count-col{width:76px}.order-status-col{width:140px}.order-settlement-term-col{width:160px}.order-profit-col{width:112px}.order-note-col{width:240px}.order-note-cell{min-width:220px;max-width:260px;white-space:normal;word-break:break-word;line-height:1.45}.order-configurable-header{position:relative;padding-right:18px;-webkit-user-select:none;user-select:none;cursor:grab}.order-configurable-header:active{cursor:grabbing}.order-header-label{display:inline-flex;align-items:center;min-width:0}.order-column-resize-handle{position:absolute;top:0;right:0;width:9px;height:100%;cursor:col-resize;touch-action:none}.order-column-resize-handle:after{content:"";position:absolute;top:14px;bottom:14px;left:4px;width:1px;border-radius:999px;background:#cbd5e1;opacity:.75}.order-column-resize-handle:hover:after,.order-column-resize-handle:focus-visible:after{background:var(--accent);opacity:1}tr:hover td{background:#f7fbff}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:#f5f8fc;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px);background-size:36px 36px,36px 36px}.login-card{width:min(380px,calc(100vw - 32px));padding:32px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:#fff;box-shadow:var(--shadow-lg)}.brand-mark{width:44px;height:44px;margin:0 auto 12px;display:grid;place-items:center;border-radius:8px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--teal));box-shadow:0 12px 28px #2563eb38}.login-card h1{margin:0;text-align:center;font-size:24px}.login-card p{margin:4px 0 24px;text-align:center;color:var(--muted)}.login-footer{color:var(--muted);font-size:12px}.login-footer a{color:var(--muted-strong);text-decoration:none}.login-footer a:hover{color:var(--accent-dark);text-decoration:underline}.error{margin-top:12px;color:var(--red);text-align:center;font-size:12px}.app-shell{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar{position:relative;width:var(--sidebar-width, 216px);min-width:156px;max-width:320px;flex:0 0 var(--sidebar-width, 216px);display:flex;flex-direction:column;gap:14px;padding:16px;color:var(--sidebar-muted);background:var(--sidebar);border-right:1px solid var(--sidebar-line);box-shadow:10px 0 28px #0f172a1a}.sidebar-resize-handle{position:absolute;top:0;right:-5px;width:10px;height:100%;border:0;border-radius:0;padding:0;background:transparent;cursor:ew-resize;touch-action:none;z-index:5}.sidebar-resize-handle:after{content:"";position:absolute;top:18px;bottom:18px;left:4px;width:2px;border-radius:999px;background:#94a3b899;opacity:.55}.sidebar-resize-handle:hover:after,.sidebar-resize-handle:focus-visible:after{background:#93c5fd;opacity:1}.sidebar-resizing{cursor:ew-resize;-webkit-user-select:none;user-select:none}.sidebar h1{margin:0;color:var(--sidebar-ink);font-size:22px}.user-badge{padding:10px 12px;border:1px solid rgba(148,163,184,.28);border-radius:8px;background:#ffffff0f;color:var(--sidebar-muted);line-height:1.45}.user-badge strong{color:var(--sidebar-ink)}.nav{display:grid;gap:6px}.nav-btn,.logout-btn{min-height:36px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--sidebar-muted);text-align:left;padding:8px 10px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.nav-btn:hover,.logout-btn:hover{background:#ffffff14;color:var(--sidebar-ink);transform:translate(2px)}.nav-btn.active{background:#2563eb38;color:#dbeafe;border-color:#60a5fa57;box-shadow:inset 3px 0 0 var(--accent)}.logout-btn{color:#fecdd3;margin-top:auto}.version{color:#94a3b8;text-align:center;font-size:11px}.main{flex:1;min-width:0;padding:20px;overflow:auto}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.page-header h2{margin:0;font-size:22px}.page-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-action-cell{min-width:216px}.product-action-col-admin{width:216px}.product-action-col-user{width:88px}.product-action-cell-user{width:88px;min-width:88px}.product-action-cell-user .product-actions{justify-content:flex-start}.product-actions{flex-wrap:nowrap;gap:6px}.product-actions .btn{min-height:28px;padding:4px 8px;border-radius:7px;font-size:11px}.product-loading-panel{min-height:92px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--muted-strong);font-weight:800}.product-loading-spinner{width:18px;height:18px;border:2px solid #cbd5e1;border-top-color:var(--accent);border-radius:50%;animation:product-loading-spin .8s linear infinite}@keyframes product-loading-spin{to{transform:rotate(360deg)}}.order-loading-panel{min-height:92px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--muted-strong);font-weight:800}.order-loading-spinner{width:18px;height:18px;border:2px solid #cbd5e1;border-top-color:var(--primary);border-radius:50%;animation:order-loading-spin .8s linear infinite}@keyframes order-loading-spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.card:hover{border-color:#d3deec;box-shadow:var(--shadow-md)}.table-wrap{overflow:auto;scrollbar-gutter:stable}.fixed-horizontal-scroll{position:fixed;bottom:12px;height:24px;padding:5px;z-index:30;border:1px solid var(--line-strong);border-radius:6px;background:#fffffff5;box-shadow:var(--shadow-md);pointer-events:auto}.fixed-horizontal-scroll-track,.fixed-vertical-scroll-track{position:relative;width:100%;height:100%;border-radius:999px;background:#e2e8f0;cursor:pointer}.fixed-horizontal-scroll-thumb,.fixed-vertical-scroll-thumb{position:absolute;border-radius:999px;background:#64748b;box-shadow:0 1px 4px #0f172a38;cursor:grab;touch-action:none}.fixed-horizontal-scroll-thumb{top:0;bottom:0;left:0}.fixed-vertical-scroll{position:fixed;right:10px;width:24px;padding:5px;z-index:30;border:1px solid var(--line-strong);border-radius:6px;background:#fffffff5;box-shadow:var(--shadow-md);pointer-events:auto}.fixed-vertical-scroll-thumb{top:0;left:0;right:0}.fixed-horizontal-scroll-thumb:hover,.fixed-vertical-scroll-thumb:hover,.fixed-horizontal-scroll-thumb:active,.fixed-vertical-scroll-thumb:active{background:var(--muted-strong);cursor:grabbing}.account-filter-toolbar{flex:1;min-width:280px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(120px,150px) minmax(120px,150px);gap:8px;align-items:center}.account-search-field,.account-filter-select{min-height:36px}.empty-cell{height:72px;color:var(--muted);text-align:center}.btn{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a1a}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb2e,0 10px 22px #0f172a1a}.btn:active{transform:translateY(0) scale(.99);box-shadow:none}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.btn-primary{color:#fff;background:linear-gradient(180deg,#2f6df6,var(--accent));border-color:#1d4ed873;box-shadow:0 8px 18px #2563eb2e}.btn-dark{color:#fff;background:linear-gradient(180deg,#1f2937,#111827);border-color:#1118277a}.btn-green{color:#fff;background:linear-gradient(180deg,#10a574,var(--green));border-color:#0596696b}.btn-red{color:#fff;background:linear-gradient(180deg,#ef4444,var(--red));border-color:#dc26266b}.btn-purple{color:#fff;background:linear-gradient(180deg,#6366f1,var(--indigo));border-color:#4f46e56b}.btn-blue-soft,.btn-green-soft,.btn-red-soft,.btn-amber-soft,.btn-muted{background:#fff;border-color:var(--line)}.btn-blue-soft{color:var(--accent-dark)}.btn-green-soft{color:var(--green)}.btn-red-soft{color:var(--red)}.btn-amber-soft{color:var(--amber)}.btn-muted{color:var(--muted-strong);background:var(--surface-soft)}.btn-blue-soft:hover{background:var(--accent-soft);border-color:#2563eb38}.btn-green-soft:hover{background:#ecfdf5;border-color:#05966933}.btn-red-soft:hover{background:#fff1f2;border-color:#dc262633}.btn-amber-soft:hover{background:#fffbeb;border-color:#b4530933}.btn-muted:hover{background:#eef2f7;border-color:var(--line-strong)}.field-sm{width:auto;min-width:120px;max-width:220px}.filter-check-dropdown{position:relative;width:150px}.filter-check-dropdown summary{list-style:none}.filter-check-dropdown summary::-webkit-details-marker{display:none}.filter-select-button{width:150px;min-height:34px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:8px;padding:6px 9px;background:#fff;color:var(--ink);cursor:pointer;font-size:12px;line-height:1.35}.filter-select-button span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-select-caret{flex:0 0 auto;color:var(--muted);font-size:14px;line-height:1}.filter-check-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:220px;max-height:260px;overflow:auto;display:grid;gap:3px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 14px 36px #0f172a29}.filter-check-option{display:flex;align-items:center;gap:8px;min-height:30px;padding:5px 6px;border-radius:6px;color:var(--ink);cursor:pointer;font-size:12px}.filter-check-option:hover{background:#f8fafc}.filter-check-option input{width:auto;min-height:auto;flex:0 0 auto}.filter-clear{justify-self:start;margin-top:4px;font-size:12px}.filter-combo{position:relative}.filter-combo-control{position:relative;width:170px;min-height:34px;display:flex;align-items:center}.filter-combo-input{width:100%;min-width:0;min-height:34px;padding:7px 34px 7px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--ink);font-size:12px;line-height:1.35}.filter-combo-input::placeholder{color:#94a3b8}.filter-combo-input.has-selection::placeholder{color:var(--ink);opacity:1;font-weight:800}.filter-combo.open .filter-combo-input,.filter-combo-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb24}.filter-combo-toggle{position:absolute;right:5px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);padding:0}.filter-combo-toggle:hover{background:#f1f5f9;color:var(--muted-strong)}.filter-combo-menu{position:absolute;z-index:45;top:calc(100% + 7px);left:0;min-width:220px;max-height:280px;overflow:auto;display:grid;gap:3px;padding:8px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;box-shadow:0 18px 46px #0f172a29}.filter-combo-option{position:relative;width:100%;min-height:32px;display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:var(--muted-strong);padding:6px 9px;font-size:12px;font-weight:700;text-align:left}.filter-combo-option:hover{background:#f8fafc}.filter-combo-option input{position:absolute;width:1px;min-height:1px;opacity:0;pointer-events:none}.filter-combo-check{width:14px;flex:0 0 14px;color:currentColor;font-weight:900;visibility:hidden}.filter-combo-option.selected{background:#4f93f7;color:#fff}.filter-combo-option.selected .filter-combo-check{visibility:visible}.filter-combo-empty{padding:8px 10px;color:#94a3b8;font-size:12px}.order-search-field{min-width:220px;max-width:280px;min-height:56px;line-height:1.35}.product-cell{display:inline-flex;align-items:center;gap:8px;min-width:0}.order-time-cell{width:92px;white-space:nowrap}.order-time-cell span,.order-time-cell small{display:block;line-height:1.35}.order-time-cell small{font-size:11px}.order-product-cell{min-width:220px;max-width:320px}.order-product-cell span{line-height:1.45;white-space:normal}.thumb{display:inline-block;width:42px;height:42px;flex:0 0 42px;border-radius:6px;border:1px solid var(--line);object-fit:cover;background:#f8fafc}.thumb-shipment{width:52px;height:52px}.thumb-clickable{cursor:zoom-in}.thumb-clickable:hover{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb24}.image-strip{display:flex;flex-wrap:wrap;gap:10px}.image-tile{width:96px;display:grid;gap:6px}.image-tile img{width:96px;height:96px;border-radius:8px;border:1px solid var(--line);object-fit:cover;background:#f8fafc}.image-remove{min-height:26px;border:1px solid #fecdd3;border-radius:6px;background:#fff1f2;color:var(--red);font-size:11px;font-weight:800}.paste-upload-zone{border-radius:8px}.upload-control-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.upload-control-row input[type=file]{flex:1 1 220px;min-width:0}.paste-upload-target{flex:0 0 auto;min-height:34px;border:1px dashed rgba(37,99,235,.42);border-radius:8px;background:#eff6ff;color:var(--accent-dark);padding:7px 12px;font-size:12px;font-weight:800;white-space:nowrap}.paste-upload-target:hover,.paste-upload-target:focus{border-color:var(--accent);background:#dbeafe;outline:none}.paste-upload-target:disabled{cursor:not-allowed;opacity:.55;border-color:var(--line-strong);background:#f8fafc;color:var(--muted)}.paste-upload-zone:focus-within,.paste-upload-zone:focus{outline:2px solid rgba(37,99,235,.28);outline-offset:3px}.permission-panel{display:grid;gap:10px;margin-top:14px}.permission-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.permission-list{display:grid;gap:8px;max-height:280px;overflow:auto;padding-right:4px}.permission-groups{max-height:360px}.permission-group-card{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.permission-group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--line)}.permission-group-settlement{display:grid;grid-template-columns:minmax(150px,180px) minmax(160px,1fr);gap:8px;align-items:start;padding:8px;border-radius:8px;background:var(--surface-soft)}.permission-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,180px) minmax(80px,120px) minmax(220px,2fr);gap:8px;align-items:center}.performer-assignment{display:grid;gap:4px;min-width:0}.performer-checks{display:flex;flex-wrap:wrap;gap:4px 10px;min-width:0}.check-label{display:inline-flex;align-items:center;gap:8px;min-height:34px}.image-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:48px 20px 24px;background:#0f172ad1}.image-preview-img{max-width:min(960px,96vw);max-height:86vh;border-radius:8px;object-fit:contain;background:#fff;box-shadow:0 28px 90px #0000006b}.image-preview-close{position:fixed;top:16px;right:16px;min-height:34px;border:1px solid rgba(255,255,255,.34);border-radius:8px;color:#fff;background:#0f172ab8;padding:7px 12px;font-size:12px;font-weight:800}.filter-panel{position:relative;z-index:2;overflow:visible;padding:12px;margin-bottom:12px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.filter-group{display:flex;align-items:center;gap:6px}.filter-group label{color:var(--muted);font-size:11px;white-space:nowrap}.wide-field{width:180px}.summary{color:var(--muted);font-size:12px}.summary-line{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap}.summary-line .summary{flex:1 1 420px;min-width:0}.summary-counts{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.summary-count{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:var(--muted-strong);font-weight:800}.summary-count.filtered{border-color:#bfdbfe;background:#eff6ff;color:var(--accent-dark)}.filter-insights{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:7px 12px;align-items:center;margin-left:auto;justify-content:flex-end;text-align:right}.filter-insight-item{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}.filter-insight-label{color:var(--muted);font-size:12px;font-weight:800}.filter-insight-value{color:var(--ink);font-size:13px;line-height:1.1;font-weight:900;white-space:nowrap}.filter-insight-item.tone-green .filter-insight-value{color:var(--green)}.filter-insight-item.tone-blue .filter-insight-value{color:var(--accent-dark)}.filter-insight-item.tone-cyan .filter-insight-value{color:var(--teal)}.filter-insight-item.tone-indigo .filter-insight-value{color:var(--indigo)}.filter-insight-status{color:var(--muted);font-size:12px;font-weight:800}.cell-note{display:block;margin-top:3px;color:var(--amber);font-size:11px;font-weight:800;line-height:1.25}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 9px 3px 7px;border:1px solid transparent;font-size:11px;font-weight:800;white-space:nowrap;line-height:1.3}.tag:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:999px;background:currentColor;opacity:.9}.tag-blue{color:var(--accent-dark);background:#eff6ff;border-color:#dbeafe}.tag-green{color:var(--green);background:#ecfdf5;border-color:#d1fae5}.tag-amber{color:var(--amber);background:#fffbeb;border-color:#fde68a}.tag-red{color:var(--red);background:#fff1f2;border-color:#fecdd3}.tag-gray{color:var(--muted);background:#f8fafc;border-color:var(--line)}.tag-teal{color:var(--teal);background:#ecfeff;border-color:#cffafe}.tag-orange{color:var(--amber);background:#fff7ed;border-color:#fed7aa}.tag-purple,.tag-indigo{color:var(--indigo);background:#eef2ff;border-color:#e0e7ff}.tag-slate{color:var(--muted-strong);background:#f1f5f9;border-color:var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;margin-bottom:14px}.metric{padding:16px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;inset:auto 16px 0;height:3px;border-radius:999px 999px 0 0;background:#dbeafe}.metric-label{color:var(--muted);margin-bottom:8px}.metric-value{font-size:24px;line-height:1.1;font-weight:900;color:var(--ink)}.metric-primary .metric-value{color:var(--accent-dark)}.metric-positive .metric-value{color:var(--green)}.metric-indigo .metric-value{color:var(--indigo)}.metric-amber .metric-value{color:var(--amber)}.metric-primary:after{background:var(--accent)}.metric-positive:after{background:var(--green)}.metric-indigo:after{background:var(--indigo)}.metric-amber:after{background:#d97706}.compact-stats{margin-bottom:14px}.dashboard-stat-grid{grid-template-columns:repeat(5,minmax(140px,1fr))}.analytics-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px;padding:14px}.analytics-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;margin-bottom:14px}.analytics-panel{min-width:0}.panel-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.analytics-heading-stacked{margin-bottom:10px}.dashboard-panel-tools{display:grid;gap:10px;margin-bottom:12px}.compact-filter{flex-wrap:wrap}.compact-filter .field-sm,.ranking-filter-row .field-sm{width:136px}.summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.summary-metrics>div{min-height:74px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.summary-metrics span{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}.summary-metrics strong{color:var(--ink);font-size:18px;line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}.settlement-summary-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:10px 0}.segmented{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.segmented button{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff;color:var(--muted-strong);font-weight:800;cursor:pointer}.segmented button.active{border-color:#bfdbfe;background:#eff6ff;color:var(--accent-dark)}.trend-line-panel{min-height:250px;display:grid;grid-template-rows:minmax(190px,1fr) auto;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fafc)}.trend-plot{position:relative;min-height:190px}.trend-plot svg{width:100%;height:180px;overflow:visible}.trend-grid-line{fill:none;stroke:#e2e8f0;stroke-width:.35;vector-effect:non-scaling-stroke}.trend-line{fill:none;stroke:#2563eb;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.trend-dot{fill:#fff;stroke:#2563eb;stroke-width:1.15;vector-effect:non-scaling-stroke}.trend-point-label{position:absolute;z-index:1;max-width:68px;padding:2px 3px;border:1px solid #dbeafe;border-radius:6px;background:#ffffffeb;box-shadow:0 4px 12px #2563eb14;color:#1d4ed8;font-size:9px;font-weight:900;line-height:1.1;text-align:center;white-space:nowrap;pointer-events:none}.trend-point-label.above{transform:translate(-50%,-100%)}.trend-point-label.below{transform:translate(-50%)}.trend-axis{display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:4px;color:#94a3b8;font-size:10px;text-align:center}.mini-table-wrap{margin-top:12px;overflow:auto;border:1px solid var(--line);border-radius:8px}.mini-table{width:100%;min-width:720px;border-collapse:collapse;font-size:12px}.mini-table th,.mini-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.mini-table th{background:#f8fafc;color:var(--muted-strong);font-weight:900}.total-detail-wrap{overflow-x:auto}.total-detail-table{min-width:860px;table-layout:auto;font-size:10px}.total-detail-table th,.total-detail-table td{padding:8px 5px;font-size:10px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ranking-panel{min-width:0}.ranking-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.ranking-panel-header .panel-title{margin-bottom:0}.ranking-metric-select{min-width:126px;max-width:150px;height:32px;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:#fff;color:var(--muted-strong);font-size:12px;font-weight:800}.ranking-metric-select:focus{outline:none;border-color:#bfdbfe;box-shadow:0 0 0 3px #2563eb24}.ranking-filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.ranking-filter-row .btn{padding:8px 10px}.ranking-item{border-bottom:1px solid var(--line)}.ranking-item:last-child{border-bottom:0}.ranking-main{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:0;padding:11px 0;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.ranking-main span,.ranking-children span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-main strong{color:var(--accent-dark)}.ranking-children{display:grid;gap:6px;padding:0 0 10px 12px}.ranking-children>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;color:var(--muted-strong);font-size:12px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.panel{padding:16px}.panel-title{margin-bottom:14px;font-size:14px;font-weight:900;color:var(--ink)}.progress-row{margin-bottom:12px}.rank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.settlement-bills{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:14px}.settlement-bill{display:grid;gap:10px;padding:14px}.settlement-bill-group{display:grid;grid-column:1 / -1;gap:10px;min-width:0}.settlement-paid-toggle{display:flex;align-items:center;min-height:64px;padding:14px}.settlement-bill-main,.settlement-bill-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bill-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;color:var(--muted-strong);font-size:12px}.project-summary-row{display:flex;flex-wrap:wrap;gap:6px}.project-summary-row span{border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:#f8fafc;color:var(--muted-strong);font-size:11px;font-weight:800}.cell-input{width:96px;min-height:32px;border:1px solid var(--line);border-radius:7px;padding:5px 7px;background:#fff;color:var(--ink)}.cell-input.small{width:64px}.link-button{border:0;padding:0;background:transparent;color:var(--accent-dark);font-weight:800;cursor:pointer}.link-button:hover{text-decoration:underline}.rank-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-strong)}.progress-track{height:8px;margin-top:6px;overflow:hidden;border-radius:999px;background:#eef2f7}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#60a5fa);transition:width .28s ease}.progress-positive{background:linear-gradient(90deg,var(--green),#34d399)}.progress-amber{background:linear-gradient(90deg,#d97706,#fbbf24)}.progress-indigo{background:linear-gradient(90deg,var(--indigo),#818cf8)}.progress-teal{background:linear-gradient(90deg,var(--teal),#22d3ee)}.trend-grid{min-height:190px;display:grid;grid-template-columns:repeat(14,minmax(24px,1fr));align-items:end;gap:8px}.trend-item{color:#94a3b8;text-align:center;font-size:10px}.trend-bar{width:100%;min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#60a5fa,var(--accent));box-shadow:0 8px 16px #2563eb24;transition:height .28s ease,filter .18s ease}.trend-item:hover .trend-bar{filter:brightness(1.05)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#0f172a7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 42px);overflow:auto;background:#fff;border-radius:12px;border:1px solid rgba(226,232,240,.84);box-shadow:var(--shadow-lg);padding:22px;animation:modal-enter .18s ease both}.modal.wide{width:min(760px,calc(100vw - 32px))}.modal h3{margin:0 0 14px;font-size:18px}.form-grid{display:grid;gap:12px}.field-block{display:grid;gap:6px}.field-block label{color:var(--muted-strong);font-size:12px;font-weight:800}.field-block.has-error input,.field-block.has-error select,.field-block.has-error textarea{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b29}.validation-message{display:inline-flex;align-items:center;gap:6px;color:#92400e;font-size:12px;line-height:1.4}.validation-message span{width:16px;height:16px;display:inline-grid;place-items:center;border-radius:50%;background:#f59e0b;color:#fff;font-size:11px;font-weight:900}.inline-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{display:flex;gap:10px;margin-top:16px}.form-actions .btn{flex:1}.save-progress{display:grid;gap:7px;margin-top:14px}.inline-note{color:var(--muted);font-size:12px;line-height:1.5}.modal-note,.password-rule{margin:8px 0 12px;color:var(--muted-strong);font-size:12px;line-height:1.6}.password-rule{margin-bottom:0}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.check-item{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.check-item strong{display:block;margin-top:4px}.check-pass{color:var(--green)}.check-fail{color:var(--red)}.user-cards-panel{margin-bottom:12px}.user-cards-panel>.btn{margin-bottom:10px}.user-cards{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.user-card{padding:12px;border-left:3px solid var(--accent);text-align:left}.user-card:hover{transform:translateY(-2px)}.text-muted{color:var(--muted)}.text-danger{color:var(--red)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.nowrap{white-space:nowrap}.clickable{cursor:pointer;transition:filter .16s ease,transform .16s ease}.clickable:hover{filter:brightness(.96);transform:translateY(-1px)}.edit-trigger{display:inline-flex;align-items:center;gap:4px}.edit-icon{width:12px;height:12px;flex:0 0 12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;opacity:.72}.edit-trigger:hover .edit-icon{opacity:1}.empty{padding:28px;color:#94a3b8;text-align:center}@keyframes modal-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:980px){.app-shell{flex-direction:column}.sidebar{width:100%;max-width:none;flex:none;flex-direction:row;align-items:center;overflow-x:auto}.sidebar-resize-handle{display:none}.sidebar h1{flex:0 0 auto}.user-badge{min-width:136px}.nav{display:flex}.main{padding:12px}.stats-grid,.dashboard-grid,.dashboard-stat-grid,.analytics-layout,.ranking-grid,.summary-metrics,.filter-insights,.user-cards,.check-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.account-filter-toolbar{width:100%;grid-template-columns:1fr}.form-grid.two,.permission-group-settlement,.permission-row{grid-template-columns:1fr}}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.pagination-info{color:var(--muted-strong);font-size:14px;padding:0 8px}tr.group-first td{border-top:2px solid var(--line-strong)}.shipment-table th,.shipment-table td{text-align:center;vertical-align:middle}