:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#1f2937;background:#f3f6f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex:0 0 232px;background:#0f2842;color:#d8e7f4;padding:18px 14px}.brand{display:flex;align-items:center;gap:10px;min-height:52px;margin-bottom:18px;padding:0 8px}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#1f7ab7;color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:15px}.brand span{margin-top:3px;font-size:12px;color:#a8c4da}.nav-list{display:grid;gap:4px}.nav-item{display:flex;align-items:center;width:100%;gap:10px;height:38px;border:0;border-radius:6px;background:transparent;color:#c8d9e8;padding:0 10px;text-align:left;font-size:14px}.nav-item:hover,.nav-item.active{background:#1e4569;color:#fff}.main{flex:1;min-width:0;padding:18px 22px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h1{margin:0;color:#142235;font-size:24px;line-height:1.25}.topbar p{margin:5px 0 0;color:#64748b;font-size:13px}.topbar-actions{display:flex;align-items:center;gap:8px}.search-box{display:flex;align-items:center;gap:8px;width:260px;height:36px;padding:0 10px;border:1px solid #d5dee8;border-radius:6px;background:#fff;color:#718096}.search-box input{width:100%;border:0;outline:0;font-size:13px}.icon-button,.user-chip,.logout-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid #d5dee8;border-radius:6px;background:#fff;color:#334155}.user-chip{gap:7px;padding:0 10px;font-size:13px}.logout-button{gap:7px;padding:0 12px;font-size:13px;font-weight:700}.logout-button:hover{border-color:#f2b8b8;background:#fff5f5;color:#b91c1c}.page-stack{display:grid;gap:14px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.metric-card{display:flex;align-items:center;gap:12px;min-height:82px;padding:16px;border:1px solid #dbe4ee;border-radius:8px;background:#fff}.metric-card strong,.metric-card span{display:block}.metric-card strong{color:#0f172a;font-size:22px;line-height:1.2}.metric-card span{margin-top:3px;color:#64748b;font-size:13px}.metric-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:8px}.metric-icon.blue{background:#e8f3fb;color:#1f7ab7}.metric-icon.red{background:#feeaea;color:#dc2626}.metric-icon.orange{background:#fff2df;color:#d97706}.metric-icon.green{background:#e7f7ef;color:#168653}.quick-actions{display:flex;justify-content:flex-end;gap:8px}.quick-actions.left{justify-content:flex-start}.quick-actions button,.primary,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid #1f7ab7;border-radius:6px;background:#1f7ab7;color:#fff;padding:0 12px;font-size:13px;font-weight:600}.small-button{min-height:30px;border-color:#d3e4f3;background:#f8fbfe;color:#1f5f91}.primary.full{width:100%;min-height:40px}.primary:disabled{cursor:not-allowed;opacity:.65}.two-column,.table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.table-grid .table-panel:last-child{grid-column:1 / -1}.panel{min-width:0;border:1px solid #dbe4ee;border-radius:8px;background:#fff}.panel-title{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px;border-bottom:1px solid #e5edf5}.panel-title h2{margin:0;color:#172033;font-size:15px}.panel-title span{color:#64748b;font-size:12px}.task-list{display:grid}.task-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px;padding:12px 14px;border-bottom:1px solid #edf2f7}.task-row:last-child{border-bottom:0}.task-row.overdue{background:snow}.dormant-panel{border-color:#f5caca}.dormant-list{display:grid}.dormant-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:12px 14px;border-bottom:1px solid #edf2f7;background:snow}.dormant-row:last-child{border-bottom:0}.dormant-row strong{color:#172033;font-size:14px}.dormant-row p{margin:6px 0 0;color:#64748b;font-size:12px}.dormant-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.task-main{display:flex;align-items:center;gap:8px}.task-main strong{color:#172033;font-size:14px}.task-row p{margin:6px 0 0 16px;color:#64748b;font-size:12px}.priority{display:inline-block;width:8px;height:8px;border-radius:99px;background:#94a3b8}.priority.high{background:#dc2626}.priority.normal{background:#d97706}.priority.low{background:#168653}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}th{height:40px;background:#f7fafc;color:#5c6f82;font-weight:700;text-align:left;white-space:nowrap}td,th{padding:0 12px;border-bottom:1px solid #edf2f7}td{height:46px;color:#263648;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}.empty,.empty-cell{color:#94a3b8;padding:18px 14px;text-align:center;font-size:13px}.split-page{display:grid;grid-template-columns:390px minmax(0,1fr);gap:14px}.list-rows{display:grid}.customer-row{width:100%;border:0;border-bottom:1px solid #edf2f7;background:#fff;padding:12px 14px;text-align:left}.customer-row:hover,.customer-row.selected{background:#f1f8fd}.customer-row strong,.customer-row span{display:block}.customer-row strong{color:#172033;font-size:14px}.customer-row>span{margin:6px 0 8px;color:#64748b;font-size:12px}.customer-row div{display:flex;gap:6px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.wide{grid-column:1 / -1}.info-item{padding:12px;border:1px solid #edf2f7;border-radius:6px;background:#fbfdff}.info-item span,.info-item strong{display:block}.info-item span{color:#64748b;font-size:12px}.info-item strong{margin-top:6px;color:#1f2937;font-size:14px;line-height:1.45}.inline-form,.toolbar-form{display:grid;gap:10px;padding:14px;border-top:1px solid #e5edf5}.toolbar-form{grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) minmax(120px,.8fr) minmax(170px,.9fr) auto;align-items:center;border:1px solid #dbe4ee;border-radius:8px;background:#fff}.inline-form h3{margin:0;color:#172033;font-size:14px}.inline-form input,.toolbar-form input,.toolbar-form select,.wide-select,.login-panel input,.login-panel select{width:100%;min-height:36px;border:1px solid #d5dee8;border-radius:6px;background:#fff;color:#1f2937;padding:0 10px;font-size:13px;outline:0}.status-chip{display:inline-flex;align-items:center;height:24px;border-radius:5px;padding:0 8px;font-size:12px;font-weight:700;white-space:nowrap}.status-chip.success{background:#e7f7ef;color:#168653}.status-chip.warning{background:#fff2df;color:#a85e00}.status-chip.danger{background:#feeaea;color:#dc2626}.status-chip.neutral{background:#eef2f7;color:#52667a}.link-button{border:0;background:transparent;color:#1f7ab7;padding:0;font-size:13px;font-weight:700}.link-button.muted{color:#64748b}.danger-link{color:#dc2626}.row-actions{display:flex;gap:10px;white-space:nowrap}.user-management-panel table{min-width:920px;table-layout:auto}.user-management-panel th:last-child,.user-management-panel td:last-child{width:230px}.login-page{display:grid;min-height:100vh;place-items:center;background:#eef4f9;padding:20px}.login-panel{width:min(420px,100%);display:grid;gap:14px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;padding:24px;box-shadow:0 18px 60px #0f28421f}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:4px}.login-brand h1{margin:0;color:#132238;font-size:22px}.login-brand p{margin:6px 0 0;color:#64748b;font-size:13px}.login-panel label{display:grid;gap:7px;color:#405166;font-size:13px;font-weight:700}.form-error{border:1px solid #fecaca;border-radius:6px;background:#fff5f5;color:#b91c1c;padding:9px 10px;font-size:13px}.form-success{margin:12px 14px 0;border:1px solid #bbf7d0;border-radius:6px;background:#f0fdf4;color:#15803d;padding:9px 10px;font-size:13px}.settings-error{margin:12px 14px 0}.table-input{width:100%;min-height:32px;border:1px solid #d5dee8;border-radius:6px;background:#fff;color:#1f2937;padding:0 8px;font-size:13px;outline:0}.account-hints{display:grid;gap:8px;border-top:1px solid #e5edf5;padding-top:12px}.account-hints strong{color:#64748b;font-size:12px}.account-hints div{display:flex;flex-wrap:wrap;gap:6px}.account-hints button{min-height:28px;border:1px solid #d5dee8;border-radius:6px;background:#f8fbfe;color:#1f5f91;padding:0 8px;font-size:12px}.settings-current-user{display:grid;gap:5px;padding:14px}.settings-current-user strong{color:#172033;font-size:16px}.settings-current-user span{color:#64748b;font-size:13px}.permission-notice{margin:0 14px 14px;border:1px solid #fed7aa;border-radius:6px;background:#fff7ed;color:#9a3412;padding:10px 12px;font-size:13px;line-height:1.5}.permission-notice strong{color:#7c2d12}@media(max-width:1100px){.sidebar{width:72px;flex-basis:72px}.brand div:last-child,.nav-item span{display:none}.metric-grid,.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-page,.two-column{grid-template-columns:1fr}.toolbar-form{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app-shell{display:block}.sidebar{width:100%;display:flex;overflow-x:auto;padding:10px}.brand{flex:0 0 auto;margin:0 8px 0 0}.nav-list{display:flex;gap:6px}.nav-item{width:auto;white-space:nowrap}.main{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;flex-wrap:wrap}.search-box{width:100%}.metric-grid,.table-grid,.toolbar-form,.detail-grid{grid-template-columns:1fr}.quick-actions{justify-content:flex-start;flex-wrap:wrap}.dormant-row,.dormant-actions{align-items:flex-start;flex-direction:column}}