@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Barlow+Condensed:wght@600;700;800&display=swap";:root{--bg-page: #f4f5f7;--bg-surface: #ffffff;--bg-surface-2: #f8f9fa;--bg-surface-3: #eef0f3;--bg-header: #1e3a5f;--bg-nav: #ffffff;--bg-input: #ffffff;--bg-modal: #ffffff;--bg-modal-header: #f8f9fa;--bg-hover: #f0f4f8;--bg-selected: rgba(13,122,82,.08);--bg-table-head: #f1f3f5;--bg-table-row-alt:#fafbfc;--bg-badge-green: #e8f5e9;--bg-badge-blue: #e3f2fd;--bg-badge-orange: #fff3e0;--bg-badge-red: #ffebee;--bg-badge-purple: #f3e5f5;--bg-success: #d4edda;--bg-error: #f8d7da;--bg-warning: #fff3cd;--bg-disabled: #e9ecef;--accent: #0d7a52;--accent-hover: #0a6444;--accent-light: rgba(13,122,82,.08);--accent-2: #1fa872;--accent-2-hover: #1a8f60;--text-primary: #1a1d23;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-on-accent: #ffffff;--text-on-dark: #ffffff;--text-link: #0d7a52;--text-success: #2e7d32;--text-error: #c62828;--text-warning: #e65100;--text-badge-green:#2e7d32;--text-badge-blue: #1565c0;--text-badge-orange:#e65100;--text-badge-red: #c62828;--text-badge-purple:#7b1fa2;--border: #e2e5ea;--border-strong: #c8cdd5;--border-focus: #0d7a52;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-modal: 0 20px 60px rgba(0,0,0,.15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--btn-primary-bg: #0d7a52;--btn-primary-color: #ffffff;--btn-primary-hover: #0a6444;--btn-secondary-bg: #f1f3f5;--btn-secondary-color: #1a1d23;--btn-secondary-hover: #e2e5ea;--btn-danger-bg: #dc3545;--btn-danger-color: #ffffff;--nav-tab-color: #6b7280;--nav-tab-active-color: #0d7a52;--nav-tab-active-border:#0d7a52;--nav-tab-hover-bg: #f0f4f8;--scrollbar-track: #f1f3f5;--scrollbar-thumb: #c8cdd5;--transition: .2s ease}[data-theme=dark]{--bg-page: #0a0a0a;--bg-surface: #111111;--bg-surface-2: #161616;--bg-surface-3: #1c1c1c;--bg-header: #0d0d0d;--bg-nav: #111111;--bg-input: #1a1a1a;--bg-modal: #141414;--bg-modal-header: #1a1a1a;--bg-hover: #1e1e1e;--bg-selected: #1a2a1a;--bg-table-head: #161616;--bg-table-row-alt:#131313;--bg-badge-green: rgba(52,211,153,.12);--bg-badge-blue: rgba(74,158,255,.12);--bg-badge-orange: rgba(251,146,60,.12);--bg-badge-red: rgba(248,113,113,.12);--bg-badge-purple: rgba(167,139,250,.12);--bg-success: rgba(52,211,153,.15);--bg-error: rgba(248,113,113,.15);--bg-warning: rgba(251,191,36,.15);--bg-disabled: #1e1e1e;--accent: #34d399;--accent-hover: #2dbe87;--accent-light: rgba(52,211,153,.12);--accent-2: #4a9eff;--accent-2-hover: #3a8ef0;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-muted: #606060;--text-on-accent: #0a0a0a;--text-on-dark: #ffffff;--text-link: #4a9eff;--text-success: #34d399;--text-error: #f87171;--text-warning: #fbbf24;--text-badge-green:#34d399;--text-badge-blue: #4a9eff;--text-badge-orange:#fb923c;--text-badge-red: #f87171;--text-badge-purple:#a78bfa;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.15);--border-focus: #34d399;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--shadow-modal: 0 20px 60px rgba(0,0,0,.7);--btn-primary-bg: #34d399;--btn-primary-color: #0a0a0a;--btn-primary-hover: #2dbe87;--btn-secondary-bg: #1e1e1e;--btn-secondary-color: #f0f0f0;--btn-secondary-hover: #252525;--btn-danger-bg: #f87171;--btn-danger-color: #0a0a0a;--nav-tab-color: #606060;--nav-tab-active-color: #34d399;--nav-tab-active-border:#34d399;--nav-tab-hover-bg: #1a1a1a;--scrollbar-track: #111111;--scrollbar-thumb: #333333}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{transition:background-color var(--transition),border-color var(--transition),color var(--transition)}button,a,input,select,textarea{transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),opacity var(--transition)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.5}.app{min-height:100vh;background:var(--bg-page)}.app-header{background:var(--bg-header);color:var(--text-on-dark);padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.app-header h1{font-size:18px;font-weight:700;letter-spacing:-.3px}@media (max-width: 600px){.app-header{flex-direction:column;text-align:center;height:auto;padding:12px 20px}.app-header h1{font-size:16px}}.nav-tabs{background:var(--bg-nav);border-bottom:1px solid var(--border);display:flex;padding:0 12px;overflow-x:auto;box-shadow:var(--shadow-sm)}.nav-tabs::-webkit-scrollbar{height:2px}.nav-tab{padding:14px 16px;text-decoration:none;color:var(--nav-tab-color);font-weight:500;font-size:13px;border-bottom:2px solid transparent;white-space:nowrap;transition:all var(--transition);letter-spacing:.2px}.nav-tab:hover{color:var(--nav-tab-active-color);background:var(--nav-tab-hover-bg)}.nav-tab.active{color:var(--nav-tab-active-color);border-bottom-color:var(--nav-tab-active-border);font-weight:600}.page-content{padding:24px;max-width:1800px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--bg-surface);padding:20px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:box-shadow var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card h3{font-size:30px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.stat-card p{color:var(--text-secondary);font-size:13px;font-weight:500}.btn{padding:9px 18px;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:13px;font-family:inherit;background:var(--btn-secondary-bg);color:var(--btn-secondary-color);transition:all var(--transition);letter-spacing:.2px}.btn:hover{background:var(--btn-secondary-hover)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-color)}.btn-sm{padding:5px 10px;font-size:12px}.data-table{width:100%;background:var(--bg-surface);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.data-table table{width:100%;border-collapse:collapse;min-width:1200px}.data-table th{background:var(--bg-table-head);padding:12px 14px;text-align:left;font-weight:600;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--border)}.data-table td{padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-primary)}.data-table tr:nth-child(2n) td{background:var(--bg-table-row-alt)}.data-table tr:hover td{background:var(--bg-hover)}.data-table input,.data-table select{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--bg-input);color:var(--text-primary)}.data-table input:focus,.data-table select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.action-buttons{display:flex;gap:6px;flex-wrap:wrap}.form-row{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.form-input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--bg-input);color:var(--text-primary);font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;color:var(--text-secondary);letter-spacing:.3px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-modal);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);border:1px solid var(--border);max-height:90vh;overflow-y:auto;width:100%;max-width:500px;margin:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-modal-header);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:sticky;top:0;z-index:1}.modal-header h2{margin:0;font-size:17px;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--text-muted);padding:0;line-height:1;transition:color var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px;color:var(--text-primary)}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-modal-header);border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex;justify-content:flex-end;gap:10px}.theme-toggle{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background var(--transition);flex-shrink:0}.theme-toggle:hover{background:#ffffff38}input,select,textarea{background:var(--bg-input);color:var(--text-primary);border-color:var(--border)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus)}select option{background:var(--bg-surface);color:var(--text-primary)}.alert-success{background:var(--bg-success);color:var(--text-success);border:1px solid currentColor;border-radius:var(--radius-md);padding:12px 16px;font-size:14px}.alert-error{background:var(--bg-error);color:var(--text-error);border:1px solid currentColor;border-radius:var(--radius-md);padding:12px 16px;font-size:14px}.alert-warning{background:var(--bg-warning);color:var(--text-warning);border:1px solid currentColor;border-radius:var(--radius-md);padding:12px 16px;font-size:14px}@media (max-width: 768px){.page-content{padding:16px}.nav-tab{padding:12px;font-size:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.data-table:after{content:"→ Scroll";position:absolute;top:50%;right:8px;transform:translateY(-50%);background:var(--accent);color:var(--text-on-accent);padding:4px 10px;border-radius:4px;font-size:11px;pointer-events:none;animation:fadeOut 3s forwards}@keyframes fadeOut{0%{opacity:.9}70%{opacity:.9}to{opacity:0}}.data-table table{min-width:700px}.data-table th,.data-table td{padding:8px;font-size:12px}.modal-overlay{padding:20px 10px 10px;align-items:flex-start}.modal{max-height:95vh}.modal-footer{flex-direction:column}.modal-footer button{width:100%}.btn-sm{padding:4px 8px;font-size:11px}.action-buttons{flex-wrap:wrap}}@media print{.app-header,.nav-tabs{display:none}.modal-overlay{position:static;background:none}}