:root{--bg:#f5f6f8;--white:#fff;--navy:#1a2340;--navy-light:#2c3a5e;--green:#3ab54a;--green-dark:#2a8f38;--green-light:#e8f7ea;--green-mid:#3ab54a26;--border:#e2e6ed;--text-primary:#1a2340;--text-secondary:#6b7591;--text-light:#9aa3b8;--amber-bg:#fff4e8;--amber-fg:#b85c00;--red-bg:#fff0f0;--red-fg:#c83f3f;--blue-bg:#eef1fb;--blue-fg:#4066d4;--shadow-sm:0 1px 3px #1a234014;--shadow-md:0 4px 16px #1a23401a;--shadow-lg:0 8px 32px #1a23401f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:DM Sans,system-ui,sans-serif}.navbar{background:var(--navy);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0003}.navbar-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-mark{flex-shrink:0;width:auto;height:36px}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{color:#fff;letter-spacing:.02em;font-size:20px;font-weight:600}.brand-tagline{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.navbar-right{align-items:center;gap:8px;display:flex}.nav-badge{background:var(--green-mid);color:#5dd46a;letter-spacing:.05em;border:1px solid #3ab54a4d;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.page{max-width:1100px;margin:0 auto;padding:40px 32px 60px}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.breadcrumb{color:var(--text-light);letter-spacing:.04em;margin-bottom:8px;font-size:12px}.breadcrumb span{color:var(--green)}.page-title{color:var(--navy);letter-spacing:-.5px;font-family:DM Serif Display,Georgia,serif;font-size:32px;font-weight:400}.stat-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:16px;padding:16px 24px;display:flex}.stat-icon{background:var(--green-light);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon svg{width:20px;height:20px;color:var(--green)}.stat-num{color:var(--navy);font-size:28px;font-weight:600;line-height:1;display:block}.stat-label{color:var(--text-secondary);margin-top:2px;font-size:12px}.card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:14px;padding:20px 24px}.card+.card{margin-top:20px}.card-head{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:14px;font-size:11px;font-weight:600}.btn{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .16s;display:inline-flex;box-shadow:0 2px 8px #3ab54a40}.btn:hover:not(:disabled){background:var(--green-dark)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{background:var(--white);color:var(--text-secondary);border:1.5px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:9px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.btn-ghost:hover{border-color:var(--green);color:var(--green)}.upload-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.file-input{min-width:220px;color:var(--text-secondary);flex:1;font-size:14px}.file-input::file-selector-button{background:var(--green-light);color:var(--green-dark);cursor:pointer;border:1px solid #c0e8c6;border-radius:8px;margin-right:12px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.file-input::file-selector-button:hover{background:#d4f0d8}.upload-status{color:var(--text-secondary);margin-top:12px;font-size:13px}.result-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{border:1px solid var(--border);border-radius:20px;padding:5px 11px;font-size:12px;font-weight:500}.chip-green{background:var(--green-light);color:var(--green-dark);border-color:#c0e8c6}.chip-blue{background:var(--blue-bg);color:var(--blue-fg);border-color:#d0d9f5}.chip-amber{background:var(--amber-bg);color:var(--amber-fg);border-color:#f5d3a8}.chip-gray{color:var(--text-light);border-color:var(--border);background:#f5f6f8}.controls-row{flex-wrap:wrap;align-items:flex-end;gap:16px;margin:22px 0 18px;display:flex}.daterange{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:11px;font-weight:600}.input{background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:9px;outline:none;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px #3ab54a1f}.tz-note{color:var(--text-light);margin-left:auto;font-size:12px}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-top:3px solid var(--green);border-radius:12px;padding:16px 18px}.kpi-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-size:11px;font-weight:600}.kpi-value{color:var(--navy);margin-top:6px;font-size:26px;font-weight:600;line-height:1.1}.chart-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.chart-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:14px;padding:20px 22px}.chart-title{color:var(--navy);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.chart-title:before{content:"";background:var(--green);border-radius:2px;width:8px;height:8px}.chart-loading{color:var(--text-light);text-align:center;padding:40px 0;font-size:13px}.data-table{border-collapse:collapse;width:100%}.data-table thead tr{border-bottom:1.5px solid var(--border);background:#f8f9fb}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:600}.data-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#f8fdf8}.data-table td{vertical-align:middle;padding:12px 14px;font-size:14px}.col-id{color:var(--navy);white-space:nowrap;font-weight:600}.badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-amber{background:var(--amber-bg);color:var(--amber-fg)}.badge-red{background:var(--red-bg);color:var(--red-fg)}.footer{text-align:center;color:var(--text-light);margin-top:48px;font-size:12px}@media (width<=860px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.chart-grid{grid-template-columns:1fr}}@media (width<=640px){.navbar{padding:0 16px}.nav-badge{display:none}.page{padding:24px 16px 40px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:24px}.stat-card{width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr)}.tz-note{margin-left:0}.input{font-size:16px}}