@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 50px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition: all .25s ease;--transition-colors: background-color .25s ease, color .25s ease, border-color .25s ease}:root,.dark{--bg-body: #0d0f14;--bg-surface: #1e2229;--bg-raised: #252b35;--border: #333d4a;--primary-rgb: 1, 239, 250;--primary: #01effa;--primary-hover: #00c8d4;--primary-subtle: rgba(1, 239, 250, .1);--accent: #ff8c00;--accent-subtle: rgba(255, 140, 0, .1);--danger: #eb0000;--danger-hover: #9e0101;--danger-subtle: rgba(235, 0, 0, .1);--success: #22c55e;--success-subtle: rgba(34, 197, 94, .1);--text-base: #e2e8f0;--text-muted: #94a3b8;--text-on-primary: #000000;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(1, 239, 250, .25)}.light{--bg-body: #f1f5f9;--bg-surface: #ffffff;--bg-raised: #f8fafc;--border: #e2e8f0;--primary-rgb: 8, 145, 178;--primary: #0891b2;--primary-hover: #0e7490;--primary-subtle: rgba(8, 145, 178, .1);--accent: #ff8c00;--accent-subtle: rgba(255, 140, 0, .08);--danger: #dc2626;--danger-hover: #b91c1c;--danger-subtle: rgba(220, 38, 38, .08);--success: #16a34a;--success-subtle: rgba(22, 163, 74, .08);--text-base: #1e293b;--text-muted: #64748b;--text-on-primary: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(8, 145, 178, .25)}*,*:before,*:after{box-sizing:border-box}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:var(--text-base);line-height:1.6;margin:0;padding:0;background-color:var(--bg-body);color:var(--text-base);transition:var(--transition-colors)}#app{display:flex;flex-direction:column;min-height:100vh}h1{font-size:var(--text-4xl);font-weight:900;color:var(--primary);margin-top:0}h2{font-size:var(--text-2xl);font-weight:800;color:var(--primary);margin-top:0}h3{font-size:var(--text-xl);font-weight:700;color:var(--text-base);margin-top:0}a{color:var(--primary);text-decoration:none}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:120px;height:44px;padding:0 var(--space-6);font-family:inherit;font-size:var(--text-sm);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap}button:active,.btn:active{transform:scale(.96)}.btn-primary button,button.btn-primary{background-color:var(--primary);color:var(--text-on-primary)}.btn-primary button:hover,button.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-ghost button,button.btn-ghost{background-color:transparent;border:1.5px solid var(--border);color:var(--text-base)}.btn-ghost button:hover,button.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-outline button,button.btn-outline{background-color:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-outline button:hover,button.btn-outline:hover{background-color:var(--primary-subtle);transform:translateY(-2px)}.btn-danger button,button.btn-danger{background-color:var(--danger);color:#fff}.btn-danger button:hover,button.btn-danger:hover{background-color:var(--danger-hover)}.btn-alert button{background-color:var(--danger);color:#fff;border:none;cursor:pointer;font-weight:700}.btn-alert button:hover{background-color:var(--danger-hover)}.btn-second button{background-color:transparent;border:1.5px solid var(--accent);color:var(--accent);border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:var(--transition)}.btn-second button:hover{background-color:var(--accent-subtle);transform:translateY(-2px)}.btn-third button{background-color:transparent;border:1.5px solid var(--border);color:var(--text-base);border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:var(--transition)}.btn-third button:hover{border-color:var(--text-base)}input,select,textarea{background-color:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-4);width:100%;height:44px;font-family:inherit;font-size:var(--text-base);color:var(--text-base);outline:none;transition:var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}textarea{height:auto;padding:var(--space-3) var(--space-4)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.container-card{width:100%;max-width:1200px;padding:var(--space-6);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-base);margin-bottom:var(--space-5)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:800;letter-spacing:.05em;border-radius:var(--radius-sm)}.badge-primary{background:var(--primary-subtle);color:var(--primary)}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.badge-danger{background:var(--danger-subtle);color:var(--danger)}.badge-success{background:var(--success-subtle);color:var(--success)}.error-message{background-color:var(--danger-subtle);color:var(--danger);border:1px solid var(--danger);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-2)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-container{padding:var(--space-6);display:grid;grid-template-columns:1fr;gap:var(--space-6)}.column{padding:var(--space-3)}.wide{grid-column:span 2}.extrawide{grid-column:span 3}@media (min-width: 768px){.app-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.app-container{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.app-container{grid-template-columns:repeat(4,1fr)}}