:root{--color-primary:#00d4aa;--color-primary-hover:#00b894;--color-primary-dim:#00d4aa1f;--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-hover:#22252f;--color-surface-border:#2a2d3a;--color-text:#e4e7eb;--color-text-muted:#8b8fa3;--color-danger:#ff4757;--color-danger-dim:#ff47571f;--color-warning:#ffa502;--color-warning-dim:#ffa5021f;--color-success:#2ed573;--color-success-dim:#2ed5731f;--color-info:#3b82f6;--color-info-dim:#3b82f61f;--sidebar-width:260px;--header-height:60px;--radius:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-surface-border);border-radius:var(--radius);outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-surface-border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:12px;font-weight:600}th.sortable{cursor:pointer}th.sortable:hover{color:var(--color-primary)}td{border-bottom:1px solid var(--color-surface-border);white-space:nowrap;padding:12px 16px;font-size:14px}tr.clickable{cursor:pointer;transition:background .15s}tr.clickable:hover{background:var(--color-surface-hover)}.card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);padding:20px;transition:border-color .2s}.card:hover{border-color:#00d4aa40}.btn{border-radius:var(--radius);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#0f1117}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-surface-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.btn-danger{background:var(--color-danger-dim);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface)}.btn-sm{padding:4px 10px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);width:90%;max-width:520px;max-height:90vh;animation:.25s slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s ease-in-out infinite pulse}.tabs{border-bottom:1px solid var(--color-surface-border);gap:2px;margin-bottom:20px;display:flex}.tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border-bottom:2px solid #0000;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.search-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-bar input{flex:1;min-width:200px}.search-bar select{min-width:150px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header h1{font-size:24px;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.chart-container{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px}.chart-container h3{margin-bottom:16px;font-size:16px;font-weight:600}.grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (width<=768px){:root{--sidebar-width:0px}.sidebar{z-index:100;transition:transform .3s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block!important}.hamburger{display:flex!important}.grid-2{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width>=769px){.sidebar-overlay,.hamburger{display:none!important}}.input{background:var(--color-bg);border:1px solid var(--color-surface-border);border-radius:var(--radius);width:100%;color:var(--color-text);outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted)}