:root{--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--color-primary:#ff5a5f;--color-primary-hover:#e0484d;--color-primary-soft:#ff5a5f1f;--color-primary-glow:#ff5a5f40;--color-background:#0b1120;--color-surface:#1a2332;--color-surface-hover:#243044;--color-surface-elevated:#1e2a3d;--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#6b7d9a;--color-border:#2a3850;--color-border-subtle:#1e2a3d;--color-success:#10b981;--color-success-soft:#10b9811f;--color-error:#ef4444;--color-error-soft:#ef44441f;--color-warning:#f59e0b;--color-tikkie:#00d66c;--color-tikkie-hover:#00b85e;--color-tikkie-text:#00362b;--gradient-primary:linear-gradient(135deg, #ff5a5f 0%, #ff8a8e 100%);--gradient-surface:linear-gradient(180deg, #ffffff0a 0%, transparent 100%);--gradient-glow:linear-gradient(135deg, #ff5a5f26 0%, #ff8a8e0d 100%);--font-family:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Fira Code", monospace;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 32px #0006;--shadow-xl:0 20px 48px #00000080;--shadow-glow:0 0 20px #ff5a5f26;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin-top:0;margin-bottom:.5rem;font-weight:600;line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-top:0;margin-bottom:1rem}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-soft);color:var(--color-text)}.btn{border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;transition:all var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow);text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted);box-shadow:var(--shadow-md)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--color-surface);border-color:var(--color-border)}.btn-danger{background:var(--color-error-soft);color:var(--color-error);border:1px solid #0000}.btn-danger:hover{background:var(--color-error);color:#fff}.btn-sm{border-radius:var(--radius-md);padding:.375rem .75rem;font-size:.8125rem}.btn-icon{padding:.5rem;line-height:1}.btn-full{width:100%}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:all var(--transition-base), transform var(--transition-slow), border-color var(--transition-base);padding:1.5rem;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-surface);pointer-events:none;border-radius:inherit;position:absolute;inset:0}.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-lg)}.card>*{z-index:1;position:relative}.card-glow:hover{border-color:var(--color-primary-glow);box-shadow:var(--shadow-lg), var(--shadow-glow)}.glass{-webkit-backdrop-filter:blur(var(--blur-md));background:#1a2332bf;border:1px solid #ffffff0f}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--color-text-muted);letter-spacing:.01em;font-size:.8125rem;font-weight:600}.form-input,.form-select{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem;font-size:.9375rem}.form-input::placeholder{color:var(--color-text-muted);opacity:.6}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.form-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-soft)}.form-error{color:var(--color-error);font-size:.75rem;font-weight:500}.badge{border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-error{background:var(--color-error-soft);color:var(--color-error)}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary)}.badge-muted{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.modern-table{border-collapse:separate;border-spacing:0;width:100%;margin-top:.75rem}.modern-table th,.modern-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.modern-table th{color:var(--color-text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.modern-table tr:last-child td{border-bottom:none}.modern-table tbody tr{transition:background var(--transition-fast)}.modern-table tbody tr:hover{background:#ffffff05}.modern-table .empty-row{text-align:center;color:var(--color-text-muted);padding:2.5rem 1rem;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.95)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-slow) ease forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}@media (width<=768px){.responsive-table thead{display:none}.responsive-table tr{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;margin-bottom:.5rem;padding:.75rem;display:flex}.responsive-table td{border:none;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8125rem;display:flex}.responsive-table td:before{content:attr(data-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;min-width:5rem;font-size:.6875rem;font-weight:600}.responsive-table .empty-row:before{display:none}.responsive-table td:last-child{border-bottom:none}.responsive-table tbody tr:hover{background:var(--color-surface)}}.toast-container.svelte-1cpok13{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast.svelte-1cpok13{pointer-events:auto;border-radius:var(--radius-lg);min-width:300px;max-width:420px;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid #ffffff0f;align-items:center;gap:.625rem;padding:.875rem 1rem;display:flex;position:relative;overflow:hidden}@media (width<=480px){.toast-container.svelte-1cpok13{bottom:.5rem;left:.5rem;right:.5rem}.toast.svelte-1cpok13{min-width:0;max-width:100%;padding:.75rem;font-size:.8125rem}}.toast-success.svelte-1cpok13{color:#6ee7b7;background:#10b98126;border-color:#10b98133}.toast-error.svelte-1cpok13{color:#fca5a5;background:#ef444426;border-color:#ef444433}.toast-info.svelte-1cpok13{color:#93c5fd;background:#3b82f626;border-color:#3b82f633}.toast-icon-wrap.svelte-1cpok13{flex-shrink:0;align-items:center;display:flex}.toast-success.svelte-1cpok13 .toast-icon-wrap:where(.svelte-1cpok13){color:#34d399}.toast-error.svelte-1cpok13 .toast-icon-wrap:where(.svelte-1cpok13){color:#f87171}.toast-info.svelte-1cpok13 .toast-icon-wrap:where(.svelte-1cpok13){color:#60a5fa}.toast-message.svelte-1cpok13{flex:1;font-size:.875rem;font-weight:500;line-height:1.4}.toast-close.svelte-1cpok13{color:inherit;opacity:.5;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.toast-close.svelte-1cpok13:hover{opacity:1}.toast-progress.svelte-1cpok13{background:#ffffff26;height:2px;animation:4s linear forwards svelte-1cpok13-toastProgress;position:absolute;bottom:0;left:0}.toast-success.svelte-1cpok13 .toast-progress:where(.svelte-1cpok13){background:#10b98166}.toast-error.svelte-1cpok13 .toast-progress:where(.svelte-1cpok13){background:#ef444466}.toast-info.svelte-1cpok13 .toast-progress:where(.svelte-1cpok13){background:#3b82f666}@keyframes svelte-1cpok13-toastProgress{0%{width:100%}to{width:0%}}.navbar.svelte-rfuq4y{z-index:100;-webkit-backdrop-filter:blur(var(--blur-lg));background:#0b1120d9;border-bottom:1px solid #ffffff0f;padding:.75rem 1rem;position:sticky;top:0}.nav-content.svelte-rfuq4y{justify-content:space-between;align-items:center;gap:1rem;max-width:1000px;margin:0 auto;display:flex}.brand.svelte-rfuq4y{color:var(--color-text);transition:opacity var(--transition-fast);align-items:center;gap:.625rem;text-decoration:none;display:flex}.brand.svelte-rfuq4y:hover{opacity:.85;text-decoration:none}.brand-icon-wrap.svelte-rfuq4y{color:var(--color-primary);flex-shrink:0;display:flex}.brand-text.svelte-rfuq4y{letter-spacing:-.5px;font-size:1.25rem;font-weight:700}.nav-actions.svelte-rfuq4y{align-items:center;gap:.5rem;display:flex}.user-badge.svelte-rfuq4y{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.375rem;max-width:200px;padding:.375rem .625rem;font-size:.8125rem;display:none;overflow:hidden}.user-badge.svelte-rfuq4y span:where(.svelte-rfuq4y){text-overflow:ellipsis;overflow:hidden}@media (width>=640px){.user-badge.svelte-rfuq4y{display:inline-flex}}.btn-nav.svelte-rfuq4y{padding:.375rem .75rem;font-size:.8125rem}.btn-logout.svelte-rfuq4y{color:var(--color-text-muted)}.btn-logout.svelte-rfuq4y:hover{color:var(--color-error);border-color:var(--color-error-soft);background:var(--color-error-soft)}.lang-switcher.svelte-rfuq4y{position:relative}.btn-lang.svelte-rfuq4y{letter-spacing:.03em;justify-content:center;min-width:3rem;font-weight:700}.lang-current.svelte-rfuq4y{font-size:.75rem}.lang-dropdown.svelte-rfuq4y{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:200;min-width:130px;animation:.15s forwards fadeInUp;position:absolute;top:calc(100% + .375rem);right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.lang-option.svelte-rfuq4y{width:100%;color:var(--color-text);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:.5rem .875rem;font-size:.8125rem;display:block}.lang-option.svelte-rfuq4y:hover{background:var(--color-surface-hover)}.lang-active.svelte-rfuq4y{color:var(--color-primary);font-weight:600}.btn-menu.svelte-rfuq4y{color:var(--color-text)}.mobile-overlay.svelte-rfuq4y{z-index:99;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));background:#00000080;position:fixed;inset:0}.mobile-menu.svelte-rfuq4y{background:var(--color-surface);border-left:1px solid var(--color-border);z-index:100;flex-direction:column;gap:1.25rem;width:min(320px,80vw);padding:1.5rem;animation:.2s forwards slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.mobile-user.svelte-rfuq4y{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);word-break:break-all;align-items:center;gap:.5rem;padding-bottom:.75rem;font-size:.8125rem;display:flex}.mobile-actions.svelte-rfuq4y{flex-direction:column;gap:.5rem;display:flex}.btn-logout-mobile.svelte-rfuq4y{color:var(--color-text-muted);justify-content:flex-start}.btn-logout-mobile.svelte-rfuq4y:hover{color:var(--color-error);border-color:var(--color-error-soft);background:var(--color-error-soft)}.mobile-lang.svelte-rfuq4y{border-top:1px solid var(--color-border);padding-top:.75rem}.mobile-lang-label.svelte-rfuq4y{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:block}.mobile-lang-options.svelte-rfuq4y{gap:.375rem;display:flex}.mobile-lang-btn.svelte-rfuq4y{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex:1;padding:.5rem;font-size:.8125rem}.mobile-lang-btn.active.svelte-rfuq4y{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.mobile-lang-btn.svelte-rfuq4y:hover{border-color:var(--color-primary-soft)}.container.svelte-12qhfyh{max-width:min(1000px,100% - 2rem);margin:2rem auto;padding:0 1.25rem}@media (width<=640px){.container.svelte-12qhfyh{max-width:100%;margin:1rem auto;padding:0 1rem}}@media (width<=480px){.container.svelte-12qhfyh{margin:.75rem auto;padding:0 .625rem}}