:root{--bg: #F5F5F7;--bg-surface: #F5F5F7;--bg-card: #FFFFFF;--bg-card2: #FAFAFB;--bg-sidebar: #FFFFFF;--bg-elevated: #F5F5F7;--border: #ECECEC;--border-light: #F5F5F5;--border-strong: #E5E5EA;--text: #1D1D1F;--text-muted: #6E6E73;--text-dim: #8E8E93;--accent: #F3921B;--accent-dim: rgba(243,146,27,.1);--accent-glow: rgba(243,146,27,.18);--accent-border: rgba(243,146,27,.4);--navy: #293452;--navy-dim: rgba(41,52,82,.08);--danger: #FF3B30;--danger-dim: rgba(255,59,48,.1);--warning: #FF9F0A;--warning-dim: rgba(255,159,10,.1);--blue: #0071E3;--blue-dim: rgba(0,113,227,.1);--purple: #5856D6;--purple-dim: rgba(88,86,214,.1);--green: #1F9254;--green-dim: rgba(31,146,84,.1);--radius: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow: 0 1px 3px rgba(0,0,0,.04), 0 0 0 1px rgba(0,0,0,.02);--shadow-lg: 0 20px 60px rgba(0,0,0,.14), 0 0 0 1px rgba(0,0,0,.04);--shadow-accent: 0 8px 24px rgba(243,146,27,.24);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Helvetica,Arial,sans-serif;min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}input,select,textarea{font-family:inherit;background:#fff;border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius);padding:9px 13px;font-size:14px;outline:none;transition:border-color .18s var(--ease-smooth),background .18s var(--ease-smooth),box-shadow .18s var(--ease-smooth);width:100%}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus,select:focus,textarea:focus{border-color:var(--accent-border);background:#fffdf8;box-shadow:0 0 0 3px var(--accent-dim)}select option{background:#fff;color:var(--text)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:background .18s var(--ease-smooth),color .18s var(--ease-smooth),border-color .18s var(--ease-smooth),box-shadow .18s var(--ease-smooth),opacity .18s var(--ease-smooth),transform .1s var(--ease-out)}button:not(:disabled):active{transform:scale(.96)}.mono{font-family:JetBrains Mono,SF Mono,Menlo,Monaco,monospace;font-variant-numeric:tabular-nums}.positive{color:var(--green)}.negative{color:var(--danger)}.neutral{color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rowFadeIn{0%{opacity:0;transform:translate(-3px)}to{opacity:1;transform:translate(0)}}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .22s;box-shadow:var(--shadow)}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014,0 0 0 1px #00000008;border-color:var(--border-strong)}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 20px 16px;box-shadow:var(--shadow)}.chart-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.chart-card__title{font-size:10px;font-weight:700;color:var(--text-dim);letter-spacing:1.4px;text-transform:uppercase}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.page-header__left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-header__title{font-size:26px;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.02em}.page-header__badge{font-size:11px;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:3px 9px;white-space:nowrap}.filter-pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;font-size:13px;font-weight:500;font-family:inherit;border:1px solid var(--border-strong);background:#fff;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;white-space:nowrap;line-height:1}.filter-pill--md{padding:7px 16px}.filter-pill--sm{padding:5px 12px;font-size:12px}.filter-pill:not(.filter-pill--active):hover{background:var(--bg-elevated);color:var(--text);border-color:var(--border-strong)}.filter-pill--active{font-weight:600}.dt-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.dt-scroll{overflow-x:auto}.dt-table{width:100%;border-collapse:collapse}.dt-th{padding:12px 16px;font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:.03em;text-transform:uppercase;background:#fafafb;border-bottom:1px solid var(--border);white-space:nowrap;text-align:left}.dt-th--right{text-align:right}.dt-th--center{text-align:center}.dt-td{padding:12px 16px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border-light);vertical-align:middle}.dt-td--right{text-align:right}.dt-td--center{text-align:center}.dt-td--mono{font-family:JetBrains Mono,SF Mono,monospace;font-variant-numeric:tabular-nums}.dt-td--muted{color:var(--text-muted)}.dt-td--dim{color:var(--text-dim)}.dt-row{transition:background .15s var(--ease-smooth)}.dt-row:hover{background:#fafafb}.dt-row:last-child .dt-td{border-bottom:none}.dt-empty{padding:48px 20px;text-align:center;color:var(--text-dim);font-size:13px}.page-content{animation:pageEnter .28s var(--ease-out) both}.modal-overlay{animation:modalOverlayIn .22s var(--ease-smooth) both;background:#00000052!important}.modal-panel{animation:modalPanelIn .28s var(--ease-spring) both}.hover-lift{transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .22s;cursor:pointer}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014,0 0 0 1px #00000008}.chart-card{transition:box-shadow .22s var(--ease-out),border-color .22s}.chart-card:hover{box-shadow:0 4px 16px #0000000f;border-color:var(--border-strong)}.filter-pill:active{transform:scale(.97)}