body,html{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%;background-color:var(--bg-primary);color:var(--text-primary)}:root{--bg-primary:#ffffff;--bg-secondary:#f4f6f9;--bg-tertiary:#edf1f7;--bg-card:#ffffff;--bg-input:#ffffff;--bg-badge:#eff6ff;--bg-active:#eff6ff;--bg-danger:#ffe5e5;--bg-gradient-start:#f8fafc;--bg-gradient-end:#eff6ff;--bg-nav:rgba(255,255,255,0.8);--bg-nav-menu:rgba(255,255,255,0.9);--bg-overlay:rgba(0,0,0,0.6);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#64748b;--text-disabled:#94a3b8;--text-success:#15803d;--accent-success:#22c55e;--bg-success:#f0fdf4;--text-warning:#856404;--bg-warning:#fff3cd;--text-danger:#ef4444;--bg-danger:#fee2e2;--text-info:#1e40af;--bg-info:#eff6ff;--border-light:#e2e8f0;--border-lightest:#f1f5f9;--border-medium:#cbd5e1;--border-nav:rgba(255,255,255,0.5);--shadow-card:0 4px 12px rgba(0,0,0,0.1);--shadow-card-lg:0 4px 15px rgba(0,0,0,0.05);--shadow-subtle:0 2px 4px rgba(0,0,0,0.05);--shadow-nav:0 8px 32px rgba(0,0,0,0.15);--shadow-nav-menu:0 10px 40px rgba(0,0,0,0.2);--shadow-avatar:0 4px 12px rgba(0,0,0,0.08);--shadow-modal:0 -4px 20px rgba(0,0,0,0.2);--accent-primary:#3b82f6;--accent-secondary:#6366f1;--toggle-on:#000000;--toggle-off:#dddddd;--bg-active:#f0f2f5;--avatar-bg:#000000;--avatar-text:#ffffff;--avatar-border:#ffffff;--crown-border:#ffffff;--spinner-track:#eeeeee;--spinner-head:#333333;--accent-premium:#FFD700;--border-premium:#FFD700;--btn-primary-bg:#1a1a1a;--btn-primary-hover:#333333;--btn-primary-active:#000000;--btn-primary-text:#ffffff;--btn-secondary-bg:transparent;--btn-secondary-border:#e2e8f0;--btn-secondary-hover:#f8fafc;--btn-secondary-active:#f1f5f9;--btn-secondary-text:#64748b;--button-primary-bg:var(--btn-primary-bg);--button-primary-text:var(--btn-primary-text)}.dark{--bg-primary:#2b2b2b;--bg-secondary:#313335;--bg-tertiary:#3c3f41;--bg-card:#3c3f41;--bg-input:#45494a;--bg-overlay:rgba(0,0,0,0.7);--bg-nav:rgba(43,43,43,0.94);--bg-nav-menu:rgba(60,63,65,0.97);--bg-gradient-start:#2b2b2b;--bg-gradient-end:#313335;--bg-danger:#3c2020;--bg-badge:#3a3000;--bg-info:#3a3f4b;--text-info:#bd93f9;--text-primary:#bababa;--text-secondary:#a9b7c6;--text-tertiary:#808080;--text-muted:#8b949e;--text-disabled:#8b949e;--text-danger:#ff6b6b;--text-info:#adbac7;--text-success:#50fa7b;--accent-success:#50fa7b;--bg-success:rgba(80,250,123,0.1);--text-warning:#f1fa8c;--bg-warning:rgba(241,250,140,0.1);--text-danger:#ff5555;--bg-danger:rgba(255,85,85,0.1);--bg-info-subtle:rgba(189,147,249,0.1);--border-light:#515151;--border-lightest:#3c3f41;--border-subtle:#3c3f41;--border-nav:rgba(255,255,255,0.06);--shadow-card:0 2px 8px rgba(0,0,0,0.25);--shadow-card-lg:0 4px 15px rgba(0,0,0,0.3);--shadow-subtle:0 2px 4px rgba(0,0,0,0.2);--shadow-nav:0 8px 32px rgba(0,0,0,0.45);--shadow-nav-menu:0 10px 40px rgba(0,0,0,0.45);--shadow-avatar:0 4px 12px rgba(0,0,0,0.35);--shadow-modal:0 -4px 20px rgba(0,0,0,0.4);--toggle-on:#5c8ed6;--toggle-off:#515151;--bg-active:#45494a;--avatar-bg:#4B4F68;--avatar-text:#E2E6F3;--avatar-border:rgba(98,114,164,0.4);--crown-border:#2b2b2b;--spinner-track:#515151;--spinner-head:#a9b7c6;--accent-premium:#EBCB8B;--border-premium:#EBCB8B;--btn-primary-bg:#6272A4;--btn-primary-hover:#7082B6;--btn-primary-active:#556391;--btn-primary-text:#F8F8F2;--btn-secondary-bg:#3A3F4B;--btn-secondary-border:#5B6272;--btn-secondary-hover:#444B5B;--btn-secondary-active:#5B6272;--btn-secondary-text:#B8BECC;--button-primary-bg:var(--btn-primary-bg);--button-primary-text:var(--btn-primary-text)}html.dark,html.dark body{background-color:#2b2b2b!important;color:#bababa!important}html.dark input,html.dark select,html.dark textarea{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-light)!important}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--text-muted)!important}html.dark option{background-color:var(--bg-card);color:var(--text-primary)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;transition:all .2s ease;cursor:pointer}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.btn-primary:active{background:var(--btn-primary-active);transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);transition:all .2s ease;cursor:pointer}.btn-secondary:hover{background:var(--btn-secondary-hover)}.btn-secondary:active{background:var(--btn-secondary-active)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#d9534f;color:#fff;border:none;transition:all .2s ease;cursor:pointer}.btn-danger:hover{background:#c9302c;transform:translateY(-1px)}.btn-danger:active{background:#ac2925;transform:translateY(0)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.skeleton{background-color:var(--bg-secondary);position:relative;overflow:hidden;border-radius:4px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.05) 20%,rgba(255,255,255,.1) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite}html.dark .skeleton:after{background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.03) 20%,rgba(255,255,255,.08) 60%,rgba(255,255,255,0))}@keyframes shimmer{to{transform:translateX(100%)}}