@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";@property --bg-primary{syntax:"<color>";inherits:true;initial-value:#0b0f19}@property --bg-secondary{syntax:"<color>";inherits:true;initial-value:#151f32}@property --text-primary{syntax:"<color>";inherits:true;initial-value:#f1f5f9}@property --text-secondary{syntax:"<color>";inherits:true;initial-value:#94a3b8}@property --surface-glass{syntax:"<color>";inherits:true;initial-value:#151f3299}@property --border-glass{syntax:"<color>";inherits:true;initial-value:#fb923c1a}@property --accent-glow{syntax:"<color>";inherits:true;initial-value:#fb923c33}@property --glass-card-bg{syntax:"<color>";inherits:true;initial-value:#151f3280}@property --input-bg{syntax:"<color>";inherits:true;initial-value:#0b0f19b3}@property --table-row-bg{syntax:"<color>";inherits:true;initial-value:#151f324d}@property --table-row-hover{syntax:"<color>";inherits:true;initial-value:#fb923c14}@property --modal-overlay-bg{syntax:"<color>";inherits:true;initial-value:#0f172acc}@property --btn-hover-bg{syntax:"<color>";inherits:true;initial-value:#fb923c14}@property --accent-primary{syntax:"<color>";inherits:true;initial-value:#fb923c}@property --accent-hover{syntax:"<color>";inherits:true;initial-value:#f97316}:root{--bg-primary:#0b0f19;--bg-secondary:#151f32;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--accent-primary:#fb923c;--accent-hover:#f97316;--accent-glow:#fb923c33;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--surface-glass:#151f3299;--border-glass:#fb923c1a;--glass-card-bg:#151f3280;--input-bg:#0b0f19b3;--table-row-bg:#151f324d;--table-row-hover:#fb923c14;--modal-overlay-bg:#0f172acc;--btn-hover-bg:#fb923c14;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glow:0 0 15px var(--accent-glow);--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;transition:--bg-primary .2s ease-in-out,--bg-secondary .2s ease-in-out,--text-primary .2s ease-in-out,--text-secondary .2s ease-in-out,--surface-glass .2s ease-in-out,--border-glass .2s ease-in-out,--accent-glow .2s ease-in-out,--accent-primary .2s ease-in-out,--accent-hover .2s ease-in-out,--glass-card-bg .2s ease-in-out,--input-bg .2s ease-in-out,--table-row-bg .2s ease-in-out,--table-row-hover .2s ease-in-out,--modal-overlay-bg .2s ease-in-out,--btn-hover-bg .2s ease-in-out}:root.light{--bg-primary:#fff;--bg-secondary:#fff7ed;--text-primary:#1f2937;--text-secondary:#4b5563;--accent-primary:#f97316;--accent-hover:#ea580c;--accent-glow:#f9731640;--surface-glass:#ffffffd9;--border-glass:#f9731626;--glass-card-bg:#ffffffb3;--input-bg:#ffffffe6;--table-row-bg:#fff7ed99;--table-row-hover:#ffedd5e6;--modal-overlay-bg:#0f172a66;--btn-hover-bg:#f9731614}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100%;font-family:Inter,sans-serif;line-height:1.5;overflow:hidden}#root{height:100%}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:600}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.glass-panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-lg);border-radius:16px}.glass-card{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border-radius:12px;padding:1.5rem}.glass-card:hover{box-shadow:var(--shadow-glow);border-color:#3b82f64d;transform:translateY(-4px)}.btn{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-hover));color:#fff;box-shadow:0 4px 6px #3b82f640}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0}.btn-secondary:hover{background:var(--btn-hover-bg);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 2px 4px #0000000d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-field{background:var(--input-bg);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;padding:.75rem 1rem;font-family:Inter,sans-serif}.input-field:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #3b82f633}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-glass);flex-direction:column;flex-shrink:0;width:260px;padding:1.5rem;transition:width .3s,padding .3s;display:flex;position:sticky;top:1rem}.sidebar.collapsed{width:84px;padding:1.5rem .5rem}.main-content{flex:1;min-height:0;padding:2rem;position:relative;overflow-y:auto}.topbar{justify-content:space-between;align-items:center;margin-bottom:2rem;padding-right:260px;display:flex}.text-gradient{background:linear-gradient(135deg,#f37021,#facc15);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.badge-success{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.badge-warning{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.badge-info{color:var(--accent-primary);background:#3b82f61a;border:1px solid #3b82f633}.badge-ongoing{color:#06b6d4;background:#06b6d41a;border:1px solid #06b6d42e}.data-table{border-collapse:separate;border-spacing:0 .5rem;width:100%}.data-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-glass);padding:1rem;font-size:.875rem;font-weight:500}.data-table td{background:var(--table-row-bg);transition:background var(--transition-fast);padding:1rem}.data-table tbody tr{transition:transform var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer}.data-table tbody tr:hover{transform:translateY(-2px)}.data-table tbody tr:hover td{background:var(--table-row-hover)}.data-table tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--accent-primary)}.data-table td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.data-table td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.modal-overlay{background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.theme-toggle{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:8px;align-items:center;gap:.625rem;margin-bottom:.5rem;padding:.625rem 1rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;display:flex}.theme-toggle:hover{background:var(--btn-hover-bg);border-color:#6366f14d}.theme-toggle-track{background:var(--accent-primary);width:36px;height:20px;transition:background var(--transition-fast);border-radius:9999px;flex-shrink:0;margin-left:auto;position:relative}.theme-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .25s ease-in-out;position:absolute;top:2px}.theme-toggle-thumb.dark{left:2px}.theme-toggle-thumb.light{left:18px}