:root{--color-primary: #0f172a;--color-primary-light: #1e293b;--color-accent: #2563eb;--color-accent-light: #60a5fa;--color-accent-subtle: #eef2ff;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--color-background: #f8fafc;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-secondary: #64748b;--color-card-bg: #ffffff;--color-surface: #f1f5f9;--color-accent-dark: #1d4ed8;--color-info: #3b82f6;--color-muted: #64748b;--color-bg: #f8fafc;--color-surface-hover: #e2e8f0;--wa-header-bg: #075e54;--wa-body-bg: #e5ddd5;--wa-bubble-out: #d9fdd3;--wa-text: #111b21;--wa-footer-bg: #f0f2f5;--wa-meta: #667781;--wa-checks: #53bdeb;--wa-avatar-bg: #128c7e;--wa-notice-bg: #ffeecd;--wa-notice-text: #3b3017;color-scheme:light;--color-hover: rgba(0, 0, 0, .04);--color-border: rgba(0, 0, 0, .1);--input-bg: #ffffff;--input-border: rgba(0, 0, 0, .15);--input-placeholder: #94a3b8;--color-bg-primary: #ffffff;--modal-overlay: rgba(0, 0, 0, .5);--modal-shadow: 0 20px 40px rgba(0, 0, 0, .15);--sidebar-bg: #ffffff;--sidebar-text: #0f172a;--sidebar-text-muted: #64748b;--sidebar-user-bg: rgba(0, 0, 0, .03);--sidebar-user-border: rgba(0, 0, 0, .06);--sidebar-divider: rgba(0, 0, 0, .08);--sidebar-nav-hover: rgba(0, 0, 0, .04);--sidebar-collapse-btn: rgba(0, 0, 0, .3);--sidebar-collapse-btn-hover: rgba(0, 0, 0, .6);--color-bg-dark: #0f172a;--color-bg-card-dark: #1e293b;--color-hover-dark: #1e3a5f;--color-text-dark: #e2e8f0;--color-text-muted-dark: #64748b;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(10px);--auth-bg-from: #e2e8f0;--auth-bg-to: #c7d2fe;--auth-card-bg: rgba(255, 255, 255, .7);--auth-card-border: rgba(255, 255, 255, .3);--navbar-bg: rgba(255, 255, 255, .8);--font-title: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--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;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}:root[data-theme=dark]{--color-background: #0f172a;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-text-secondary: #94a3b8;--color-accent-subtle: rgba(37, 99, 235, .15);--color-card-bg: #1e293b;--color-surface: #0f172a;--color-accent-dark: #1e40af;--color-info: #60a5fa;--color-muted: #94a3b8;--color-bg: #0f172a;--color-surface-hover: #334155;color-scheme:dark;--wa-header-bg: #054d44;--wa-body-bg: #111b21;--wa-bubble-out: #202c33;--wa-text: #e9edef;--wa-footer-bg: #202329;--wa-meta: #8696a0;--wa-checks: #53bdeb;--wa-avatar-bg: #128c7e;--wa-notice-bg: #182229;--wa-notice-text: #aebac1;--color-hover: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .08);--input-border: rgba(255, 255, 255, .2);--input-placeholder: #64748b;--color-bg-primary: #1e293b;--modal-overlay: rgba(0, 0, 0, .7);--modal-shadow: 0 20px 40px rgba(0, 0, 0, .5);--sidebar-bg: #0f172a;--sidebar-text: #f8fafc;--sidebar-text-muted: rgba(255, 255, 255, .7);--sidebar-user-bg: rgba(255, 255, 255, .08);--sidebar-user-border: rgba(255, 255, 255, .1);--sidebar-divider: rgba(255, 255, 255, .08);--sidebar-nav-hover: rgba(255, 255, 255, .08);--sidebar-collapse-btn: rgba(255, 255, 255, .4);--sidebar-collapse-btn-hover: white;--navbar-bg: rgba(15, 23, 42, .85);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--auth-bg-from: #0f172a;--auth-bg-to: #2a2a4e;--auth-card-bg: rgba(255, 255, 255, .05);--auth-card-border: rgba(255, 255, 255, .1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background: #0f172a;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-text-secondary: #94a3b8;--color-accent-subtle: rgba(37, 99, 235, .15);--color-card-bg: #1e293b;--color-surface: #0f172a;--color-accent-dark: #1e40af;--color-info: #60a5fa;--color-muted: #94a3b8;--color-bg: #0f172a;--color-surface-hover: #334155;color-scheme:dark;--wa-header-bg: #054d44;--wa-body-bg: #111b21;--wa-bubble-out: #202c33;--wa-text: #e9edef;--wa-footer-bg: #202329;--wa-meta: #8696a0;--wa-checks: #53bdeb;--wa-avatar-bg: #128c7e;--wa-notice-bg: #182229;--wa-notice-text: #aebac1;--color-hover: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .08);--input-border: rgba(255, 255, 255, .2);--input-placeholder: #64748b;--color-bg-primary: #1e293b;--modal-overlay: rgba(0, 0, 0, .7);--modal-shadow: 0 20px 40px rgba(0, 0, 0, .5);--sidebar-bg: #0f172a;--sidebar-text: #f8fafc;--sidebar-text-muted: rgba(255, 255, 255, .7);--sidebar-user-bg: rgba(255, 255, 255, .08);--sidebar-user-border: rgba(255, 255, 255, .1);--sidebar-divider: rgba(255, 255, 255, .08);--sidebar-nav-hover: rgba(255, 255, 255, .08);--sidebar-collapse-btn: rgba(255, 255, 255, .4);--sidebar-collapse-btn-hover: white;--navbar-bg: rgba(15, 23, 42, .85);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--auth-bg-from: #0f172a;--auth-bg-to: #2a2a4e;--auth-card-bg: rgba(255, 255, 255, .05);--auth-card-border: rgba(255, 255, 255, .1)}}html{font-size:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--color-text)}.premium-card{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 4px 20px #0000000d;border:1px solid var(--sidebar-divider);transition:transform .2s ease;box-sizing:border-box}.premium-card:hover{transform:translateY(-4px)}.btn-primary{background-color:var(--color-accent);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none;font-family:var(--font-title);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px color-mix(in srgb,var(--color-accent) 30%,transparent)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 20px color-mix(in srgb,var(--color-accent) 40%,transparent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background-color:transparent;color:var(--color-text-muted);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:1px solid var(--sidebar-divider);font-family:var(--font-title);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-text)}.public-lang-switcher{position:absolute;top:var(--space-5);right:var(--space-5);z-index:50;display:flex;align-items:center;gap:var(--space-2)}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus,.skip-link:focus-visible{position:fixed;width:auto;height:auto;padding:var(--space-4) var(--space-6);margin:0;overflow:visible;clip:auto;white-space:normal;top:0;left:0;background:var(--color-accent);color:#fff;font-weight:700;font-size:var(--text-sm);text-decoration:none;z-index:10000;border-radius:0 0 var(--radius-sm) 0;outline:3px solid rgba(255,255,255,.5);outline-offset:-3px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-top:1px solid var(--sidebar-divider);flex-wrap:wrap}.pagination-controls{display:flex;align-items:center;gap:var(--space-4)}.page-size-selector{display:flex;align-items:center;gap:var(--space-2)}.page-size-selector label{font-size:var(--text-xs);color:var(--color-text-muted)}.page-size-selector select{padding:var(--space-1) var(--space-3);border:1px solid var(--sidebar-divider);border-radius:var(--radius-sm);background:var(--sidebar-bg);color:var(--color-text);font-size:var(--text-xs);cursor:pointer;outline:none;font-family:inherit}.page-size-selector select:hover{border-color:var(--color-accent)}.page-btn{padding:var(--space-2) var(--space-5);border:1px solid var(--sidebar-divider);border-radius:var(--radius-sm);background:var(--sidebar-bg);color:var(--color-text);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.page-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:var(--text-xs);color:var(--color-text-muted)}.skeleton{background:linear-gradient(90deg,color-mix(in srgb,var(--color-text) 6%,transparent) 25%,color-mix(in srgb,var(--color-text) 2%,transparent),color-mix(in srgb,var(--color-text) 6%,transparent) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);display:inline-block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}select option{background:var(--color-card-bg);color:var(--color-text)}.glass-tooltip{position:fixed;background:var(--glass-bg, rgba(255, 255, 255, .95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border, rgba(0, 0, 0, .1));border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text);box-shadow:0 8px 20px #0000001f;pointer-events:none;white-space:nowrap;z-index:9999;max-width:300px}.btn-outline-accent{background-color:transparent;border:1.5px solid var(--color-accent);color:var(--color-accent);padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-title);font-weight:700;cursor:pointer;transition:all .2s ease}.btn-outline-accent:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 8%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--color-accent) 20%,transparent)}.btn-outline-accent:disabled{opacity:.5;cursor:not-allowed}.btn-outline-accent:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:480px){.public-lang-switcher{top:var(--space-3);right:var(--space-3)}}