@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg:#f5f6fa;--color-surface:#fff;--color-surface-hover:#f8f9fb;--color-border:#e2e5f1;--color-border-light:#eef0f6;--color-text-primary:#1a1a2e;--color-text-secondary:#6b7194;--color-text-muted:#9ba2c0;--color-accent:#4361ee;--color-accent-hover:#3651d4;--color-accent-light:#4361ee14;--color-navbar:#1a1a2e;--color-navbar-text:#c8cce5;--color-navbar-active:#fff;--color-success:#10b981;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-error:var(--color-danger);--color-info:#6366f1;--color-info-bg:#6366f11a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--transition-fast:.15s ease;--transition-base:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--color-bg);color:var(--color-text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}.navbar{background:var(--color-navbar);height:56px;padding:0 var(--space-xl);z-index:100;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.navbar__brand{align-items:center;gap:var(--space-sm);color:var(--color-navbar-active);margin-right:var(--space-2xl);letter-spacing:-.02em;font-size:1.1rem;font-weight:700;display:flex}.navbar__brand-icon{background:linear-gradient(135deg, var(--color-accent), #7c3aed);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.navbar__brand-svg{width:16px;height:16px;display:block}.navbar__links{gap:var(--space-xs);flex:1;list-style:none;display:flex}.navbar__link{color:var(--color-navbar-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;font-size:.875rem;font-weight:500}.navbar__link:hover{color:var(--color-navbar-active);background:#ffffff14}.navbar__link--active{color:var(--color-navbar-active);background:#ffffff1f}.navbar__user-container{align-items:center;display:flex;position:relative}.navbar__user-trigger{align-items:center;gap:var(--space-sm);color:var(--color-navbar-text);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit;font-size:.875rem;display:flex}.navbar__user-trigger:hover{color:var(--color-navbar-active);background:#ffffff14}.navbar__user-chevron{opacity:.7;transition:transform var(--transition-fast);margin-left:2px;font-size:.65rem}.navbar__user-trigger[aria-expanded=true] .navbar__user-chevron{transform:rotate(180deg)}.navbar__user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent), #7c3aed);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:600;display:flex}.navbar__dropdown{border-radius:var(--radius-md);z-index:100;background:#1e1e38;border:1px solid #ffffff14;flex-direction:column;min-width:170px;margin-top:8px;padding:4px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0006}.navbar__dropdown-item{align-items:center;gap:var(--space-sm);color:var(--color-navbar-text);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:10px 14px;font-family:inherit;font-size:.85rem;text-decoration:none;display:flex}.navbar__dropdown-item:hover{color:var(--color-navbar-active);background:#ffffff14}.navbar__dropdown-item--logout:hover{color:var(--color-danger);background:#ef44441f}.page{max-width:1200px;padding:var(--space-xl);margin:0 auto}.page__header{margin-bottom:var(--space-xl)}.page__title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.page__subtitle{color:var(--color-text-secondary);margin-top:var(--space-xs);font-size:.9rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.card__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:1rem;font-weight:600}.card__body{padding:var(--space-lg)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;padding:var(--space-md) var(--space-lg);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600}.data-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:.875rem}.data-table tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody tr.clickable{cursor:pointer}.data-table__empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted);font-size:.9rem}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--active{background:var(--color-success-bg);color:var(--color-success)}.badge--completed{background:var(--color-info-bg);color:var(--color-info)}.badge--dropped{background:var(--color-danger-bg);color:var(--color-danger)}.badge--format{background:var(--color-accent-light);color:var(--color-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 4px 12px #4361ee4d}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn--ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.btn--sm{padding:6px 12px;font-size:.8rem}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:.85rem;font-weight:500;display:block}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:var(--color-surface);transition:all var(--transition-fast);padding:10px 14px;font-family:inherit;font-size:.9rem}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.search-bar{max-width:400px;position:relative}.search-bar__icon{color:var(--color-text-muted);font-size:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-bar__input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:var(--color-surface);transition:all var(--transition-fast);padding:10px 14px 10px 40px;font-family:inherit;font-size:.875rem}.search-bar__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.detail-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-start;display:flex}.detail-header__back{color:var(--color-text-secondary);align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);font-size:.85rem;display:flex}.detail-header__back:hover{color:var(--color-accent)}.detail-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.detail-rows{gap:var(--space-lg);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.detail-row{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.detail-row{grid-template-columns:1fr}}.detail-field{gap:var(--space-xs);flex-direction:column;display:flex}.detail-field__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.detail-field__value{color:var(--color-text-primary);font-size:.95rem;font-weight:500}.login-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.login-card__logo{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.login-card__logo-icon{background:linear-gradient(135deg, var(--color-accent), #7c3aed);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.login-card__logo-svg{width:24px;height:24px}.login-card__logo-text{color:var(--color-text-primary);font-size:1.3rem;font-weight:700}.login-card__subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:.9rem}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:.875rem}.alert--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #ef444433}.alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #10b98133}.alert--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #6366f133}.manage-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.manage-grid{grid-template-columns:1fr}}.spinner{padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.spinner__circle{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.flex-between{justify-content:space-between;align-items:center;display:flex}.specialty-display{align-items:center;gap:var(--space-sm);display:flex}.specialty-edit{gap:var(--space-sm);flex-direction:column;display:flex}.specialty-edit__actions{gap:var(--space-xs);display:flex}.form-input--sm{border-radius:var(--radius-sm);padding:.35rem .6rem;font-size:.8rem}.btn-edit-icon{color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:1;display:inline-flex}.btn-edit-icon:hover{background:var(--color-surface-hover);color:var(--color-accent)}.btn-edit-icon svg{display:block}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-md);text-align:center;background:var(--color-surface);transition:all var(--transition-fast);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.dropzone:hover,.dropzone--active{border-color:var(--color-accent);background:var(--color-accent-light)}.dropzone--has-file{border-color:var(--color-success);background:var(--color-success-bg)}.dropzone__content{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.dropzone__icon{font-size:3rem;line-height:1}.dropzone__title{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:600}.dropzone__hint{color:var(--color-text-muted);margin:0;font-size:.9rem}.dropzone__filename{color:var(--color-success);margin:0;font-size:1.1rem;font-weight:600}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;display:flex}.stat-card__value{color:var(--color-accent);font-size:2rem;font-weight:700;line-height:1.2}.stat-card__label{color:var(--color-text-secondary);margin-top:var(--space-xs);font-size:.9rem;font-weight:500}.choice-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.choice-badge--1{color:#166534;background:#dcfce7}.choice-badge--2{color:#854d0e;background:#fef08a}.choice-badge--3{color:#9a3412;background:#ffedd5}.choice-badge--none{color:#475569;background:#f1f5f9}.group-card{border-left:4px solid var(--color-accent)}.grouping-actions{gap:var(--space-md);margin-top:var(--space-xl);display:flex}.spin-animation{animation:1s linear infinite spin}.text-imminent{color:var(--color-error)!important;font-weight:600!important}.timeline-sidebar{border-left:1px solid var(--color-border-light);padding-left:var(--space-lg);flex-direction:column;justify-content:center;align-items:center;min-width:140px;display:flex}.timeline-container{cursor:pointer;width:20px;height:160px;margin-top:var(--space-sm);margin-bottom:var(--space-sm);flex-direction:column;align-items:center;display:flex;position:relative}.timeline-track{background-color:var(--color-border-light);border-radius:var(--radius-full);width:4px;position:absolute;top:0;bottom:0}.timeline-track--dashed{background:repeating-linear-gradient(to bottom, transparent, transparent 6px, var(--color-border) 6px, var(--color-border) 12px);width:2px}.timeline-progress{background-color:var(--color-accent);border-radius:var(--radius-full);width:4px;transition:height .3s;position:absolute;top:0}.timeline-point{border-radius:var(--radius-full);background-color:var(--color-surface);border:2px solid var(--color-border);box-sizing:border-box;z-index:2;width:12px;height:12px;transition:all var(--transition-fast);position:absolute}.timeline-point:hover{transform:scale(1.25);box-shadow:0 0 8px #00000026}.timeline-point--active{border-color:var(--color-accent);background-color:var(--color-accent)}.timeline-point--overdue{border-color:var(--color-error);background-color:var(--color-error);animation:2s infinite pulse-glow;box-shadow:0 0 6px #ef444466}.timeline-point--anchor{border-color:var(--color-text-secondary);background-color:var(--color-border);cursor:default}.timeline-point__tooltip{background:var(--color-navbar);color:var(--color-navbar-text);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);box-shadow:var(--shadow-md);z-index:10;border:1px solid var(--color-border);flex-direction:column;gap:2px;font-size:.75rem;font-weight:500;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)scale(.9)}.timeline-point__tooltip:after{content:"";border-style:solid;border-width:5px;border-color:transparent transparent transparent var(--color-navbar);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.timeline-point:hover .timeline-point__tooltip{opacity:1;transform:translateY(-50%)scale(1)}.timeline-container--horizontal{cursor:pointer;width:100%;height:24px;margin-top:var(--space-sm);margin-bottom:var(--space-sm);padding:0 var(--space-sm);box-sizing:border-box;align-items:center;display:flex;position:relative}.timeline-track--horizontal{left:var(--space-sm);right:var(--space-sm);background-color:var(--color-border-light);border-radius:var(--radius-full);height:4px;position:absolute}.timeline-progress--horizontal{left:var(--space-sm);background-color:var(--color-accent);border-radius:var(--radius-full);height:4px;transition:width .3s;position:absolute}.timeline-point--horizontal{border-radius:var(--radius-full);background-color:var(--color-surface);border:2px solid var(--color-border);box-sizing:border-box;z-index:2;width:12px;height:12px;transition:all var(--transition-fast);position:absolute;top:calc(50% - 6px)}.timeline-point--horizontal:hover{transform:scale(1.25);box-shadow:0 0 8px #00000026}.timeline-point--horizontal.timeline-point--active{border-color:var(--color-accent);background-color:var(--color-accent)}.timeline-point--horizontal.timeline-point--overdue{border-color:var(--color-error);background-color:var(--color-error);animation:2s infinite pulse-glow;box-shadow:0 0 6px #ef444466}.timeline-point--horizontal.timeline-point--anchor{border-color:var(--color-text-secondary);background-color:var(--color-border);cursor:default}.timeline-point__tooltip--horizontal{background:var(--color-navbar);color:var(--color-navbar-text);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);box-shadow:var(--shadow-md);z-index:10;border:1px solid var(--color-border);flex-direction:column;gap:2px;font-size:.75rem;font-weight:500;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)scale(.9)}.timeline-point__tooltip--horizontal:after{content:"";border-style:solid;border-width:5px;border-color:var(--color-navbar) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.timeline-point--horizontal:hover .timeline-point__tooltip--horizontal{opacity:1;transform:translate(-50%)scale(1)}.timeline-point__tooltip--horizontal.timeline-point__tooltip--left{left:0;transform:translate(0)scale(.9)}.timeline-point__tooltip--horizontal.timeline-point__tooltip--left:after{left:6px;transform:none}.timeline-point--horizontal:hover .timeline-point__tooltip--horizontal.timeline-point__tooltip--left{transform:translate(0)scale(1)}.timeline-point__tooltip--horizontal.timeline-point__tooltip--right{left:auto;right:0;transform:translate(0)scale(.9)}.timeline-point__tooltip--horizontal.timeline-point__tooltip--right:after{left:auto;right:6px;transform:none}.timeline-point--horizontal:hover .timeline-point__tooltip--horizontal.timeline-point__tooltip--right{transform:translate(0)scale(1)}.tooltip-title{color:var(--color-surface);font-weight:600}.tooltip-date{color:var(--color-text-muted);font-size:.7rem}.tooltip-status{text-transform:uppercase;font-size:.7rem;font-weight:600}.tooltip-status--completed{color:var(--color-success)}.tooltip-status--overdue{color:var(--color-error)}.tooltip-status--pending{color:var(--color-text-secondary)}.tooltip-status--anchor{color:var(--color-text-muted)}.badge-warning-dot{border-radius:var(--radius-full);background-color:var(--color-error);width:8px;height:8px;animation:2s infinite pulse-dot;display:inline-block;box-shadow:0 0 6px #ef444466}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 5px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}@keyframes pulse-glow{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}[data-theme=light-emerald]{--color-bg:#f8faf9;--color-surface:#fff;--color-surface-hover:#f4fbf8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-light:#10b98114}[data-theme=light-amber]{--color-bg:#faf9f6;--color-surface:#fff;--color-surface-hover:#fefcf8;--color-border:#e4e4e7;--color-border-light:#f4f4f5;--color-text-primary:#18181b;--color-text-secondary:#52525b;--color-text-muted:#a1a1aa;--color-accent:#f97316;--color-accent-hover:#ea580c;--color-accent-light:#f9731614}[data-theme=dark-midnight]{--color-bg:#090d16;--color-surface:#111827;--color-surface-hover:#1f2937;--color-border:#242c3d;--color-border-light:#1f2937;--color-text-primary:#f3f4f6;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-accent-light:#6366f126;--color-navbar:#090d16;--color-navbar-text:#9ca3af;--color-navbar-active:#fff}[data-theme=dark-ocean]{--color-bg:#0b132b;--color-surface:#1c2541;--color-surface-hover:#222e50;--color-border:#3a506b;--color-border-light:#2c3e50;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-accent:#0ea5e9;--color-accent-hover:#0284c7;--color-accent-light:#0ea5e926;--color-navbar:#0b132b;--color-navbar-text:#94a3b8;--color-navbar-active:#fff}[data-theme=dark-forest]{--color-bg:#060a08;--color-surface:#0f1c15;--color-surface-hover:#14281f;--color-border:#223c30;--color-border-light:#1a2e24;--color-text-primary:#ecfdf5;--color-text-secondary:#a7f3d0;--color-text-muted:#6ee7b7;--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-light:#10b98126;--color-navbar:#060a08;--color-navbar-text:#a7f3d0;--color-navbar-active:#fff}[data-theme=dark-orange]{--color-bg:#0f0f11;--color-surface:#18181b;--color-surface-hover:#27272a;--color-border:#27272a;--color-border-light:#3f3f46;--color-text-primary:#fafafa;--color-text-secondary:#d4d4d8;--color-text-muted:#71717a;--color-accent:#ff7a00;--color-accent-hover:#e66b00;--color-accent-light:#ff7a0026;--color-navbar:#0f0f11;--color-navbar-text:#d4d4d8;--color-navbar-active:#fff}[data-theme=light-apricot]{--color-bg:#fdf7f4;--color-surface:#fff;--color-surface-hover:#fffaf7;--color-border:#f5e6de;--color-border-light:#faf0eb;--color-text-primary:#432c20;--color-text-secondary:#8a6350;--color-text-muted:#c5a698;--color-accent:#e57c5d;--color-accent-hover:#cd6244;--color-accent-light:#e57c5d14}[data-theme=light-liora]{--color-bg:#e8e7e1;--color-surface:#fff;--color-surface-hover:#fcfbfa;--color-border:#d2d1c9;--color-border-light:#e4e3dc;--color-text-primary:#1a1a33;--color-text-secondary:#373771;--color-text-muted:#5a5aab;--color-accent:#ff6745;--color-accent-hover:#e55333;--color-accent-light:#ff674514}[data-theme=dark-liora]{--color-bg:#1a1a33;--color-surface:#22223b;--color-surface-hover:#2d2d4d;--color-border:#373771;--color-border-light:#282847;--color-text-primary:#fff;--color-text-secondary:#e8e7e1;--color-text-muted:#5a5aab;--color-accent:#ff6745;--color-accent-hover:#ff7e61;--color-accent-light:#ff674526;--color-navbar:#15152b;--color-navbar-text:#e8e7e1;--color-navbar-active:#fff}.theme-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=768px){.theme-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.theme-grid{grid-template-columns:repeat(2,1fr)}}.theme-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);text-align:center;flex-direction:column;display:flex;position:relative}.theme-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-card--active{border-color:var(--color-accent);background:var(--color-accent-light)}.theme-card__preview{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;height:36px;display:flex;overflow:hidden}.theme-card__color{flex:1;height:100%}.theme-card__name{color:var(--color-text-primary);font-size:.85rem;font-weight:500}.theme-card__badge{border-radius:var(--radius-sm);margin-top:2px;padding:2px 6px;font-size:.7rem;font-weight:600}.theme-card__badge--light{color:#374151;background:#f3f4f6}.theme-card__badge--dark{color:#f3f4f6;background:#1f2937}