:root{--color-cyan:#00bcd4;--color-cyan-light:#4dd0e1;--color-cyan-dark:#0097a7;--color-orange:#ff9800;--color-orange-light:#ffb74d;--color-orange-dark:#f57c00;--color-trottles:#263238;--color-gray-light:#eceff1;--color-gray-medium:#b0bec5;--color-gray-dark:#546e7a;--color-bg-primary:#fff;--color-bg-secondary:#f5f7fa;--color-bg-cyan-light:#e0f7fa;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-info:#2196f3;--color-text-primary:#263238;--color-text-secondary:#546e7a;--color-text-disabled:#b0bec5;--color-text-white:#fff;--color-border:#eceff1;--color-border-light:#f5f7fa;--color-border-dark:#b0bec5;--dm-bg-page:#f5f7fa;--dm-bg-card:#fff;--dm-bg-elevated:#fff;--dm-text-primary:#263238;--dm-text-secondary:#546e7a;--dm-text-muted:#b0bec5;--dm-border:#eceff1;--dm-border-light:#f5f7fa;--dm-shadow:rgba(0,0,0,.1);--dm-input-bg:#fff;--dm-hover-bg:#f5f7fa;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-monospace:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:48px;--font-size-5xl:64px;--font-size-jumbo:120px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-3);--spacing-lg:var(--space-4);--spacing-xl:var(--space-5);--spacing-2xl:var(--space-6);--spacing-3xl:var(--space-8);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--radius-circle:50%;--shadow-trim:0 1px 3px rgba(0,0,0,.08);--shadow-log:0 4px 12px rgba(0,0,0,.12);--shadow-log-strong:0 8px 24px rgba(0,0,0,.15);--shadow-hover:0 12px 32px rgba(0,188,212,.2);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--color-bg-primary:#1f2937;--color-bg-secondary:#111827;--color-bg-cyan-light:#1e3a4c;--color-gray-light:#374151;--color-gray-medium:#6b7280;--color-gray-dark:#d1d5db;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-disabled:#9ca3af;--color-border:#4b5563;--color-border-light:#374151;--color-border-dark:#6b7280;--dm-bg-page:#111827;--dm-bg-card:#1f2937;--dm-bg-elevated:#374151;--dm-text-primary:#f9fafb;--dm-text-secondary:#d1d5db;--dm-text-muted:#9ca3af;--dm-border:#4b5563;--dm-border-light:#374151;--dm-shadow:rgba(0,0,0,.5);--dm-input-bg:#374151;--dm-hover-bg:#4b5563}[data-theme=dark] body{background-color:var(--dm-bg-page);color:var(--dm-text-primary)}[data-theme=dark] .card,[data-theme=dark] .modal-content{background-color:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--dm-input-bg);border-color:var(--dm-border);color:var(--dm-text-primary)}[data-theme=dark] input::placeholder{color:var(--dm-text-muted)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px rgba(0,188,212,.3);outline:none}[data-theme=dark] .btn-secondary{border-color:var(--color-cyan-light);color:var(--color-cyan-light)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:var(--color-cyan);color:#fff}[data-theme=dark] .chip{background-color:var(--dm-bg-elevated);color:var(--dm-text-primary)}[data-theme=dark] .card{box-shadow:0 4px 12px var(--dm-shadow)}[data-theme=dark] .card:hover{box-shadow:0 8px 24px var(--dm-shadow)}[data-theme=dark] .card-stat-value{color:var(--dm-text-primary)}[data-theme=dark] .card-stat-label{color:var(--dm-text-secondary)}[data-theme=dark] .progress{background-color:var(--dm-bg-elevated)}[data-theme=dark] .nav-tab{color:var(--dm-text-secondary)}[data-theme=dark] .nav-tab:hover{color:var(--color-cyan-light)}[data-theme=dark] .nav-tab.active{border-bottom-color:var(--color-cyan-light);color:var(--color-cyan-light)}[data-theme=dark] .counter{color:var(--dm-text-primary)}[data-theme=dark] .counter-label{color:var(--dm-text-secondary)}[data-theme=dark] a{color:var(--color-cyan-light)}[data-theme=dark] a:hover{color:var(--color-cyan)}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-primary:hover,[data-theme=dark] a.btn-primary{color:#fff!important}[data-theme=dark] table{border-color:var(--dm-border)}[data-theme=dark] th{background-color:var(--dm-bg-elevated)}[data-theme=dark] td,[data-theme=dark] th{border-color:var(--dm-border);color:var(--dm-text-primary)}[data-theme=dark] tr:hover{background-color:var(--dm-hover-bg)}[data-theme=dark] .alert{background-color:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--dm-text-primary)}[data-theme=dark] .modal-backdrop{background-color:rgba(0,0,0,.8)}[data-theme=dark] .tooltip{background-color:var(--dm-bg-elevated);border:1px solid var(--dm-border);color:var(--dm-text-primary)}[data-theme=dark] .dropdown-menu{background-color:var(--dm-bg-card);border-color:var(--dm-border);box-shadow:0 4px 12px var(--dm-shadow)}[data-theme=dark] .dropdown-item{color:var(--dm-text-primary)}[data-theme=dark] .dropdown-item:hover{background-color:var(--dm-hover-bg)}[data-theme=dark] .text-primary{color:var(--dm-text-primary)!important}[data-theme=dark] .text-secondary{color:var(--dm-text-secondary)!important}[data-theme=dark] ::-webkit-scrollbar{height:8px;width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--dm-bg-page)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--dm-border);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-gray-medium)}.dark-mode-toggle{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.dark-mode-toggle:hover{background:var(--color-bg-secondary);transform:scale(1.05)}.dark-mode-toggle .icon-moon{display:inline}.dark-mode-toggle .icon-sun,[data-theme=dark] .dark-mode-toggle .icon-moon{display:none}[data-theme=dark] .dark-mode-toggle .icon-sun{display:inline}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-primary);line-height:var(--line-height-normal)}.btn,body{font-size:var(--font-size-base)}.btn{align-items:center;border:none;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-semibold);justify-content:center;line-height:1.5;padding:12px 24px;text-align:center;text-decoration:none;transition:all var(--transition-base);user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-cyan);box-shadow:var(--shadow-trim);color:var(--color-text-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-cyan-light);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){background-color:var(--color-cyan-dark);transform:translateY(0)}.btn-secondary{background-color:transparent;border:2px solid var(--color-cyan);color:var(--color-cyan)}.btn-secondary:hover:not(:disabled){background-color:var(--color-cyan);color:var(--color-text-white);transform:translateY(-2px)}.btn-destructive{background-color:var(--color-orange);color:var(--color-text-white)}.btn-destructive:hover:not(:disabled){background-color:var(--color-orange-light);transform:translateY(-2px)}.btn-dark{background-color:var(--color-trottles);color:var(--color-text-white)}.btn-dark:hover:not(:disabled){background-color:#37474f;transform:translateY(-2px)}.btn-sm{font-size:var(--font-size-sm);padding:8px 16px}.btn-lg{font-size:var(--font-size-lg);padding:16px 32px}.btn-xl{font-size:var(--font-size-xl);padding:20px 48px}.input{background-color:var(--color-bg-primary);border:2px solid var(--color-gray-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);padding:12px 16px;transition:all var(--transition-base);width:100%}.input:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px rgba(0,188,212,.1);outline:none}.input::placeholder{color:var(--color-text-disabled)}.input:disabled{background-color:var(--color-gray-light);cursor:not-allowed}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-log);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-cyan{background:linear-gradient(135deg,#00bcd4,#0097a7);color:var(--color-text-white)}.card-stat{border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.card-stat-value{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);line-height:1;margin-bottom:var(--spacing-xs)}.card-stat-label{color:var(--color-text-secondary);letter-spacing:.5px;text-transform:uppercase}.card-stat-label,.chip{font-size:var(--font-size-sm)}.chip{align-items:center;background-color:var(--color-gray-light);border-radius:var(--radius-pill);color:var(--color-text-primary);display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);max-width:100%;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:all var(--transition-fast);white-space:nowrap}.chip-cyan{background-color:var(--color-cyan)}.chip-cyan,.chip-orange{color:var(--color-text-white)}.chip-orange{background-color:var(--color-orange)}.chip-dark{background-color:var(--color-trottles);color:var(--color-text-white)}.chip-active,.chip.active{background-color:var(--color-cyan-dark);color:var(--color-text-white)!important}.chip-sm{font-size:var(--font-size-xs);padding:4px 10px}button.chip{border:none;cursor:pointer}button.chip:hover{opacity:.85;transform:translateY(-1px)}.toggle{display:inline-block;height:24px;position:relative;width:48px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-gray-medium);border-radius:var(--radius-pill);bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-base)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.toggle input:checked+.toggle-slider{background-color:var(--color-cyan)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}.nav-tab{align-items:center;border-bottom:3px solid transparent;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-base)}.nav-tab.active,.nav-tab:hover{color:var(--color-cyan)}.nav-tab.active{border-bottom-color:var(--color-cyan)}.icon{display:inline-block;height:24px;width:24px}.icon-lg{height:32px;width:32px}.icon-xl{height:48px;width:48px}.mascot{animation:bounce 2s ease-in-out infinite;height:auto;width:120px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mascot-sm{width:60px}.mascot-lg{width:200px}.progress{background-color:var(--color-gray-light);height:8px;overflow:hidden;width:100%}.progress,.progress-bar{border-radius:var(--radius-pill)}.progress-bar{background:linear-gradient(90deg,var(--color-cyan) 0,var(--color-cyan-light) 100%);height:100%;transition:width var(--transition-base)}.progress-bar-orange{background:linear-gradient(90deg,var(--color-orange) 0,var(--color-orange-light) 100%)}.badge{align-items:center;background-color:var(--color-orange);border-radius:var(--radius-circle);color:var(--color-text-white);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:32px;justify-content:center;width:32px}.badge-lg{font-size:var(--font-size-lg);height:48px;width:48px}.counter{color:var(--color-text-primary);font-family:var(--font-monospace);font-size:var(--font-size-jumbo);font-weight:var(--font-weight-black);letter-spacing:-.02em;line-height:1;text-align:center}.counter-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:1px;margin-top:var(--spacing-xs);text-transform:uppercase}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.fw-normal{font-weight:var(--font-weight-normal)}.fw-medium{font-weight:var(--font-weight-medium)}.fw-semibold{font-weight:var(--font-weight-semibold)}.fw-bold{font-weight:var(--font-weight-bold)}.fw-black{font-weight:var(--font-weight-black)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-cyan{color:var(--color-cyan)}.text-orange{color:var(--color-orange)}.text-white{color:var(--color-text-white)}.bg-cyan{background-color:var(--color-cyan)}.bg-cyan-light{background-color:var(--color-bg-cyan-light)}.bg-white{background-color:var(--color-bg-primary)}.bg-gray{background-color:var(--color-bg-secondary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-circle{border-radius:var(--radius-circle)}.shadow-trim{box-shadow:var(--shadow-trim)}.shadow-log{box-shadow:var(--shadow-log)}.shadow-hover{box-shadow:var(--shadow-hover)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.icon{align-items:center;display:inline-flex;fill:currentColor;flex-shrink:0;justify-content:center;stroke:currentColor;vertical-align:middle}.icon-xs{height:12px;width:12px}.icon-sm{height:16px;width:16px}.icon-md{height:20px;width:20px}.icon-lg{height:24px;width:24px}.icon-xl{height:32px;width:32px}.icon-2xl{height:48px;width:48px}.icon-primary{color:var(--color-primary)}.icon-secondary{color:var(--color-text-secondary)}.icon-success{color:var(--color-success)}.icon-warning{color:var(--color-warning)}.icon-error{color:var(--color-error)}.icon-muted{color:var(--color-text-tertiary)}.icon+.text,.icon+span,.text+.icon,span+.icon{margin-left:.35em}.icon-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:background-color .15s ease}.icon-btn:hover{background:var(--color-bg-tertiary,rgba(0,0,0,.05))}.icon-missing{background:var(--color-bg-tertiary,#f0f0f0);border-radius:2px;display:inline-block;height:1em;width:1em}