*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#222;font-size:14px}.layout{min-height:100vh;display:flex;flex-direction:column}.nav{background:#1a1a2e;color:#fff;padding:0 24px;display:flex;align-items:center;gap:0;height:52px;flex-shrink:0}.nav-brand{font-weight:700;font-size:15px;color:#fff;text-decoration:none;margin-right:24px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:2px;flex:1}.nav-link{color:#aab4c8;text-decoration:none;padding:6px 12px;border-radius:4px;font-size:13px;transition:background .15s,color .15s;white-space:nowrap}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{background:#ffffff24;color:#fff;font-weight:600}.nav-logout{margin-left:auto;background:none;border:1px solid rgba(255,255,255,.25);color:#aab4c8;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:13px;transition:background .15s,color .15s}.nav-logout:hover{background:#ffffff14;color:#fff}.page-content{flex:1;padding:24px;max-width:1400px;width:100%;margin:0 auto}.page-title{font-size:20px;font-weight:700;margin-bottom:4px}.page-subtitle{font-size:13px;color:#666;margin-bottom:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;cursor:pointer;transition:box-shadow .15s,border-color .15s;text-decoration:none;color:inherit;display:block}.kpi-card:hover{box-shadow:0 2px 12px #0000001a;border-color:#c0c4cf}.kpi-label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.kpi-value{font-size:32px;font-weight:700;line-height:1.1}.kpi-value.red{color:#dc3545}.kpi-value.blue{color:#2563eb}.kpi-value.green{color:#28a745}.kpi-value.orange{color:#e67e22}.kpi-trend{font-size:12px;color:#888;margin-top:6px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px 16px;align-items:center}.filter-bar label{font-size:12px;color:#555;font-weight:500;margin-right:4px}.filter-bar select,.filter-bar input{border:1px solid #d1d5db;border-radius:4px;padding:5px 8px;font-size:13px;background:#fff;color:#222}.filter-bar select:focus,.filter-bar input:focus{outline:2px solid #2563eb;outline-offset:0}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{background:#f8f9fa;padding:10px 12px;text-align:left;font-weight:600;color:#444;border-bottom:1px solid #e5e7eb;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.data-table thead th:hover{background:#eef0f3}.data-table thead th.num{text-align:right}.data-table tbody td{padding:8px 12px;border-bottom:1px solid #f0f0f0;white-space:nowrap}.data-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f9fafb}.cell-shortage{background:#fde8ea;color:#b91c2c;font-weight:600;border-radius:3px;padding:2px 6px;display:inline-block}.cell-excess{background:#dbeafe;color:#1d4ed8;font-weight:600;border-radius:3px;padding:2px 6px;display:inline-block}.cell-normal{color:#28a745;font-weight:500}tr.row-red td{background:#fff0f1}tr.row-yellow td{background:#fffbea}.badge{display:inline-block;border-radius:3px;padding:2px 7px;font-size:11px;font-weight:600;white-space:nowrap}.badge-red{background:#dc3545;color:#fff}.badge-yellow{background:#ffc107;color:#222}.badge-green{background:#28a745;color:#fff}.badge-gray{background:#6c757d;color:#fff}.badge-blue{background:#2563eb;color:#fff}.pagination{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:#555}.pagination button{border:1px solid #d1d5db;background:#fff;border-radius:4px;padding:5px 12px;cursor:pointer;font-size:13px;transition:background .12s}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button:not(:disabled):hover{background:#f3f4f6}.tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:color .15s,border-color .15s}.tab-btn:hover{color:#222}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:700}.count-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.count-card{border-radius:6px;padding:14px 16px;cursor:pointer;border:2px solid transparent;transition:opacity .15s,border-color .15s}.count-card.selected{border-color:#222}.count-card .count-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.count-card .count-value{font-size:28px;font-weight:700}.count-card.red{background:#fde8ea;color:#b91c2c}.count-card.yellow{background:#fffbea;color:#92400e}.count-card.blue{background:#dbeafe;color:#1d4ed8}.count-card.gray{background:#f3f4f6;color:#374151}.count-card.green{background:#d1fae5;color:#065f46}.loading-wrap{padding:48px 0;text-align:center;color:#888;font-size:14px}.error-wrap{padding:24px;background:#fde8ea;border-radius:6px;color:#b91c2c;font-size:13px}.notice-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:32px 40px;max-width:600px}.notice-box h2{font-size:16px;font-weight:700;margin-bottom:12px}.notice-box p{color:#555;line-height:1.7;margin-bottom:16px}.notice-box code,.code-block{display:block;background:#1a1a2e;color:#a8d8a8;font-family:Consolas,Menlo,monospace;font-size:13px;padding:16px;border-radius:6px;margin-bottom:12px;white-space:pre;overflow-x:auto}.notice-box ol{padding-left:20px;color:#444;line-height:2;font-size:13px}