*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #10b981;--danger: #ef4444;--warning: #f59e0b;--success: #22c55e;--dark: #1f2937;--light: #f9fafb;--light-gray: #f3f4f6;--white: #ffffff;--border: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-light: #9ca3af}[data-theme=dark]{--primary: #00d9ff;--primary-dark: #00b8d9;--primary-light: #33e0ff;--secondary: #00ff88;--danger: #ff3366;--warning: #ffaa00;--success: #00ff88;--dark: #0a0e1a;--light: #1a1f2e;--light-gray: #252b3a;--white: #1a1f2e;--border: #2a3441;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-light: #9ca3af;--glow-primary: 0 0 20px rgba(0, 217, 255, .5);--glow-secondary: 0 0 20px rgba(0, 255, 136, .5);--glow-danger: 0 0 20px rgba(255, 51, 102, .5);--bg-primary: #1a1f2e;--bg-secondary: #252b3a;--bg-tertiary: #2a3441}[data-theme=dark] body{background:linear-gradient(135deg,#0a0e1a,#1a1f2e,#0f1419);background-attachment:fixed}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh;width:100%;margin:0;padding:0;overflow-x:hidden;color:var(--text-primary);line-height:1.6}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1.5%;box-sizing:border-box}@media(min-width:1920px){#root{max-width:95%;padding:2%}}@media(min-width:1600px)and (max-width:1919px){#root{max-width:92%;padding:1.8%}}@media(min-width:1400px)and (max-width:1599px){#root{max-width:90%;padding:1.5%}}@media(min-width:1200px)and (max-width:1399px){#root{max-width:88%;padding:1.5%}}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}#notification-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.notification{background:#fff;padding:18px 24px;border-radius:14px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;gap:8px;z-index:3000;min-width:300px;animation:slideInRight .4s ease;border-left:4px solid var(--primary)}.notification.success{border-left-color:var(--success)}.notification.error{border-left-color:var(--danger)}.notification.warning{border-left-color:var(--warning)}.notification.info{border-left-color:var(--primary)}.notification-header{display:flex;justify-content:space-between;align-items:center}.notification-header strong{color:var(--text-primary);font-size:15px;font-weight:600}.close-btn{background:none;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--light-gray);color:var(--text-primary)}.notification-body{color:var(--text-secondary);font-size:14px;line-height:1.5}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .notification{background:#1a1f2e;border-left:4px solid;box-shadow:0 10px 30px #00000080}[data-theme=dark] .notification.success{border-left-color:var(--success);box-shadow:0 10px 30px #00000080,var(--glow-secondary)}[data-theme=dark] .notification.error{border-left-color:var(--danger);box-shadow:0 10px 30px #00000080,var(--glow-danger)}[data-theme=dark] .notification.warning{border-left-color:var(--warning)}[data-theme=dark] .notification.info{border-left-color:var(--primary);box-shadow:0 10px 30px #00000080,var(--glow-primary)}[data-theme=dark] .notification-header strong{color:var(--text-primary)}[data-theme=dark] .notification-body{color:var(--text-secondary)}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:2px solid var(--border);position:sticky;top:0;background:#fff;z-index:1;border-radius:20px 20px 0 0}[data-theme=dark] .modal-content{background:#1a1f2e;border:1px solid rgba(0,217,255,.2);box-shadow:0 20px 60px #000c,var(--glow-primary)}[data-theme=dark] .modal-header{background:#1a1f2e;border-bottom-color:#00d9ff33}[data-theme=dark] .modal-header h2,[data-theme=dark] .modal-header h3{color:var(--text-primary)}@media(max-width:640px){#root{padding:0}.modal-content{width:100%;max-width:100%;border-radius:0;max-height:100vh}.modal-header{border-radius:0}}[data-skin=christmas_fun_pro]{--primary: #c41e3a;--primary-dark: #9b1629;--primary-light: #e63950;--secondary: #2d5016;--danger: #d32f2f;--warning: #ff9800;--success: #2d5016;--dark: #1a0f0a;--light: #fff8f0;--light-gray: #f5e6d3;--white: #ffffff;--border: #d4a574;--text-primary: #1a0f0a;--text-secondary: #8b4513;--text-light: #a0826d;--glow-primary: 0 0 20px rgba(196, 30, 58, .4);--glow-secondary: 0 0 20px rgba(45, 80, 22, .3);--glow-danger: 0 0 20px rgba(211, 47, 47, .5);--glow-warning: 0 0 20px rgba(255, 152, 0, .5);--bg-primary: #fff8f0;--bg-secondary: #f5e6d3;--bg-tertiary: #ffedd5}[data-skin=christmas_fun_pro] body{background:linear-gradient(135deg,#fff8f0,#f5e6d3,#fff8f0);background-attachment:fixed}[data-skin=christmas_fun_pro][data-theme=dark]{--primary: #e63950;--primary-dark: #c41e3a;--primary-light: #ff5c75;--secondary: #4a7c2a;--danger: #ff5252;--warning: #ffb74d;--success: #4a7c2a;--dark: #1a0f0a;--light: #2a1f15;--light-gray: #3a2f25;--white: #2a1f15;--border: #8b5a2b;--text-primary: #f5e6d3;--text-secondary: #d4a574;--text-light: #a0826d;--glow-primary: 0 0 25px rgba(230, 57, 80, .6);--glow-secondary: 0 0 20px rgba(74, 124, 42, .5);--glow-danger: 0 0 20px rgba(255, 82, 82, .6);--bg-primary: #2a1f15;--bg-secondary: #3a2f25;--bg-tertiary: #4a3f35}[data-skin=christmas_fun_pro][data-theme=dark] body{background:linear-gradient(135deg,#1a0f0a,#2a1f15,#1a0f0a);background-attachment:fixed}[data-skin=hyper_pro_puriste]{--primary: #1a1a1a;--primary-dark: #000000;--primary-light: #333333;--secondary: #4a4a4a;--danger: #b91c1c;--warning: #78350f;--success: #065f46;--dark: #000000;--light: #ffffff;--light-gray: #f5f5f5;--white: #ffffff;--border: #e0e0e0;--text-primary: #000000;--text-secondary: #4a4a4a;--text-light: #9a9a9a;--glow-primary: none;--glow-secondary: none;--glow-danger: none;--glow-warning: none;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e0e0e0}[data-skin=hyper_pro_puriste] body{background:#fff;background-attachment:fixed}[data-skin=hyper_pro_puriste][data-theme=dark]{--primary: #ffffff;--primary-dark: #e0e0e0;--primary-light: #f5f5f5;--secondary: #b0b0b0;--danger: #ff4444;--warning: #d4a574;--success: #22c55e;--dark: #000000;--light: #1a1a1a;--light-gray: #2a2a2a;--white: #1a1a1a;--border: #333333;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-light: #707070;--glow-primary: none;--glow-secondary: none;--glow-danger: none;--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #333333}[data-skin=hyper_pro_puriste][data-theme=dark] body{background:#000;background-attachment:fixed}[data-skin=dark_neon]{--primary: #8b5cf6;--primary-dark: #6d28d9;--primary-light: #a78bfa;--secondary: #06b6d4;--danger: #f43f5e;--warning: #fbbf24;--success: #10b981;--dark: #0a0a0f;--light: #1a1a2e;--light-gray: #16213e;--white: #1a1a2e;--border: #8b5cf6;--text-primary: #e0e0ff;--text-secondary: #b4b4ff;--text-light: #8b8bff;--glow-primary: 0 0 20px rgba(139, 92, 246, .6);--glow-secondary: 0 0 20px rgba(6, 182, 212, .6);--glow-danger: 0 0 20px rgba(244, 63, 94, .6);--glow-warning: 0 0 20px rgba(251, 191, 36, .5);--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f1419}[data-skin=dark_neon] body{background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);background-attachment:fixed}[data-skin=dark_neon][data-theme=dark]{--primary: #a78bfa;--primary-dark: #8b5cf6;--primary-light: #c4b5fd;--secondary: #22d3ee;--danger: #fb7185;--warning: #fcd34d;--success: #34d399;--glow-primary: 0 0 30px rgba(167, 139, 250, .8);--glow-secondary: 0 0 25px rgba(34, 211, 238, .7);--glow-danger: 0 0 25px rgba(251, 113, 133, .8);--glow-warning: 0 0 25px rgba(252, 211, 77, .6);--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f1419}[data-skin=ocean_blue]{--primary: #0284c7;--primary-dark: #0369a1;--primary-light: #38bdf8;--secondary: #0d9488;--danger: #dc2626;--warning: #f59e0b;--success: #059669;--dark: #0c4a6e;--light: #e0f2fe;--light-gray: #bae6fd;--white: #ffffff;--border: #7dd3fc;--text-primary: #0c4a6e;--text-secondary: #0369a1;--text-light: #0284c7;--glow-primary: 0 0 15px rgba(2, 132, 199, .3);--glow-secondary: 0 0 15px rgba(13, 148, 136, .3);--glow-danger: 0 0 15px rgba(220, 38, 38, .3);--glow-warning: 0 0 15px rgba(245, 158, 11, .3);--bg-primary: #e0f2fe;--bg-secondary: #bae6fd;--bg-tertiary: #7dd3fc}[data-skin=ocean_blue] body{background:linear-gradient(135deg,#e0f2fe,#bae6fd,#e0f2fe);background-attachment:fixed}[data-skin=ocean_blue][data-theme=dark]{--primary: #38bdf8;--primary-dark: #0284c7;--primary-light: #7dd3fc;--secondary: #2dd4bf;--danger: #f87171;--warning: #fbbf24;--success: #34d399;--dark: #0c4a6e;--light: #1e3a5f;--light-gray: #1e40af;--white: #1e3a5f;--border: #0284c7;--text-primary: #e0f2fe;--text-secondary: #bae6fd;--text-light: #7dd3fc;--glow-primary: 0 0 20px rgba(56, 189, 248, .5);--glow-secondary: 0 0 20px rgba(45, 212, 191, .5);--glow-danger: 0 0 20px rgba(248, 113, 113, .5);--bg-primary: #1e3a5f;--bg-secondary: #1e40af;--bg-tertiary: #0c4a6e}[data-skin=ocean_blue][data-theme=dark] body{background:linear-gradient(135deg,#0c4a6e,#1e3a5f,#0c4a6e);background-attachment:fixed}[data-skin=sunset_vibes]{--primary: #f97316;--primary-dark: #ea580c;--primary-light: #fb923c;--secondary: #ec4899;--danger: #dc2626;--warning: #fbbf24;--success: #eab308;--dark: #7c2d12;--light: #fff7ed;--light-gray: #ffedd5;--white: #ffffff;--border: #fdba74;--text-primary: #7c2d12;--text-secondary: #ea580c;--text-light: #fb923c;--glow-primary: 0 0 20px rgba(249, 115, 22, .4);--glow-secondary: 0 0 20px rgba(236, 72, 153, .4);--glow-danger: 0 0 20px rgba(220, 38, 38, .4);--glow-warning: 0 0 20px rgba(251, 191, 36, .5);--bg-primary: #fff7ed;--bg-secondary: #ffedd5;--bg-tertiary: #fed7aa}[data-skin=sunset_vibes] body{background:linear-gradient(135deg,#fff7ed,#ffedd5,#fed7aa);background-attachment:fixed}[data-skin=sunset_vibes][data-theme=dark]{--primary: #fb923c;--primary-dark: #f97316;--primary-light: #fdba74;--secondary: #f472b6;--danger: #f87171;--warning: #fcd34d;--success: #fde047;--dark: #7c2d12;--light: #9a3412;--light-gray: #c2410c;--white: #9a3412;--border: #f97316;--text-primary: #fff7ed;--text-secondary: #ffedd5;--text-light: #fed7aa;--glow-primary: 0 0 25px rgba(251, 146, 60, .6);--glow-secondary: 0 0 25px rgba(244, 114, 182, .6);--glow-danger: 0 0 25px rgba(248, 113, 113, .6);--bg-primary: #9a3412;--bg-secondary: #c2410c;--bg-tertiary: #9a3412}[data-skin=sunset_vibes][data-theme=dark] body{background:linear-gradient(135deg,#7c2d12,#9a3412,#c2410c);background-attachment:fixed}[data-skin=matrix_green]{--primary: #00ff41;--primary-dark: #00cc33;--primary-light: #33ff66;--secondary: #00cc33;--danger: #ff0033;--warning: #ffff00;--success: #00ff41;--dark: #000000;--light: #001100;--light-gray: #002200;--white: #001100;--border: #00ff41;--text-primary: #00ff41;--text-secondary: #00cc33;--text-light: #009922;--glow-primary: 0 0 25px rgba(0, 255, 65, .8);--glow-secondary: 0 0 20px rgba(0, 204, 51, .7);--glow-danger: 0 0 20px rgba(255, 0, 51, .8);--glow-warning: 0 0 20px rgba(255, 255, 0, .6);--bg-primary: #001100;--bg-secondary: #002200;--bg-tertiary: #000000}[data-skin=matrix_green] body{background:linear-gradient(135deg,#000,#010,#000);background-attachment:fixed}[data-skin=matrix_green][data-theme=dark]{--primary: #33ff66;--primary-dark: #00ff41;--primary-light: #66ff88;--secondary: #00ff41;--danger: #ff3366;--warning: #ffff33;--success: #33ff66;--glow-primary: 0 0 30px rgba(51, 255, 102, .9);--glow-secondary: 0 0 25px rgba(0, 255, 65, .8);--glow-danger: 0 0 25px rgba(255, 51, 102, .9);--bg-primary: #001100;--bg-secondary: #002200;--bg-tertiary: #000000}[data-skin=minimal_white]{--primary: #4a5568;--primary-dark: #2d3748;--primary-light: #718096;--secondary: #718096;--danger: #e53e3e;--warning: #d69e2e;--success: #38a169;--dark: #f7fafc;--light: #ffffff;--light-gray: #f7fafc;--white: #ffffff;--border: #e2e8f0;--text-primary: #2d3748;--text-secondary: #4a5568;--text-light: #a0aec0;--glow-primary: none;--glow-secondary: none;--glow-danger: none;--glow-warning: none;--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #e2e8f0}[data-skin=minimal_white] body{background:#fff;background-attachment:fixed}[data-skin=minimal_white][data-theme=dark]{--primary: #cbd5e0;--primary-dark: #a0aec0;--primary-light: #e2e8f0;--secondary: #a0aec0;--danger: #fc8181;--warning: #f6ad55;--success: #68d391;--dark: #1a202c;--light: #2d3748;--light-gray: #4a5568;--white: #2d3748;--border: #4a5568;--text-primary: #f7fafc;--text-secondary: #cbd5e0;--text-light: #a0aec0;--glow-primary: none;--glow-secondary: none;--glow-danger: none;--bg-primary: #2d3748;--bg-secondary: #4a5568;--bg-tertiary: #1a202c}[data-skin=minimal_white][data-theme=dark] body{background:#1a202c;background-attachment:fixed}[data-skin=royal_purple]{--primary: #7c3aed;--primary-dark: #6d28d9;--primary-light: #8b5cf6;--secondary: #a855f7;--danger: #dc2626;--warning: #f59e0b;--success: #059669;--dark: #1e1b4b;--light: #faf5ff;--light-gray: #f3e8ff;--white: #ffffff;--border: #c4b5fd;--text-primary: #1e1b4b;--text-secondary: #6d28d9;--text-light: #8b5cf6;--glow-primary: 0 0 20px rgba(124, 58, 237, .4);--glow-secondary: 0 0 20px rgba(168, 85, 247, .4);--glow-danger: 0 0 20px rgba(220, 38, 38, .4);--glow-warning: 0 0 20px rgba(245, 158, 11, .5);--bg-primary: #faf5ff;--bg-secondary: #f3e8ff;--bg-tertiary: #e9d5ff}[data-skin=royal_purple] body{background:linear-gradient(135deg,#faf5ff,#f3e8ff,#e9d5ff);background-attachment:fixed}[data-skin=royal_purple][data-theme=dark]{--primary: #8b5cf6;--primary-dark: #7c3aed;--primary-light: #a78bfa;--secondary: #c084fc;--danger: #f87171;--warning: #fbbf24;--success: #34d399;--dark: #1e1b4b;--light: #312e81;--light-gray: #4338ca;--white: #312e81;--border: #7c3aed;--text-primary: #faf5ff;--text-secondary: #f3e8ff;--text-light: #e9d5ff;--glow-primary: 0 0 25px rgba(139, 92, 246, .6);--glow-secondary: 0 0 25px rgba(192, 132, 252, .6);--glow-danger: 0 0 25px rgba(248, 113, 113, .6);--bg-primary: #312e81;--bg-secondary: #4338ca;--bg-tertiary: #1e1b4b}[data-skin=royal_purple][data-theme=dark] body{background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);background-attachment:fixed}[data-skin=forest_green]{--primary: #16a34a;--primary-dark: #15803d;--primary-light: #22c55e;--secondary: #84cc16;--danger: #dc2626;--warning: #ca8a04;--success: #16a34a;--dark: #052e16;--light: #f0fdf4;--light-gray: #dcfce7;--white: #ffffff;--border: #86efac;--text-primary: #052e16;--text-secondary: #15803d;--text-light: #16a34a;--glow-primary: 0 0 15px rgba(22, 163, 74, .3);--glow-secondary: 0 0 15px rgba(132, 204, 22, .3);--glow-danger: 0 0 15px rgba(220, 38, 38, .3);--glow-warning: 0 0 15px rgba(202, 138, 4, .3);--bg-primary: #f0fdf4;--bg-secondary: #dcfce7;--bg-tertiary: #bbf7d0}[data-skin=forest_green] body{background:linear-gradient(135deg,#f0fdf4,#dcfce7,#bbf7d0);background-attachment:fixed}[data-skin=forest_green][data-theme=dark]{--primary: #22c55e;--primary-dark: #16a34a;--primary-light: #4ade80;--secondary: #a3e635;--danger: #f87171;--warning: #facc15;--success: #4ade80;--dark: #052e16;--light: #14532d;--light-gray: #166534;--white: #14532d;--border: #16a34a;--text-primary: #f0fdf4;--text-secondary: #dcfce7;--text-light: #bbf7d0;--glow-primary: 0 0 20px rgba(34, 197, 94, .5);--glow-secondary: 0 0 20px rgba(163, 230, 53, .5);--glow-danger: 0 0 20px rgba(248, 113, 113, .5);--bg-primary: #14532d;--bg-secondary: #166534;--bg-tertiary: #052e16}[data-skin=forest_green][data-theme=dark] body{background:linear-gradient(135deg,#052e16,#14532d,#166534);background-attachment:fixed}[data-skin=cyberpunk_red]{--primary: #ef4444;--primary-dark: #dc2626;--primary-light: #f87171;--secondary: #ec4899;--danger: #ef4444;--warning: #f59e0b;--success: #06b6d4;--dark: #0a0a0a;--light: #1a0000;--light-gray: #2a0000;--white: #1a0000;--border: #ef4444;--text-primary: #ff4444;--text-secondary: #ff6666;--text-light: #ff8888;--glow-primary: 0 0 25px rgba(239, 68, 68, .8);--glow-secondary: 0 0 25px rgba(236, 72, 153, .8);--glow-danger: 0 0 25px rgba(239, 68, 68, .8);--glow-warning: 0 0 25px rgba(245, 158, 11, .7);--bg-primary: #1a0000;--bg-secondary: #2a0000;--bg-tertiary: #0a0a0a}[data-skin=cyberpunk_red] body{background:linear-gradient(135deg,#0a0a0a,#1a0000,#2a0000);background-attachment:fixed}[data-skin=cyberpunk_red][data-theme=dark]{--primary: #f87171;--primary-dark: #ef4444;--primary-light: #fca5a5;--secondary: #f472b6;--danger: #f87171;--warning: #fbbf24;--success: #22d3ee;--glow-primary: 0 0 30px rgba(248, 113, 113, .9);--glow-secondary: 0 0 30px rgba(244, 114, 182, .9);--glow-danger: 0 0 30px rgba(248, 113, 113, .9);--glow-warning: 0 0 30px rgba(251, 191, 36, .8);--bg-primary: #1a0000;--bg-secondary: #2a0000;--bg-tertiary: #0a0a0a}.btn{padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:0 4px 12px #00d9ff66,var(--glow-primary)}[data-theme=dark] .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #00d9ff99,0 0 30px #00d9ff66}[data-theme=dark] .btn-secondary{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--primary);box-shadow:var(--glow-primary)}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.btn-small{padding:8px 16px;font-size:14px}.btn-medium{padding:14px 32px;font-size:16px}.btn-large{padding:18px 40px;font-size:18px}.btn i{display:inline-block!important;font-size:inherit!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.btn i.fas{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.btn i.far{font-family:"Font Awesome 6 Free"!important;font-weight:400!important}.two-factor-verification{max-width:400px;margin:0 auto;padding:40px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a}.verification-header{text-align:center;margin-bottom:30px}.verification-header i{font-size:48px;color:var(--primary);margin-bottom:15px}.verification-header h2{margin:0 0 10px;font-size:24px;font-weight:600;color:var(--text-primary)}.verification-header p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.verification-form{display:flex;flex-direction:column;gap:20px}.code-input-container{display:flex;flex-direction:column;gap:10px}.code-input{width:100%;padding:20px;font-size:32px;text-align:center;letter-spacing:12px;border:2px solid var(--border);border-radius:12px;font-family:Courier New,monospace;font-weight:600;transition:all .2s ease;background:var(--light)}.code-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #00d9ff1a;background:#fff}.code-input:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ef4444;font-size:14px;text-align:center;padding:8px;background:#fee2e2;border-radius:6px}.verification-actions{display:flex;flex-direction:column;gap:10px}.verify-button{width:100%;padding:14px;font-size:16px;font-weight:600}.cancel-button{width:100%;padding:12px;font-size:14px}.help-text{margin-top:20px;padding:15px;background:var(--light);border-radius:8px;text-align:center}.help-text p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.6;display:flex;align-items:center;justify-content:center;gap:8px}.help-text i{color:var(--primary)}[data-theme=dark] .two-factor-verification{background:#1a1f2e;border:1px solid rgba(0,217,255,.2)}[data-theme=dark] .verification-header h2{color:var(--text-primary)}[data-theme=dark] .verification-header p{color:var(--text-secondary)}[data-theme=dark] .code-input{background:#252b3a;border-color:#00d9ff33;color:var(--text-primary)}[data-theme=dark] .code-input:focus{border-color:var(--primary);background:#2a3441;box-shadow:0 0 0 4px #00d9ff33}[data-theme=dark] .error-message{background:#ef444433;color:#fca5a5}[data-theme=dark] .help-text{background:#252b3a;border:1px solid rgba(0,217,255,.1)}[data-theme=dark] .help-text p{color:var(--text-secondary)}.email-verification{text-align:center;padding:40px 20px;max-width:500px;margin:0 auto}.email-verification-icon{font-size:64px;color:var(--primary);margin-bottom:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.email-verification h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:16px}.email-verification-message{color:var(--text-secondary);font-size:16px;margin-bottom:12px;line-height:1.6}.email-verification-message strong{color:var(--text-primary);font-weight:600}.email-verification-instructions{color:var(--text-secondary);font-size:14px;margin-bottom:32px;line-height:1.6}.email-verification-actions{margin-bottom:32px}.email-verification-help{background:var(--light);border-radius:12px;padding:20px;text-align:left;margin-top:32px}.email-verification-help p{margin:0 0 12px;color:var(--text-primary);font-size:14px;display:flex;align-items:center;gap:8px}.email-verification-help i{color:var(--primary)}.email-verification-help ul{margin:0;padding-left:24px;color:var(--text-secondary);font-size:13px;line-height:1.8}.email-verification-help li{margin-bottom:8px}[data-theme=dark] .email-verification-help{background:#252b3a;border:1px solid rgba(0,217,255,.2)}.auth-form h2{margin-bottom:12px;color:var(--text-primary);font-size:28px;font-weight:700}.auth-form p{color:var(--text-secondary);margin-bottom:35px;font-size:16px}.login-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;margin-bottom:22px;border:1px solid var(--border);border-radius:10px;background:#0f172a94}.login-mode-switch button{min-height:42px;border:0;border-radius:8px;color:var(--text-secondary);background:transparent;font-weight:700;cursor:pointer}.login-mode-switch button.active{color:#041016;background:linear-gradient(135deg,#22d3ee,#14b8a6)}.login-mode-switch button:disabled{cursor:not-allowed;opacity:.62}.login-recaptcha{min-height:1px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;color:var(--text-primary);font-weight:600;font-size:14px}.form-group input{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:12px;font-size:16px;transition:all .3s;background:var(--light)}.form-group input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6366f11a}[data-theme=dark] .form-group input{background:#252b3a;border-color:#00d9ff4d;color:var(--text-primary)}[data-theme=dark] .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #00d9ff33,var(--glow-primary);background:#2a3441}.full-width{width:100%;margin-top:10px}.switch-form{text-align:center;margin-top:20px;color:var(--text-secondary)}.link-button{background:none;border:none;color:var(--primary);cursor:pointer;text-decoration:underline;font-size:inherit}.link-button:hover{color:var(--primary-dark)}.password-reset-row{display:flex;justify-content:flex-end;margin:-12px 0 18px}.password-reset-button:disabled{cursor:wait;opacity:.62}.password-reset-notice{margin-bottom:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 36%,transparent);border-radius:10px;color:var(--text-primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:13px;line-height:1.45}.form-group input.error{border-color:#ef4444;background:#fef2f2}.form-group input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}[data-theme=dark] .form-group input.error{background:#3f1f1f;border-color:#ef4444}[data-theme=dark] .form-group input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444433}.field-error{display:flex;align-items:center;margin-top:6px;font-size:13px;color:#ef4444}.field-error i{margin-right:6px}.email-checking{display:flex;align-items:center;margin-top:6px;font-size:12px;color:var(--text-secondary)}.email-checking i{margin-right:6px}.signup-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 18px;padding:4px;border:1px solid rgba(34,211,238,.18);border-radius:12px;background:#0f172a94}.signup-mode-switch button{min-height:42px;border:0;border-radius:9px;color:#e2e8f0c7;background:transparent;font-weight:800;cursor:pointer}.signup-mode-switch button.active{color:#041016;background:linear-gradient(135deg,#22d3ee,#14b8a6);box-shadow:0 12px 28px #14b8a638}.signup-mode-switch button:disabled{cursor:not-allowed;opacity:.62}.signup-phone-consent{display:flex;gap:10px;align-items:flex-start;margin:6px 0 14px;color:#e2e8f0bd;font-size:13px;line-height:1.4}.signup-phone-consent input{margin-top:2px}.signup-recaptcha{min-height:1px}.email-checking,.field-error{display:flex;gap:6px;align-items:center;margin-top:4px;font-size:13px}.email-checking{color:#6b7280}.field-error{color:#ef4444}.auth-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;max-width:1000px;margin:0 auto;display:flex;min-height:600px}.auth-page{width:100%;padding:24px 16px 150px}.auth-container-2fa{max-width:640px}[data-theme=dark] .auth-container{background:#1a1f2e;border:1px solid rgba(0,217,255,.2);box-shadow:0 20px 60px #000c,var(--glow-primary)}.auth-left{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center}[data-theme=dark] .auth-left{background:#1a1f2e}.auth-right{flex:1;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}[data-theme=dark] .auth-right{background:linear-gradient(135deg,#0a0e1a,#1a1f2e);border-left:1px solid rgba(0,217,255,.2);position:relative}[data-theme=dark] .auth-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,217,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,136,.1) 0%,transparent 50%);pointer-events:none}.auth-right h2{font-size:32px;font-weight:700;margin-bottom:16px;text-align:center}.auth-right p{font-size:18px;text-align:center;opacity:.9;line-height:1.6}.auth-download-card{position:relative;z-index:1;width:100%;max-width:380px;margin-top:30px;padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:#050d1d57;text-align:left;box-shadow:0 18px 40px #00000038}.auth-download-label{display:inline-flex;margin-bottom:8px;color:#7de2ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-download-card strong{display:block;color:#fff;font-size:18px;line-height:1.25}.auth-download-card p{margin:8px 0 14px;color:#ffffffd1;font-size:14px;line-height:1.45;text-align:left}.auth-download-btn{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:42px;border-radius:10px;background:linear-gradient(135deg,#7de2ff,#b7f4ff);color:#08203f;font-weight:800;text-decoration:none;box-shadow:0 10px 24px #00d9ff38}.auth-download-actions{display:flex;gap:10px}.auth-download-btn-secondary{background:#7de2ff1f;border:1px solid rgba(125,226,255,.42);color:#d7f8ff;box-shadow:none}.auth-roadmap-preview{margin-top:28px;width:100%;max-width:380px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:#060e1e4d;padding:16px}.auth-left .auth-roadmap-preview{max-width:100%;margin-top:16px}.auth-roadmap-preview-outside{max-width:760px;margin:14px auto 0;min-height:220px;padding:22px 20px}.auth-roadmap-preview h3{margin:0 0 10px;font-size:18px}.auth-roadmap-mini-schema{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px;padding-top:28px;min-height:120px}.auth-roadmap-line{position:absolute;left:6%;right:6%;top:28px;height:2px;background:linear-gradient(90deg,#7de2ffcc,#bfabffcc)}.auth-roadmap-boundary{position:absolute;top:0;font-size:11px;font-weight:700;color:#d7f3ff;letter-spacing:.02em;text-transform:uppercase}.auth-roadmap-boundary-start{left:6%;transform:translate(-15%)}.auth-roadmap-boundary-end{right:6%;transform:translate(15%)}.auth-roadmap-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding-top:18px}.auth-roadmap-step strong{font-size:10px;font-weight:700;color:#e8f8ff;line-height:1.3}.auth-roadmap-dot{width:12px;height:12px;border-radius:999px;background:#7de2ff;box-shadow:0 0 0 4px #7de2ff2e}.auth-roadmap-btn{border:none;width:100%;border-radius:10px;padding:10px 12px;font-weight:600;color:#08203f;background:linear-gradient(135deg,#7de2ff,#b7f4ff);cursor:pointer}.auth-roadmap-inline-btn{margin-top:14px;width:100%;border:1px solid rgba(0,217,255,.35);border-radius:10px;padding:10px 12px;background:#00d9ff1a;color:var(--primary, #0ea5e9);font-weight:600;cursor:pointer}.logo{display:flex;align-items:center;gap:12px;margin-bottom:40px}.logo-mark{width:52px;height:52px;border-radius:14px;object-fit:cover;box-shadow:0 0 28px #00d9ff47}.logo h1{font-size:32px;color:var(--text-primary);font-weight:700}[data-theme=dark] .logo h1{color:var(--primary);text-shadow:var(--glow-primary)}[data-theme=dark] .logo-mark{box-shadow:0 0 34px #00d9ff6b,0 0 24px #a855f72e}.error-message{margin-top:20px;padding:12px;background:#fee;border:1px solid var(--danger);border-radius:8px;color:var(--danger)}@media(max-width:980px){.auth-container{flex-direction:column;min-height:auto;max-width:680px}.auth-left,.auth-right{padding:28px}.auth-right h2{font-size:28px}}@media(max-width:640px){.auth-page{padding:14px 10px 170px}.auth-left,.auth-right{padding:22px 16px}.auth-right h2{font-size:22px}.auth-right p{font-size:15px}.auth-download-card{margin-top:20px;padding:16px}.auth-download-actions{flex-direction:column}.auth-roadmap-preview{max-width:100%}.auth-roadmap-step strong,.auth-roadmap-boundary{font-size:10px}}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:600;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{-webkit-user-select:none;user-select:none}.avatar-small{width:32px;height:32px;font-size:12px}.avatar-medium{width:48px;height:48px;font-size:16px}.avatar-large{width:64px;height:64px;font-size:20px}.contact-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;min-height:40px;border:1px solid transparent;background:var(--white)}.contact-item:hover{background:var(--light-gray);border-color:var(--border);box-shadow:0 2px 8px #0000000d}.contact-item.active{background:var(--light-gray);border-color:var(--primary);border-left:3px solid var(--primary);box-shadow:0 2px 8px #00000014}.contact-info{flex:1;min-width:0}.contact-name{font-weight:600;color:var(--text-primary);margin-bottom:2px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-name-row{display:flex;align-items:center;gap:8px;min-width:0}.contact-name-row .contact-name{flex:1;min-width:0}.contact-presence-dot{width:8px;height:8px;border-radius:999px;flex:0 0 8px;background:#9ca3af}.contact-presence-dot.online{background:#22c55e;box-shadow:0 0 0 3px #22c55e29}.contact-presence-dot.offline{background:#64748b}.public-badge-avatar-wrap{position:relative;display:inline-flex;flex:0 0 auto;border-radius:999px}.public-badge-avatar-wrap>.avatar,.public-badge-avatar-wrap>*:first-child{transition:box-shadow .18s ease,filter .18s ease}.public-badge-avatar-wrap.public-badge-alpha>.avatar,.public-badge-avatar-wrap.public-badge-alpha>*:first-child{box-shadow:0 0 0 2px #f7d66df2,0 0 18px #f7d66d47,0 0 24px #00d9ff29}.public-badge-avatar-wrap.public-badge-bravo>.avatar,.public-badge-avatar-wrap.public-badge-bravo>*:first-child{box-shadow:0 0 0 2px #67e8f9e6,0 0 18px #67e8f93d}.public-badge-crest{position:absolute;top:-5px;right:-5px;z-index:2;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.72);font-size:10px;font-weight:900;line-height:1;box-shadow:0 5px 14px #00000038}.public-badge-avatar-wrap.public-badge-alpha .public-badge-crest,.public-badge-header-avatar.public-badge-alpha .public-badge-crest{background:linear-gradient(135deg,#fff7b1,#f7d66d 48%,#f59e0b);color:#1f1600}.public-badge-avatar-wrap.public-badge-bravo .public-badge-crest,.public-badge-header-avatar.public-badge-bravo .public-badge-crest{background:linear-gradient(135deg,#a5f3fc,#22d3ee 52%,#2563eb);color:#02131a}.public-badge-name.public-badge-alpha{color:#d97706;text-shadow:0 0 10px rgba(247,214,109,.16)}.public-badge-name.public-badge-bravo{color:#0891b2;text-shadow:0 0 10px rgba(103,232,249,.18)}.public-badge-chip{flex:0 0 auto;border-radius:999px;padding:2px 7px;border:1px solid transparent;font-size:10px;font-weight:900;line-height:1.3;white-space:nowrap}.public-badge-chip.public-badge-alpha{border-color:#d977065c;background:#f7d66d2e;color:#92400e}.public-badge-chip.public-badge-bravo{border-color:#0891b25c;background:#67e8f929;color:#0e7490}.contact-last-message{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:#f44;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;min-width:20px;text-align:center;box-shadow:0 2px 4px #ff44444d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}[data-theme=dark] .contact-item{background:var(--bg-secondary);border-color:transparent}[data-theme=dark] .contact-item:hover{background:var(--bg-tertiary);border-color:#00d9ff4d;box-shadow:0 2px 8px #00d9ff26}[data-theme=dark] .contact-item.active{background:var(--bg-tertiary);border-color:var(--primary);border-left-color:var(--primary);box-shadow:0 2px 8px #00d9ff40}[data-theme=dark] .sidebar-header-actions .btn,[data-theme=dark] .quick-actions-section .btn{background:var(--bg-secondary);border-color:#00d9ff33;color:var(--text-primary)}[data-theme=dark] .sidebar-header-actions .btn:hover,[data-theme=dark] .quick-actions-section .btn:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}[data-theme=dark] .section-header:hover{background:var(--bg-secondary)}[data-theme=dark] .empty-contacts{background:var(--bg-secondary);border-color:#00d9ff33;color:var(--text-secondary)}[data-theme=dark] .sidebar{background:#252b3a;border-right-color:#00d9ff33}[data-theme=dark] .sidebar-header{border-bottom-color:#00d9ff33}[data-theme=dark] .chat-container{background:#1a1f2e;border:1px solid rgba(0,217,255,.2);box-shadow:0 20px 60px #000c,var(--glow-primary)}[data-theme=dark] .chat-main{background:#1a1f2e}[data-theme=dark] .chat-header{background:#1a1f2e;border-bottom-color:#00d9ff33}[data-theme=dark] .message-list{background:linear-gradient(180deg,#0a0e1a,#1a1f2e)}[data-theme=dark] .message-input-container{background:#1a1f2e;border-top-color:#00d9ff33}[data-theme=dark] .message-input{background:#252b3a;border-color:#00d9ff4d;color:var(--text-primary)}[data-theme=dark] .message-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #00d9ff33,var(--glow-primary);background:#2a3441}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:24px;padding:40px;max-width:550px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease}.shop-modal.modal-content{overflow:hidden;padding:0}.shop-modal .modal-content-inner{overflow-y:auto;max-height:calc(90vh - 135px);padding:30px 40px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:26px;color:var(--text-primary);font-weight:700;margin:0}.modal-close{width:32px;height:32px;border:none;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;font-size:14px}.modal-close:hover{background:#dc2626;transform:scale(1.1)}.modal-body{color:var(--text-primary)}.modal-footer{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.input-group{margin-bottom:24px}.input-label{display:block;margin-bottom:10px;color:var(--text-primary);font-weight:600;font-size:14px}.input{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:12px;font-size:16px;transition:all .3s;background:var(--light);font-family:inherit}.input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6366f11a}.input:disabled{opacity:.6;cursor:not-allowed}.input-error{border-color:var(--danger)}.input-error:focus{border-color:var(--danger);box-shadow:0 0 0 4px #ef44441a}.input-error-message{display:block;margin-top:6px;color:var(--danger);font-size:13px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.appearance-gallery-backdrop{position:fixed;inset:0;z-index:2400;display:grid;place-items:center;padding:24px;background:#030814b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.appearance-gallery-dialog{width:min(920px,96vw);max-height:min(760px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary-hex, var(--primary)) 34%,transparent);border-radius:8px;background:var(--white, var(--sl-white, #111827));color:var(--text-primary-hex, var(--text-primary, #f8fafc));box-shadow:0 28px 80px #00000080}.appearance-gallery-header,.appearance-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-color:var(--border-hex, var(--border, #334155))}.appearance-gallery-header{border-bottom:1px solid var(--border-hex, var(--border, #334155))}.appearance-gallery-footer{justify-content:flex-end;border-top:1px solid var(--border-hex, var(--border, #334155))}.appearance-gallery-title{min-width:0}.appearance-gallery-title h2{margin:0;font-size:20px;line-height:1.2}.appearance-gallery-title p{margin:5px 0 0;color:var(--text-secondary-hex, var(--text-secondary, #94a3b8));font-size:13px}.appearance-gallery-close{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid var(--border-hex, var(--border, #334155));border-radius:8px;background:transparent;color:inherit;cursor:pointer;font-size:22px}.appearance-gallery-close:hover{border-color:var(--primary-hex, var(--primary));color:var(--primary-hex, var(--primary))}.appearance-gallery-body{min-height:0;display:grid;grid-template-columns:minmax(320px,1fr) 340px}.appearance-gallery-options{min-height:0;overflow-y:auto;padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px}.appearance-option{min-height:92px;padding:13px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;border:1px solid var(--border-hex, var(--border, #334155));border-radius:8px;background:color-mix(in srgb,var(--light-gray, var(--sl-bg-secondary, #1e293b)) 82%,transparent);color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.appearance-option:hover{transform:translateY(-1px);border-color:var(--primary-hex, var(--primary))}.appearance-option.is-selected{border-color:var(--primary-hex, var(--primary));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-hex, var(--primary)) 24%,transparent)}.appearance-option-swatch{width:42px;height:42px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:var(--swatch-surface);box-shadow:inset 0 0 0 6px var(--swatch-surface)}.appearance-option-swatch span:first-child{background:var(--swatch-accent)}.appearance-option-swatch span:last-child{background:var(--swatch-secondary)}.appearance-option-copy{min-width:0}.appearance-option-name{display:block;overflow:hidden;color:inherit;font-size:14px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.appearance-option-category{display:block;margin-top:4px;color:var(--text-secondary-hex, var(--text-secondary, #94a3b8));font-size:11px;text-transform:uppercase}.appearance-gallery-preview-wrap{min-width:0;padding:20px;display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--border-hex, var(--border, #334155));background:color-mix(in srgb,var(--light-gray, var(--sl-bg-secondary, #1e293b)) 62%,transparent)}.appearance-gallery-preview-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.appearance-gallery-preview-label strong{font-size:15px}.appearance-gallery-preview-label span{color:var(--text-secondary-hex, var(--text-secondary, #94a3b8));font-size:12px}.appearance-preview{min-height:330px;flex:1;display:grid;grid-template-columns:62px 1fr;overflow:hidden;border:1px solid var(--preview-border);border-radius:8px;background:var(--preview-surface);color:var(--preview-text);box-shadow:0 18px 48px color-mix(in srgb,var(--preview-accent) 16%,rgba(0,0,0,.35))}.appearance-preview-rail{padding:16px 11px;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--preview-raised);border-right:1px solid var(--preview-border)}.appearance-preview-logo,.appearance-preview-rail span{width:30px;height:30px;border-radius:7px}.appearance-preview-logo{display:grid;place-items:center;background:var(--preview-accent);color:var(--preview-surface);font-weight:900}.appearance-preview-rail span{background:var(--preview-soft)}.appearance-preview-rail span.is-active{box-shadow:inset 3px 0 0 var(--preview-secondary)}.appearance-preview-main{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.appearance-preview-topbar{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--preview-border);background:var(--preview-raised)}.appearance-preview-contact{min-width:0}.appearance-preview-contact strong,.appearance-preview-contact span{display:block}.appearance-preview-contact strong{font-size:13px}.appearance-preview-contact span{margin-top:3px;color:var(--preview-muted);font-size:10px}.appearance-preview-dots{display:flex;gap:5px}.appearance-preview-dots span{width:7px;height:7px;border-radius:50%;background:var(--preview-secondary);box-shadow:0 0 8px color-mix(in srgb,var(--preview-secondary) 58%,transparent)}.appearance-preview-messages{padding:18px 14px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:var(--preview-surface)}.appearance-preview-message{width:72%;padding:10px 11px;border:1px solid var(--preview-border);border-radius:8px 8px 8px 2px;background:var(--preview-soft);color:var(--preview-text);font-size:11px}.appearance-preview-message.is-own{align-self:flex-end;border-color:var(--preview-accent);border-radius:8px 8px 2px;background:var(--preview-accent);color:var(--preview-surface)}.appearance-preview-composer{margin:0 12px 12px;padding:8px;display:grid;grid-template-columns:1fr 30px;gap:7px;border:1px solid var(--preview-border);border-radius:8px;background:var(--preview-raised)}.appearance-preview-input{border-radius:6px;background:var(--preview-soft)}.appearance-preview-send{height:28px;border-radius:6px;background:var(--preview-accent)}.appearance-gallery-button{min-width:104px;min-height:38px;padding:0 16px;border:1px solid var(--border-hex, var(--border, #334155));border-radius:8px;background:transparent;color:inherit;font-weight:700;cursor:pointer}.appearance-gallery-button.is-primary{border-color:var(--primary-hex, var(--primary));background:var(--primary-hex, var(--primary));color:#061018}.appearance-gallery-button:hover{border-color:var(--primary-hex, var(--primary))}@media(max-width:760px){.appearance-gallery-backdrop{padding:10px}.appearance-gallery-dialog{max-height:96vh}.appearance-gallery-body{grid-template-columns:1fr;overflow-y:auto}.appearance-gallery-options{overflow:visible}.appearance-gallery-preview-wrap{border-left:0;border-top:1px solid var(--border-hex, var(--border, #334155))}.appearance-preview{min-height:280px}}@media(max-width:480px){.appearance-gallery-options{grid-template-columns:1fr}}.sidebar{background:var(--light);padding:0;overflow:hidden;border-right:1px solid var(--border);min-width:0;display:flex;flex-direction:column;height:100%;position:relative;border-radius:20px 0 0 20px}.sidebar-header{display:flex;flex-direction:column;align-items:stretch;padding:24px;border:1px solid var(--border);border-radius:18px;gap:12px;position:sticky;top:0;background:#fff;z-index:10;margin:24px 24px 20px;flex-shrink:0;box-shadow:0 4px 20px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:calc(100% - 48px);box-sizing:border-box}@media(min-width:1920px){.sidebar-header{margin:24px 24px 20px;width:calc(100% - 48px)}}@media(min-width:1600px)and (max-width:1919px){.sidebar-header{margin:20px;width:calc(100% - 40px)}}@media(min-width:1400px)and (max-width:1599px){.sidebar-header{margin:18px 18px 20px;width:calc(100% - 36px)}}@media(max-width:1200px){.sidebar-header{margin:16px 16px 20px;width:calc(100% - 32px)}}.sidebar-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;transition:opacity .3s}.sidebar-header:hover:before{opacity:1}.sidebar-header:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px);border-color:var(--primary)}.user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-details{flex:1;min-width:0}.user-name{font-weight:700;color:var(--text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;margin-bottom:4px}.user-status{font-size:14px;color:var(--success);font-weight:600;display:flex;align-items:center;gap:6px}.user-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block;box-shadow:0 0 8px var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.sidebar-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.sidebar-header-actions .btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--white);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:0;font-size:14px;box-shadow:0 2px 8px #0000000a}.sidebar-header-actions .btn:hover{background:var(--light-gray);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.sidebar-header-actions .btn:active{transform:translateY(0)}.quick-actions-section{margin-bottom:20px;padding:24px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 4px 20px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quick-actions-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;transition:opacity .3s}.quick-actions-section:hover:before{opacity:1}.quick-actions-section:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px);border-color:var(--primary)}.quick-actions-row{display:flex;gap:10px;margin-bottom:12px}.quick-actions-row:last-child{margin-bottom:0}.icon-only-btn{flex:1;width:50%;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--white);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden;min-height:40px}.icon-only-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#6366f11a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.icon-only-btn:hover:before{width:300px;height:300px}.icon-only-btn:hover{background:var(--light-gray);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #6366f140}.icon-only-btn:active{transform:translateY(0)}.icon-only-btn i{margin:0;position:relative;z-index:1}.quick-actions-section .btn{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--white);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);padding:12px 16px;font-weight:600;font-size:14px;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px}.quick-actions-section .btn:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.quick-actions-section .btn:active{transform:translateY(0)}.quick-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.sidebar-scrollable{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:0;margin:0 24px 20px;width:calc(100% - 48px);box-sizing:border-box}@media(min-width:1920px){.sidebar-scrollable{margin:0 24px 20px;width:calc(100% - 48px)}}@media(min-width:1600px)and (max-width:1919px){.sidebar-scrollable{margin:0 20px 20px;width:calc(100% - 40px)}}@media(min-width:1400px)and (max-width:1599px){.sidebar-scrollable{margin:0 18px 20px;width:calc(100% - 36px)}}@media(max-width:1200px){.sidebar-scrollable{margin:0 16px 20px;width:calc(100% - 32px)}}.sidebar-scrollable::-webkit-scrollbar{width:6px}.sidebar-scrollable::-webkit-scrollbar-track{background:transparent}.sidebar-scrollable::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.contacts-section{margin-top:20px;padding:0;border-bottom:none;display:flex;flex-direction:column;max-height:100%}.contacts-section:first-child{margin-top:0}.contacts-section:last-child{border-bottom:none;margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:18px 20px;background:#fff;border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);cursor:pointer;box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden}.section-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;transition:opacity .3s}.section-header:hover:before{opacity:1}.section-header:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px);border-color:var(--primary)}.section-title{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0;display:flex;align-items:center;gap:8px}.section-title i{font-size:14px;color:var(--primary);filter:drop-shadow(0 0 4px rgba(99,102,241,.3))}.contacts-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-right:4px}.contacts-list::-webkit-scrollbar{width:6px}.contacts-list::-webkit-scrollbar-track{background:transparent}.contacts-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.contacts-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.empty-contacts{padding:24px;text-align:center;color:var(--text-secondary);background:var(--light-gray);border-radius:12px;border:2px dashed var(--border);margin:8px 0;transition:all .3s}.empty-contacts:hover{border-color:var(--primary);background:#6366f10d}.empty-contacts p{margin:0;font-size:13px;font-weight:500}[data-theme=dark] .sidebar{background:var(--bg-primary);border-right-color:#00d9ff1a}[data-theme=dark] .sidebar-header{background:#252b3a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.15);box-shadow:0 8px 32px #0006,0 0 0 1px #00d9ff0d,inset 0 1px #ffffff0d}[data-theme=dark] .sidebar-header:before{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:.6;box-shadow:0 0 20px #00d9ff80}[data-theme=dark] .sidebar-header:hover{border-color:#00d9ff4d;box-shadow:0 12px 40px #00000080,0 0 0 1px #00d9ff1a,inset 0 1px #ffffff14,0 0 30px #00d9ff1a}[data-theme=dark] .user-name{color:var(--text-primary)}[data-theme=dark] .user-status{color:var(--success)}[data-theme=dark] .user-status:before{background:var(--success);box-shadow:0 0 12px #0f89}[data-theme=dark] .sidebar-header-actions .btn{background:#252b3a99;border-color:#00d9ff26;color:var(--text-primary);box-shadow:0 2px 12px #0000004d,0 0 0 1px #00d9ff0d}[data-theme=dark] .sidebar-header-actions .btn:hover{background:#00d9ff1a;border-color:var(--primary);color:var(--primary);box-shadow:0 4px 20px #00d9ff4d,0 0 0 1px #00d9ff33}[data-theme=dark] .quick-actions-section{background:#252b3a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.15);box-shadow:0 8px 32px #0006,0 0 0 1px #00d9ff0d,inset 0 1px #ffffff0d}[data-theme=dark] .quick-actions-section:before{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:.6;box-shadow:0 0 20px #00d9ff80}[data-theme=dark] .quick-actions-section:hover{border-color:#00d9ff4d;box-shadow:0 12px 40px #00000080,0 0 0 1px #00d9ff1a,inset 0 1px #ffffff14,0 0 30px #00d9ff1a}[data-theme=dark] .icon-only-btn{background:#252b3a99;border-color:#00d9ff26;color:var(--text-primary);box-shadow:0 2px 12px #0000004d,0 0 0 1px #00d9ff0d}[data-theme=dark] .icon-only-btn:before{background:#00d9ff26}[data-theme=dark] .icon-only-btn:hover{background:#00d9ff1a;border-color:var(--primary);color:var(--primary);box-shadow:0 4px 20px #00d9ff4d,0 0 0 1px #00d9ff33}[data-theme=dark] .quick-actions-section .btn{background:#252b3a99;border-color:#00d9ff26;color:var(--text-primary);box-shadow:0 2px 12px #0000004d,0 0 0 1px #00d9ff0d}[data-theme=dark] .quick-actions-section .btn:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-color:var(--primary);color:#fff;box-shadow:0 6px 24px #00d9ff66,0 0 0 1px #00d9ff4d}[data-theme=dark] .section-header{background:#252b3a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.15);box-shadow:0 8px 32px #0006,0 0 0 1px #00d9ff0d,inset 0 1px #ffffff0d}[data-theme=dark] .section-header:before{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:.6;box-shadow:0 0 20px #00d9ff80}[data-theme=dark] .section-header:hover{border-color:#00d9ff4d;box-shadow:0 12px 40px #00000080,0 0 0 1px #00d9ff1a,inset 0 1px #ffffff14,0 0 30px #00d9ff1a}[data-theme=dark] .section-title{color:var(--text-secondary)}[data-theme=dark] .section-title i{color:var(--primary);filter:drop-shadow(0 0 8px rgba(0,217,255,.5))}[data-theme=dark] .empty-contacts{background:#252b3a66;border-color:#00d9ff33;color:var(--text-secondary)}[data-theme=dark] .empty-contacts:hover{border-color:var(--primary);background:#00d9ff14}[data-theme=dark] .sidebar-scrollable::-webkit-scrollbar-thumb{background:#00d9ff4d}[data-theme=dark] .sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:#00d9ff80}@media(max-width:968px){.sidebar{position:fixed;left:-100%;top:0;width:320px;height:100vh;z-index:1000;transition:left .3s ease;box-shadow:0 10px 30px #0000004d;border-radius:0}.sidebar.open{left:0}}@media(max-width:640px){.sidebar{width:100%}}.right-sidebar,.chat-right-panel{background:var(--light);padding:24px;overflow-y:auto;border-left:1px solid var(--border);min-width:0;display:flex;flex-direction:column;gap:20px;position:relative;transition:transform .3s ease,opacity .3s ease}.right-sidebar-collapsed-slot{width:0;min-width:0;max-width:0;overflow:visible!important;position:relative;border-left:none;padding:0;background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(min-width:1920px){.chat-right-panel{padding:32px}}@media(min-width:1600px)and (max-width:1919px){.chat-right-panel{padding:28px}}@media(min-width:1400px)and (max-width:1599px){.chat-right-panel{padding:24px}}@media(max-width:1200px){.chat-right-panel{padding:20px}}.plan-info,.usage-stats{background:#fff;border-radius:18px;padding:24px;border:1px solid var(--border);box-shadow:0 4px 20px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.plan-info:before,.usage-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;transition:opacity .3s}.plan-info:hover:before,.usage-stats:hover:before{opacity:1}.plan-info:hover,.usage-stats:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px);border-color:var(--primary)}.plan-info h3,.usage-stats h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 20px;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.plan-info h3 i,.usage-stats h3 i{font-size:20px;color:var(--primary);filter:drop-shadow(0 0 8px rgba(99,102,241,.3))}.plan-tag{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:8px 16px;border-radius:12px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #6366f14d;border:none}.usage-plan-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}.usage-plan-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.plan-tag-inline{padding:6px 12px;font-size:11px}.usage-summary-list{display:grid;gap:2px}.usage-summary-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.usage-summary-item:last-child{border-bottom:0}.usage-summary-item>i{color:var(--primary);text-align:center}.usage-summary-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.usage-summary-label{color:var(--text-primary);font-size:14px;font-weight:700}.usage-summary-detail{color:var(--text-secondary);font-size:11px;line-height:1.4}.usage-summary-item>strong{grid-column:2;color:var(--primary);font-size:12px;line-height:1.35}.usage-summary-note{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:11px;line-height:1.5}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;border:1px solid transparent;letter-spacing:.3px}.status-badge.active{background:#22c55e1a;color:#22c55e;border-color:#22c55e33}.status-badge.canceled{background:#ef44441a;color:#ef4444;border-color:#ef444433}.status-badge.past_due{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.security-console{background:#fff;border-radius:18px;padding:20px;border:1px solid var(--border);box-shadow:0 4px 20px #0000000d}.security-console h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.security-console h3 i{font-size:20px;color:var(--success);filter:drop-shadow(0 0 8px rgba(34,197,94,.3))}.security-console-status{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.security-status-badge,.security-channel-badge,.security-encryption-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid transparent}.security-status-online{background:#22c55e1f;color:#16a34a;border-color:#22c55e59}.security-status-offline,.security-status-stale{background:#ef44441a;color:#dc2626;border-color:#ef44444d}.security-channel-badge{background:#00d9ff14;color:var(--text-secondary);border-color:#00d9ff38}.security-channel-connected{background:#22c55e1f;color:#16a34a;border-color:#22c55e59}.security-channel-connecting{background:#f59e0b1f;color:#d97706;border-color:#f59e0b59}.security-channel-closed,.security-channel-pending{background:#00d9ff14;color:var(--text-secondary);border-color:#00d9ff38}.security-encryption-badge{background:#22c55e1f;color:#16a34a;border-color:#22c55e59}.security-encryption-badge code{background:#ffffffbf;border:1px solid rgba(34,197,94,.25);color:inherit;font-size:12px;padding:2px 6px}.plan-details{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.plan-details p{margin:12px 0;font-size:14px;color:var(--text-secondary);line-height:1.6}.plan-details strong{color:var(--text-primary);font-weight:600}.usage-item{margin-bottom:24px}.usage-item:last-child{margin-bottom:0}.usage-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:var(--text-primary);font-weight:600}.usage-label span:last-child{color:var(--text-secondary);font-weight:500;font-size:13px}.usage-bar{height:8px;background:var(--light-gray);border-radius:10px;overflow:hidden;position:relative}.usage-progress{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:10px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px #6366f166}.usage-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upgrade-prompt{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:18px;padding:24px;text-align:center;box-shadow:0 8px 24px #6366f166;border:none;position:relative;overflow:hidden}.upgrade-prompt:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upgrade-prompt h4{margin:0 0 12px;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}.upgrade-prompt p{margin:0 0 20px;font-size:14px;opacity:.95;line-height:1.6;position:relative;z-index:1}.security-section{margin-top:auto;padding:24px;background:#fff;border-radius:18px;border:1px solid var(--border);box-shadow:0 4px 20px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.security-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--success) 0%,var(--primary) 100%);opacity:0;transition:opacity .3s}.security-section:hover:before{opacity:1}.security-section:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px);border-color:var(--success)}.security-section h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 18px;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.security-section h3 i{font-size:20px;color:var(--success);filter:drop-shadow(0 0 8px rgba(34,197,94,.3))}.security-section p{margin:10px 0;font-size:14px;color:var(--text-secondary);line-height:1.6}.security-section code{display:inline-block;background:var(--light-gray);padding:4px 10px;border-radius:6px;font-size:12px;font-family:Courier New,monospace;color:var(--primary);border:1px solid var(--border);font-weight:600;letter-spacing:.5px}.ecdh-info{margin-top:16px;padding:16px;background:#6366f10d;border-radius:12px;border:1px solid rgba(99,102,241,.2);font-size:12px;line-height:1.6}.ecdh-info i{color:var(--primary);margin-right:8px}.ecdh-info>div:first-child{font-weight:600;color:var(--text-primary);margin-bottom:6px}.ecdh-info>div:last-child{color:var(--text-secondary);font-size:11px}.e2ee-fingerprint{margin-top:10px;color:var(--text-secondary);font-size:11px}.direct-diagnostic,.version-status{margin-top:14px;padding:14px;border-radius:10px;border:1px solid var(--border);background:var(--light-gray)}.direct-diagnostic__header,.version-status{display:flex;align-items:center;justify-content:space-between;gap:10px}.direct-diagnostic__header span,.version-status__label{font-size:12px;font-weight:700;color:var(--text-primary)}.direct-diagnostic__button,.version-status button{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(99,102,241,.35);background:#fff;color:var(--primary);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}.direct-diagnostic__button:disabled{cursor:wait;opacity:.7}.direct-diagnostic__status{margin-top:10px;font-size:13px;font-weight:700}.direct-diagnostic__details,.version-status span{margin-top:6px;font-size:11px;line-height:1.4;color:var(--text-secondary);word-break:break-word}.version-status>div{display:flex;flex-direction:column;gap:2px;min-width:0}.version-status strong{font-size:13px;color:var(--text-primary)}.direct-diagnostic--ok .direct-diagnostic__status,.version-status--current span{color:var(--success)}.direct-diagnostic--limited .direct-diagnostic__status,.direct-diagnostic--running .direct-diagnostic__status{color:var(--warning)}.direct-diagnostic--blocked .direct-diagnostic__status,.direct-diagnostic--error .direct-diagnostic__status,.version-status--update span{color:var(--danger)}[data-theme=dark] .right-sidebar,[data-theme=dark] .chat-right-panel{background:var(--bg-primary);border-left-color:#00d9ff1a}[data-theme=dark] .plan-info,[data-theme=dark] .usage-stats,[data-theme=dark] .security-console,[data-theme=dark] .security-section{background:#252b3a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.15);box-shadow:0 8px 32px #0006,0 0 0 1px #00d9ff0d,inset 0 1px #ffffff0d}[data-theme=dark] .plan-info:before,[data-theme=dark] .usage-stats:before,[data-theme=dark] .security-section:before{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:.6;box-shadow:0 0 20px #00d9ff80}[data-theme=dark] .plan-info:hover,[data-theme=dark] .usage-stats:hover,[data-theme=dark] .security-section:hover{border-color:#00d9ff4d;box-shadow:0 12px 40px #00000080,0 0 0 1px #00d9ff1a,inset 0 1px #ffffff14,0 0 30px #00d9ff1a}[data-theme=dark] .plan-info h3,[data-theme=dark] .usage-stats h3,[data-theme=dark] .security-console h3,[data-theme=dark] .security-section h3{color:var(--text-primary)}[data-theme=dark] .plan-info h3 i,[data-theme=dark] .usage-stats h3 i{color:var(--primary);filter:drop-shadow(0 0 12px rgba(0,217,255,.6))}[data-theme=dark] .security-section h3 i,[data-theme=dark] .security-console h3 i{color:var(--success);filter:drop-shadow(0 0 12px rgba(0,255,136,.6))}[data-theme=dark] .security-status-online,[data-theme=dark] .security-channel-connected,[data-theme=dark] .security-encryption-badge{background:#00ff8826;color:var(--success);border-color:#00ff884d}[data-theme=dark] .security-status-offline,[data-theme=dark] .security-status-stale{background:#ff336626;color:var(--danger);border-color:#ff33664d}[data-theme=dark] .security-channel-badge{background:#00d9ff14;color:var(--text-secondary);border-color:#00d9ff38}[data-theme=dark] .security-channel-connected{background:#00ff8826;color:var(--success);border-color:#00ff884d}[data-theme=dark] .security-channel-connecting{background:#ffaa0026;color:var(--warning);border-color:#ffaa004d}[data-theme=dark] .security-encryption-badge code{background:#0000004d;border-color:#00ff8840}[data-theme=dark] .plan-tag{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:0 4px 16px #00d9ff66,0 0 0 1px #00d9ff33}[data-theme=dark] .status-badge.active{background:#00ff8826;color:var(--success);border-color:#00ff884d;box-shadow:0 0 10px #0f83}[data-theme=dark] .status-badge.canceled{background:#ff336626;color:var(--danger);border-color:#ff33664d}[data-theme=dark] .status-badge.past_due{background:#ffaa0026;color:var(--warning);border-color:#ffaa004d}[data-theme=dark] .plan-details{border-top-color:#00d9ff26}[data-theme=dark] .plan-details p{color:var(--text-secondary)}[data-theme=dark] .plan-details strong,[data-theme=dark] .usage-label{color:var(--text-primary)}[data-theme=dark] .usage-label span:last-child{color:var(--text-secondary)}[data-theme=dark] .usage-bar{background:#0000004d;border:1px solid rgba(0,217,255,.1)}[data-theme=dark] .usage-progress{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 0 15px #00d9ff80,inset 0 0 10px #00d9ff33}[data-theme=dark] .upgrade-prompt{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:0 8px 32px #00d9ff66,0 0 0 1px #00d9ff4d;border:1px solid rgba(0,217,255,.3)}[data-theme=dark] .security-section p{color:var(--text-secondary)}[data-theme=dark] .security-section code{background:#0000004d;color:var(--primary);border-color:#00d9ff33;box-shadow:0 0 10px #00d9ff33}[data-theme=dark] .ecdh-info{background:#00d9ff14;border-color:#00d9ff33;box-shadow:0 0 20px #00d9ff1a}[data-theme=dark] .ecdh-info>div:first-child{color:var(--text-primary)}[data-theme=dark] .ecdh-info>div:last-child{color:var(--text-secondary)}[data-theme=dark] .direct-diagnostic,[data-theme=dark] .version-status{background:#0000003d;border-color:#00d9ff33}[data-theme=dark] .direct-diagnostic__button,[data-theme=dark] .version-status button{background:#00d9ff14;border-color:#00d9ff4d;color:var(--primary)}@media(max-width:968px){.chat-right-panel{position:fixed;right:-100%;top:0;width:320px;height:100vh;z-index:1000;transition:right .3s ease;box-shadow:0 10px 30px #0000004d}.chat-right-panel.open{right:0}}@media(max-width:640px){.chat-right-panel{width:100%}}.message{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;margin-bottom:20px;width:100%;position:relative;flex-shrink:0}.message.own{flex-direction:row-reverse;justify-content:flex-end}.message-content{max-width:70%}.message-bubble{background:#fff;padding:14px 18px;border-radius:18px;box-shadow:0 2px 10px #0000000d}.message.own .message-bubble{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}[data-theme=dark] .message-bubble{background:#252b3a;border:1px solid rgba(0,217,255,.2);box-shadow:0 2px 10px #0000004d}[data-theme=dark] .message.own .message-bubble{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:var(--glow-primary);border-color:var(--primary)}.message-text{margin-bottom:6px;line-height:1.6;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word}.message-time{font-size:11px;color:var(--text-light);opacity:.8;display:flex;align-items:center;gap:8px;justify-content:space-between;position:relative}.message.own .message-time{color:#fffc}.message-delete-button{background:#fff3;border:none;border-radius:4px;color:inherit;cursor:pointer;padding:4px 8px;font-size:12px;opacity:.7;transition:opacity .2s,background .2s;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.message-delete-button:hover{opacity:1;background:#ffffff4d}.message-delete-button:active{background:#fff6}.message-delete-button:disabled{opacity:.5;cursor:not-allowed}.message.own .message-delete-button{color:#ffffffe6}.message:not(.own) .message-delete-button{background:#0000000d;color:var(--text-secondary)}.message:not(.own) .message-delete-button:hover{background:#0000001a}.message-ttl{font-size:10px;color:var(--warning);display:flex;align-items:center;gap:4px;font-weight:600}.message.own .message-ttl{color:#ffffffe6}.message-attachment{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;text-decoration:underline;color:inherit}.message-p2p-file{margin-top:8px;min-width:min(320px,100%);padding:10px;border-radius:8px;background:#0000000d}.message.own .message-p2p-file{background:#ffffff29}.message-p2p-file.failed{outline:1px solid rgba(220,53,69,.7)}.message-p2p-file-main{display:flex;align-items:center;gap:10px}.message-p2p-file-main>i{flex:0 0 auto;opacity:.9}.message-p2p-file-info{min-width:0;display:flex;flex-direction:column;gap:2px}.message-p2p-file-info strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}.message-p2p-file-info span,.message-p2p-file-footer{font-size:11px;opacity:.85}.message-p2p-progress{height:6px;margin-top:8px;overflow:hidden;border-radius:999px;background:#0000001f}.message.own .message-p2p-progress{background:#ffffff40}.message-p2p-progress-bar{height:100%;border-radius:inherit;background:var(--primary);transition:width .18s ease}.message.own .message-p2p-progress-bar{background:#ffffffe6}.message-p2p-file-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.message-p2p-file-footer a{color:inherit;font-weight:700;text-decoration:underline}.message-p2p-file-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.message-p2p-file-actions button{border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font-size:11px;font-weight:700;padding:4px 8px}.message-p2p-file-actions button:hover{background:#00000014}.message.own .message-p2p-file-actions button:hover{background:#ffffff2e}.message-voice-note{margin-top:8px}.message-voice-note-label{font-size:12px;opacity:.85;margin-bottom:4px}.message-voice-note audio{width:min(240px,100%)}.message-status{font-size:11px;opacity:.9}.message-list{flex:1;padding:1.5%;overflow-y:auto;overflow-x:hidden;background:#fafafa;display:flex;flex-direction:column;gap:0;align-items:stretch;min-height:0;position:relative}@media(min-width:1400px){.message-list{padding:2% 3%}}@media(min-width:1920px){.message-list{padding:2.5% 4%}}.empty-messages{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.empty-messages p{font-size:16px;margin:0}.load-more-container{display:flex;justify-content:center;padding:16px;margin-bottom:8px}.load-more-button{font-size:14px;padding:8px 16px}.message-input-container{padding:1.2% 1.5%;background:#fff;border-top:2px solid var(--border)}@media(max-width:1200px){.message-input-container{padding:20px 24px}}.ttl-options{background:var(--light);padding:12px;border-radius:12px;margin-bottom:12px;border:1px solid var(--border);display:flex;gap:8px;flex-wrap:wrap}.ttl-btn{padding:6px 12px;border:2px solid var(--border);background:#fff;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s;color:var(--text-primary)}.ttl-btn:hover{border-color:var(--primary);background:var(--light);transform:translateY(-1px)}.ttl-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #6366f14d}.message-input-form{display:flex;gap:12px;align-items:center}.ttl-toggle{width:42px;height:42px;border:none;background:var(--light);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--text-primary);font-size:18px}.ttl-toggle:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.message-input{flex:1;padding:14px 20px;border:2px solid var(--border);border-radius:24px;font-size:15px;outline:none;transition:all .3s;background:var(--light);font-family:inherit}.message-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6366f11a}.message-input-warning{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--warning);font-size:11px;font-weight:600}[data-theme=dark] .ttl-options{background:#252b3a;border-color:#00d9ff33}[data-theme=dark] .ttl-btn{background:#1a1f2e;border-color:#00d9ff4d;color:var(--text-primary)}[data-theme=dark] .ttl-btn:hover{border-color:var(--primary);background:#2a3441}[data-theme=dark] .ttl-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--glow-primary)}.two-factor-auth{padding:30px;background:#fff;border-radius:12px;border:2px solid var(--border)}.two-factor-header{margin-bottom:30px}.two-factor-header h3{margin:0 0 10px;font-size:24px;font-weight:600;color:var(--text-primary);display:flex;align-items:center}.two-factor-header .description{color:var(--text-secondary);line-height:1.6;margin:0}.setup-step{display:flex;flex-direction:column;gap:20px}.info-box{padding:20px;background:var(--light);border-radius:8px;border:1px solid var(--border)}.info-box h4{margin:0 0 15px;font-size:18px;color:var(--text-primary)}.info-box ul{margin:0;padding-left:20px;line-height:2;color:var(--text-secondary)}.verify-step{display:flex;flex-direction:column;gap:30px}.qr-code-container{text-align:center}.qr-code-container h4{margin:0 0 20px;font-size:18px;color:var(--text-primary)}.qr-code{max-width:300px;width:100%;height:auto;border:2px solid var(--border);border-radius:8px;padding:20px;background:#fff}.secret-text{margin-top:15px;color:var(--text-secondary);font-size:14px}.secret-text code{background:var(--light);padding:4px 8px;border-radius:4px;font-family:monospace;font-size:13px;color:var(--text-primary)}.verification-form{display:flex;flex-direction:column;gap:10px}.verification-form label{font-weight:600;color:var(--text-primary);font-size:14px}.two-factor-auth.enabled{text-align:center}.status-badge{display:inline-flex;align-items:center;gap:10px;padding:15px 25px;border-radius:12px;font-size:18px;font-weight:600;margin-bottom:30px}.status-badge.success{background:#dcfce7;color:#166534}.backup-codes{margin-bottom:30px;text-align:left}.backup-codes h4{margin:0 0 10px;font-size:18px;color:var(--text-primary)}.backup-codes p{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.codes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:20px}.codes-list code{padding:10px;background:var(--light);border-radius:8px;font-family:monospace;font-size:14px;text-align:center;color:var(--text-primary);border:1px solid var(--border)}[data-theme=dark] .two-factor-auth{background:#1a1f2e;border-color:#00d9ff33}[data-theme=dark] .two-factor-header h3{color:var(--text-primary)}[data-theme=dark] .two-factor-header .description{color:var(--text-secondary)}[data-theme=dark] .info-box{background:#252b3a;border-color:#00d9ff33}[data-theme=dark] .info-box h4{color:var(--text-primary)}[data-theme=dark] .info-box ul{color:var(--text-secondary)}[data-theme=dark] .qr-code-container h4{color:var(--text-primary)}[data-theme=dark] .qr-code{border-color:#00d9ff33;background:#fff}[data-theme=dark] .secret-text{color:var(--text-secondary)}[data-theme=dark] .secret-text code{background:#252b3a;color:var(--text-primary)}[data-theme=dark] .verification-form label{color:var(--text-primary)}[data-theme=dark] .verification-form input{background:#252b3a;border-color:#00d9ff33;color:var(--text-primary)}[data-theme=dark] .status-badge.success{background:#0f83;color:var(--success)}[data-theme=dark] .backup-codes h4{color:var(--text-primary)}[data-theme=dark] .backup-codes p{color:var(--text-secondary)}[data-theme=dark] .codes-list code{background:#252b3a;border-color:#00d9ff33;color:var(--text-primary)}.settings-container{display:flex;flex:1;min-height:0;max-height:none;padding:18px;gap:18px}.modal.show .settings-modal-content{width:min(760px,92vw);max-width:760px;max-height:86vh;border-radius:22px;border:1px solid var(--border);background:var(--light);box-shadow:0 26px 70px #00000073;overflow:hidden;display:flex;flex-direction:column}.settings-modal-content .modal-header{padding:22px 24px 20px;margin:0;border-bottom:1px solid var(--border)}.settings-modal-content .modal-header h3{margin:0;font-size:38px;font-weight:700;color:var(--text-primary);letter-spacing:.2px}.settings-modal-content .close-btn{width:40px;height:40px;border:none;border-radius:50%;background:#0f172a3d;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;line-height:1;transition:transform .2s ease,background .2s ease}.settings-modal-content .close-btn:hover{transform:scale(1.05);background:#0f172a3d}.settings-sidebar{width:220px;min-width:220px;border:1px solid var(--border);border-radius:12px;background:#0f172a1f;padding:10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:visible;max-height:70vh}.settings-nav-item{padding:12px 14px;border:none;border-radius:10px;background:transparent;text-align:left;cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all .3s;display:flex;align-items:center;gap:10px;width:100%;visibility:visible;opacity:1}.settings-nav-item:hover{background:#ffffff14;color:var(--text-primary)}.settings-nav-item.active{background:linear-gradient(90deg,#17ddff,#10bddd);color:#fff;font-weight:600}.settings-content{flex:1;padding:8px 8px 8px 2px;overflow-y:auto;min-width:0}.settings-section h4{margin:0 0 20px;font-size:34px;font-weight:700;color:var(--text-primary)}.premium-buttons-row{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.premium-btn{width:100%}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border)}.setting-item:last-child{border-bottom:none}.setting-label{font-weight:600;color:var(--text-primary);font-size:14px}.setting-select{padding:10px 12px;border:2px solid var(--border);border-radius:10px;background:var(--light);color:var(--text-primary);font-size:14px;cursor:pointer;min-width:200px}.profile-name-editor{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:min(100%,390px)}.profile-name-input{min-width:0;flex:1;padding:10px 12px;border:2px solid var(--border);border-radius:8px;background:var(--light);color:var(--text-primary);font:inherit}.profile-name-input:focus{border-color:var(--primary);outline:none}.profile-name-feedback{margin:-4px 0 10px;color:var(--text-secondary);font-size:12px;text-align:right}@media(max-width:640px){.setting-item:has(.profile-name-editor){align-items:flex-start;flex-direction:column;gap:10px}.profile-name-editor{width:100%}}.standby-secret-row{align-items:flex-start;gap:14px}.standby-secret-input{flex:1;min-width:0;padding:10px 12px;border:2px solid var(--border);border-radius:10px;background:var(--light);color:var(--text-primary);font-size:14px}.standby-secret-input::placeholder{color:var(--text-secondary)}.sar-share-panel{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}.sar-qr-card{width:180px;aspect-ratio:1;border:1px solid var(--border);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center}.sar-share-copy{min-width:0}.sar-share-url{max-width:260px;overflow-wrap:anywhere;color:var(--text-secondary);font-size:12px;text-align:right}.settings-help-text{margin:12px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#94a3b88c;transition:.4s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}[data-theme=dark] .settings-sidebar{border-color:#00d9ff33;background:#252b3a}[data-theme=dark] .modal.show .settings-modal-content{background:#1a2337;border-color:#00d9ff38;box-shadow:0 28px 70px #000000b8,var(--glow-primary)}[data-theme=dark] .settings-nav-item{color:var(--text-secondary)}[data-theme=dark] .settings-nav-item:hover{background:#2a3441;color:var(--text-primary)}[data-theme=dark] .settings-nav-item.active{background:linear-gradient(90deg,#17ddff,#10bddd);color:#fff;box-shadow:var(--glow-primary)}[data-theme=dark] .settings-modal-content .close-btn{background:#94a3b842}[data-theme=dark] .settings-modal-content .close-btn:hover{background:#94a3b847}.settings-modal-content>div:last-child{padding:16px 24px 24px!important;border-top:1px solid var(--border);margin-top:auto}.settings-modal-content>div:last-child button{width:130px!important}[data-theme=dark] .setting-item{border-bottom-color:#00d9ff33}[data-theme=dark] .setting-select{background:#252b3a;border-color:#00d9ff33;color:var(--text-primary)}@media(max-width:768px){.settings-container{flex-direction:column;padding:12px;gap:12px}.settings-sidebar{width:100%;min-width:100%;border-right:1px solid var(--border);flex-direction:row;overflow-x:auto;padding:8px}.settings-nav-item{white-space:nowrap;padding:9px 12px}.settings-section h4{font-size:28px}.sar-share-panel{grid-template-columns:1fr}.sar-qr-card{width:min(220px,100%);margin:0 auto}.sar-share-url{max-width:100%;text-align:left}}.plan-card{background:#fff;border:2px solid var(--border);border-radius:20px;padding:35px;position:relative;transition:all .3s}.plan-card.recommended{border-color:var(--primary);transform:scale(1.05);box-shadow:0 20px 40px #6366f133}.plan-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #0000001a}.plan-card.recommended:hover{transform:scale(1.05) translateY(-8px)}.badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:6px 24px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #6366f14d}.plan-name{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.plan-price{font-size:52px;font-weight:700;color:var(--primary);margin-bottom:30px;line-height:1}.plan-price span{font-size:20px;color:var(--text-secondary);font-weight:400}.plan-description{min-height:44px;margin:-14px 0 22px;color:var(--text-secondary);font-size:14px;line-height:1.55}.plan-features{list-style:none;margin-bottom:35px}.plan-features li{padding:12px 0;display:flex;align-items:center;gap:12px;color:var(--text-primary);font-size:15px}.plan-features li i{color:var(--success);font-size:18px;width:20px}.plan-btn{width:100%}.beta-plan-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding:18px 20px;border:1px solid rgba(16,185,129,.65);border-radius:8px;background:#10b9811a;color:var(--text-primary)}.beta-plan-banner strong{display:block;margin:3px 0 6px;font-size:20px}.beta-plan-banner p,.commercial-offer-note{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.beta-plan-kicker{color:var(--success);font-size:11px;font-weight:800;letter-spacing:0}.beta-plan-status{flex:none;padding:6px 10px;border-radius:999px;background:var(--success);color:#04110c;font-size:12px;font-weight:800}.commercial-offer-note{margin:-8px 0 20px}.addon-plan-card .addon-price{font-size:34px}@media(max-width:640px){.beta-plan-banner{align-items:flex-start;flex-direction:column}.plan-card.recommended{transform:none}}.shop-modal{max-width:1200px;position:relative;overflow:hidden}.shop-modal .modal-header{width:100%;min-height:calc(2.25 * var(--modal-header-height, 60px));padding:24px 40px;margin:0;position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #f59e0b;border-radius:24px 24px 0 0;box-shadow:0 4px 12px #f59e0b33;overflow:hidden}.shop-modal .modal-header h3{color:#92400e;font-weight:700;margin:0;display:flex;align-items:center}.shop-modal .modal-header h3 i{color:#f59e0b!important}[data-theme=dark] .shop-modal .modal-header{background:linear-gradient(135deg,#1e3a5f,#0c4a6e);border-bottom:2px solid #0ea5e9;box-shadow:0 4px 12px #0ea5e94d}[data-theme=dark] .shop-modal .modal-header h3{color:#e0f2fe}[data-theme=dark] .shop-modal .modal-header h3 i{color:#0ea5e9!important}.shop-section{margin-bottom:30px}.credits-section{padding:30px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:20px;color:#0c4a6e;border:2px solid #0ea5e9;box-shadow:0 8px 24px #0ea5e933,0 2px 8px #0ea5e91a;transition:all .3s ease}.credits-section:hover{box-shadow:0 12px 32px #0ea5e940,0 4px 12px #0ea5e926;transform:translateY(-2px)}.credits-section h3{margin:0 0 15px;color:#0c4a6e;font-size:20px;font-weight:700}.credits-display{padding:20px 24px;background:#fffffff2;border-radius:16px;margin-bottom:24px;border:1px solid rgba(14,165,233,.3);box-shadow:0 4px 12px #0ea5e91a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.credits-value{font-size:32px;font-weight:700;color:#0c4a6e}.credits-breakdown{font-size:12px;color:#0369a1;margin-top:5px}.credits-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.credit-pack{padding:24px;background:#fff;border-radius:16px;border:2px solid #0ea5e9;box-shadow:0 4px 16px #0ea5e926,0 2px 8px #0ea5e91a;transition:all .3s ease;position:relative;overflow:hidden}.credit-pack:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#06b6d4);opacity:0;transition:opacity .3s ease}.credit-pack:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0ea5e940,0 4px 12px #0ea5e926;border-color:#06b6d4}.credit-pack:hover:before{opacity:1}.pack-name{font-size:22px;font-weight:700;margin-bottom:8px;color:#0c4a6e;letter-spacing:-.5px}.pack-price{font-size:28px;margin-bottom:20px;color:#0369a1;font-weight:700;letter-spacing:-.5px}.pack-badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #10b9814d}.themes-section{padding:30px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;border:2px solid #f59e0b;box-shadow:0 8px 24px #f59e0b33,0 2px 8px #f59e0b1a;transition:all .3s ease}.themes-section:hover{box-shadow:0 12px 32px #f59e0b40,0 4px 12px #f59e0b26;transform:translateY(-2px)}.themes-section h3{margin-bottom:20px;font-size:20px;color:#92400e;font-weight:700}.themes-status{padding:18px 20px;background:#fffffff2;border-radius:16px;margin-bottom:24px;border:1px solid rgba(245,158,11,.3);box-shadow:0 4px 12px #f59e0b1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-active{color:#059669;font-weight:600}.themes-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.theme-pack{padding:24px;background:#fff;border-radius:16px;border:2px solid #f59e0b;box-shadow:0 4px 16px #f59e0b26,0 2px 8px #f59e0b1a;transition:all .3s ease;position:relative;overflow:hidden}.theme-pack:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#f97316);opacity:0;transition:opacity .3s ease}.theme-pack:hover{transform:translateY(-4px);box-shadow:0 8px 24px #f59e0b40,0 4px 12px #f59e0b26;border-color:#f97316}.theme-pack:hover:before{opacity:1}.theme-name{font-size:20px;font-weight:700;margin-bottom:12px;color:#92400e;letter-spacing:-.3px}.theme-description{font-size:14px;color:#78350f;margin-bottom:20px;line-height:1.5}[data-theme=dark] .themes-section{background:#1a1f2e;border-color:#00d9ff33}[data-theme=dark] .themes-status{background:#252b3a}[data-theme=dark] .theme-pack{background:#252b3a;border-color:#00d9ff33}.plans-section{margin-bottom:40px;padding:30px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:20px;color:#0c4a6e;border:2px solid #0ea5e9;box-shadow:0 8px 24px #0ea5e933,0 2px 8px #0ea5e91a;transition:all .3s ease}.plans-section:hover{box-shadow:0 12px 32px #0ea5e940,0 4px 12px #0ea5e926;transform:translateY(-2px)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}[data-theme=dark] .themes-section{background:#451a03;border-color:#f59e0b}[data-theme=dark] .themes-section h3{color:#fbbf24}[data-theme=dark] .themes-status{background:#f59e0b1a;border-color:#f59e0b}.plans-section .plan-card-wrapper{position:relative}.plans-section .plan-card{background:#fff;border:2px solid #0ea5e9;box-shadow:0 4px 16px #0ea5e926,0 2px 8px #0ea5e91a;border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.plans-section .plan-card-wrapper.active .plan-card{border:3px solid var(--success)!important;box-shadow:0 4px 16px #10b98133,0 2px 8px #10b98126!important}.plans-section .plan-card-wrapper.active .plan-card:before{background:linear-gradient(90deg,var(--success) 0%,#059669 100%)!important;opacity:1!important}.plans-section .plan-card-wrapper.active .plan-card:hover{border-color:var(--success)!important;box-shadow:0 8px 24px #10b9814d,0 4px 12px #10b98133!important}.plans-section .plan-card-wrapper:not(.active) .plan-card{border-color:#0ea5e9!important}.plans-section .plan-card-wrapper:not(.active) .plan-card.recommended{border-color:var(--secondary)!important}.plans-section .plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#06b6d4);opacity:0;transition:opacity .3s ease}.plans-section .plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0ea5e940,0 4px 12px #0ea5e926;border-color:#06b6d4}.plans-section .plan-card:hover:before{opacity:1}.plans-section .plan-card-wrapper:not(.active) .plan-card.recommended{transform:none;border-color:var(--secondary)!important}.plans-section .plan-card-wrapper:not(.active) .plan-card.recommended:hover{transform:translateY(-4px);border-color:var(--secondary)!important;box-shadow:0 8px 24px #10b9814d,0 4px 12px #10b98133}.plans-section .plan-card-wrapper:not(.active) .plan-card.recommended:before{background:linear-gradient(90deg,var(--secondary) 0%,#059669 100%);opacity:0}.plans-section .plan-card-wrapper:not(.active) .plan-card.recommended:hover:before{opacity:1}.plans-section .plan-card-wrapper.active .plan-card.recommended{border-color:var(--success)!important}.plans-section .plan-card .plan-name{font-size:22px;margin-bottom:12px;letter-spacing:-.5px}.plans-section .plan-card .plan-price{font-size:36px;margin-bottom:20px;line-height:1.2}.plans-section .plan-card .plan-price span{font-size:18px}.plans-section .plan-card .plan-features{margin-bottom:24px}.plans-section .plan-card .plan-features li{padding:10px 0;font-size:14px}.plans-section .plan-card .badge{top:-10px;padding:6px 16px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #10b9814d}.plans-section .plan-card .plan-price{color:#0369a1;font-weight:700}.plans-section .plan-card .plan-price span{color:#0369a1;opacity:.8}[data-theme=dark] .plans-section .plan-card:hover{background:#0ea5e926;border-color:#06b6d4}[data-theme=dark] .plans-section .plan-card .plan-price span{color:#bae6fd;opacity:.8}[data-theme=dark] .plans-section .plan-card.recommended{border-color:var(--secondary);box-shadow:0 4px 16px #0f83,0 2px 8px #00ff881a}[data-theme=dark] .plans-section .plan-card.recommended:hover{box-shadow:0 8px 24px #00ff884d,0 4px 12px #0f83;border-color:var(--secondary)}[data-theme=dark] .plans-section .plan-card.recommended:before{background:linear-gradient(90deg,var(--secondary) 0%,#059669 100%)}[data-theme=dark] .plans-section .plan-card-wrapper.active .plan-card{border-color:var(--success);box-shadow:0 4px 16px #00ff8840,0 2px 8px #00ff8826}[data-theme=dark] .plans-section .plan-card-wrapper.active .plan-card:before{background:linear-gradient(90deg,var(--success) 0%,#059669 100%);opacity:1}[data-theme=dark] .plans-section .plan-card-wrapper.active .plan-card:hover{border-color:var(--success);box-shadow:0 8px 24px #00ff8859,0 4px 12px #00ff8840}.kpi-card{padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:2px solid var(--border);transition:all .3s ease}.kpi-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.kpi-label{font-size:14px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.kpi-value{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:8px}.kpi-unit{font-size:16px;color:var(--text-secondary);font-weight:400}.kpi-target{margin-top:10px;font-size:12px;padding:4px 8px;border-radius:6px;display:inline-block}.kpi-target.target-met{color:#22c55e;background:#d1fae5}.kpi-target.target-not-met{color:#f59e0b;background:#fef3c7}[data-theme=dark] .kpi-card{background:#1a1f2e;border-color:#00d9ff33;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .kpi-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00d9ff4d,var(--glow-primary)}[data-theme=dark] .kpi-label{color:var(--text-secondary)}[data-theme=dark] .kpi-value{color:var(--primary)}[data-theme=dark] .kpi-unit{color:var(--text-secondary)}.heatmap-chart{margin-top:30px}.heatmap-chart h3{margin-bottom:15px;color:var(--text-primary);font-size:18px;font-weight:600}.heatmap-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;padding:15px;background:var(--light);border-radius:12px;margin-bottom:10px}.heatmap-cell{padding:8px;border-radius:4px;text-align:center;font-size:10px;cursor:pointer;transition:transform .2s}.heatmap-cell:hover{transform:scale(1.1);z-index:1}.heatmap-legend{display:flex;gap:20px;font-size:12px;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{display:inline-block;width:20px;height:20px;border-radius:4px}.legend-color.low{background:#6366f133}.legend-color.high{background:#6366f1}[data-theme=dark] .heatmap-grid{background:#252b3a;border:1px solid rgba(0,217,255,.2)}[data-theme=dark] .heatmap-chart h3{color:var(--text-primary)}[data-theme=dark] .heatmap-legend{color:var(--text-secondary)}.stats-table-container{margin-top:30px}.stats-table-container h3{margin-bottom:15px;color:var(--text-primary);font-size:18px;font-weight:600}.stats-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.stats-table{width:100%;border-collapse:collapse}.stats-table thead{background:var(--light);border-bottom:2px solid var(--border)}.stats-table th{padding:12px;text-align:left;font-weight:600;color:var(--text-primary);font-size:14px}.stats-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s}.stats-table tbody tr:hover{background:var(--light-gray)}.stats-table td{padding:12px;color:var(--text-primary);font-size:14px}.stats-table .text-right{text-align:right}[data-theme=dark] .stats-table-wrapper{background:#1a1f2e;border:1px solid rgba(0,217,255,.2);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .stats-table thead{background:#252b3a;border-bottom-color:#00d9ff33}[data-theme=dark] .stats-table th{color:var(--text-primary)}[data-theme=dark] .stats-table tbody tr{border-bottom-color:#00d9ff1a}[data-theme=dark] .stats-table tbody tr:hover{background:#2a3441}[data-theme=dark] .stats-table td,[data-theme=dark] .stats-table-container h3{color:var(--text-primary)}.date-range-picker{display:flex;align-items:center;gap:10px}.date-input{padding:8px 12px;border:2px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-primary);background:#fff;cursor:pointer;transition:all .2s}.date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.date-separator{color:var(--text-secondary);font-weight:600}[data-theme=dark] .date-input{background:#252b3a;border-color:#00d9ff4d;color:var(--text-primary)}[data-theme=dark] .date-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d9ff33}[data-theme=dark] .date-separator{color:var(--text-secondary)}.dashboard-modal{max-width:95vw;width:100%;max-height:90vh;overflow-y:auto}.dashboard-loading,.dashboard-empty{padding:60px;text-align:center;color:var(--text-secondary)}.dashboard-empty i{font-size:64px;margin-bottom:20px;color:var(--text-light)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dashboard-header h3{margin:0 0 5px;color:var(--text-primary);font-size:24px;display:flex;align-items:center;gap:10px}.dashboard-header p{margin:0;color:var(--text-secondary);font-size:14px}.dashboard-actions{display:flex;gap:12px;align-items:center;margin-bottom:30px;flex-wrap:wrap}[data-theme=dark] .dashboard-loading,[data-theme=dark] .dashboard-empty{color:var(--text-secondary)}[data-theme=dark] .dashboard-empty i{color:var(--text-light)}[data-theme=dark] .dashboard-empty h3,[data-theme=dark] .dashboard-header h3{color:var(--text-primary)}[data-theme=dark] .dashboard-header p{color:var(--text-secondary)}.badge-display{padding:20px}.badge-display-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}.badge-display-header h3{margin:0;font-size:1.5rem}.badge-display-header p{margin:6px 0 0;color:var(--text-secondary);font-size:.92rem}.check-badges-btn{padding:10px 20px;background-color:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.check-badges-btn:hover{background-color:#059669}.check-badges-btn i{margin-right:8px}.badge-display-empty{text-align:center;padding:18px 20px;margin-bottom:18px;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 76%,transparent)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.badge-card{position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 90%,#00d9ff 10%),var(--bg-secondary));border:2px solid var(--border-color);border-radius:8px;padding:16px;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s,opacity .2s}.badge-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.12) 42%,transparent 68%);transform:translate(-120%);transition:transform .55s ease}.badge-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.badge-card:hover:before{transform:translate(120%)}.badge-card.locked{opacity:.68;filter:saturate(.72)}.badge-card.earned{border-color:#10b981;box-shadow:0 0 0 1px #10b9812e,0 12px 30px #10b98114}.badge-card.public-profile-badge.earned{border-color:#f7d66d;box-shadow:0 0 0 1px #f7d66d52,0 12px 34px #f7d66d21}.badge-card.rarity-rare.earned{border-color:#3b82f6}.badge-card.rarity-epic.earned{border-color:#a855f7}.badge-card.rarity-legendary.earned{border-color:#f59e0b}.badge-card-topline{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.badge-status,.badge-rarity{border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.badge-status{background:#64748b24;color:var(--text-secondary)}.badge-card.earned .badge-status{background:#10b9812e;color:#047857}.badge-rarity{background:#00d9ff1f;color:var(--primary)}.badge-icon{font-size:2.6rem;margin-bottom:10px;color:#10b981}.badge-card.locked .badge-icon{color:#94a3b8}.badge-card.rarity-rare.earned .badge-icon{color:#3b82f6}.badge-card.rarity-epic.earned .badge-icon{color:#a855f7}.badge-card.rarity-legendary.earned .badge-icon{color:#f59e0b}.badge-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.badge-description{margin-top:8px;color:var(--text-secondary);font-size:.78rem;line-height:1.35}.badge-display-loading{text-align:center;padding:40px;color:var(--text-secondary)}@media(max-width:640px){.badge-display{padding:14px}.badges-grid{grid-template-columns:1fr}.check-badges-btn{width:100%}}.gamification-modal{max-width:95vw;width:100%;max-height:90vh;overflow-y:auto}.gamification-loading{padding:60px;text-align:center;color:var(--text-secondary)}.gamification-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid var(--border);padding-bottom:0}.tab-item{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.tab-item:hover{color:var(--text-primary);background:var(--light-gray)}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-item i{font-size:16px}[data-theme=dark] .tab-item:hover{color:var(--text-primary);background:var(--bg-secondary)}[data-theme=dark] .gamification-loading{color:var(--text-secondary)}.referral-modal,.rgpd-modal{max-width:95vw;width:100%}.delete-account-modal{max-width:600px}.privacy-modal{max-width:95vw;width:100%;max-height:90vh}.privacy-modal h1{font-size:28px;margin-bottom:10px;color:var(--text-primary)}.privacy-modal h2{font-size:20px;margin-top:30px;margin-bottom:15px;color:var(--text-primary)}.privacy-modal ul{margin-top:10px;padding-left:20px}.privacy-modal li{margin-bottom:8px}.legal-modal{max-width:95vw;width:100%;max-height:90vh}.legal-modal h1{font-size:28px;margin-bottom:10px;color:var(--text-primary)}.legal-modal h2{font-size:20px;margin-top:30px;margin-bottom:15px;color:var(--text-primary)}.contact-info-modal{max-width:500px}.contact-header{display:flex;flex-direction:column;align-items:center;padding:20px;border-bottom:1px solid var(--border);text-align:center}.contact-name-section{margin-top:15px}.contact-name-section h4{margin:0 0 5px;color:var(--text-primary);font-size:20px;font-weight:600}.contact-email{margin:0;color:var(--text-secondary);font-size:14px}.contact-status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.contact-status.online{background:#d1fae5;color:#166534}.contact-status.offline{background:#f3f4f6;color:#6b7280}.contact-status i{font-size:8px}.contact-details{padding:20px}.contact-nickname-help{margin:-4px 0 10px;color:var(--text-secondary);font-size:12px}.contact-nickname-editor{display:flex;align-items:center;gap:10px}.contact-nickname-editor input{min-width:0;flex:1;padding:10px 12px;border:2px solid var(--border);border-radius:8px;background:var(--light);color:var(--text-primary);font:inherit}.contact-nickname-editor input:focus{border-color:var(--primary);outline:none}.contact-nickname-feedback{margin:8px 0 0;color:var(--text-secondary);font-size:12px}.detail-section{margin-bottom:20px}.detail-section h5{margin:0 0 12px;color:var(--text-primary);font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.detail-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:14px}.detail-value{color:var(--text-primary);font-size:14px;font-weight:500}.contact-bio{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;padding:20px;border-top:1px solid var(--border)}.contact-actions button{flex:1}.loading{text-align:center;padding:40px}.loading p{margin-top:15px;color:var(--text-secondary)}[data-theme=dark] .contact-header{border-bottom-color:#00d9ff33}[data-theme=dark] .contact-name-section h4{color:var(--text-primary)}[data-theme=dark] .contact-email{color:var(--text-secondary)}[data-theme=dark] .contact-status.offline{background:#252b3a;color:var(--text-secondary)}[data-theme=dark] .detail-section h5{color:var(--text-primary)}[data-theme=dark] .detail-item{border-bottom-color:#00d9ff1a}[data-theme=dark] .detail-label{color:var(--text-secondary)}[data-theme=dark] .detail-value{color:var(--text-primary)}[data-theme=dark] .contact-bio{color:var(--text-secondary)}[data-theme=dark] .contact-actions{border-top-color:#00d9ff33}.contact-search-modal{max-width:600px}.search-input-container{display:flex;gap:10px;margin-bottom:20px}.search-input{flex:1;padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-primary);background:#fff;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.search-loading{text-align:center;padding:40px}.search-loading p{margin-top:15px;color:var(--text-secondary)}.search-results{margin-top:20px}.search-results h4{margin:0 0 15px;color:var(--text-primary);font-size:16px;font-weight:600}.results-list{display:flex;flex-direction:column;gap:10px}.result-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--light);border-radius:8px;border:1px solid var(--border);transition:all .2s}.result-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #6366f11a}.result-info{flex:1;min-width:0}.result-name{font-weight:600;color:var(--text-primary);font-size:15px;margin-bottom:4px}.result-email{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-empty{text-align:center;padding:40px;color:var(--text-secondary)}.search-empty i{font-size:48px;margin-bottom:15px;color:var(--text-light)}.search-empty p{margin:0;font-size:16px}.empty-hint{margin-top:8px;font-size:14px;color:var(--text-light)}[data-theme=dark] .search-input{background:#252b3a;border-color:#00d9ff4d;color:var(--text-primary)}[data-theme=dark] .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d9ff33}[data-theme=dark] .search-results h4{color:var(--text-primary)}[data-theme=dark] .result-item{background:#252b3a;border-color:#00d9ff33}[data-theme=dark] .result-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #00d9ff33}[data-theme=dark] .result-name{color:var(--text-primary)}[data-theme=dark] .result-email,[data-theme=dark] .search-empty{color:var(--text-secondary)}[data-theme=dark] .search-empty i,[data-theme=dark] .empty-hint{color:var(--text-light)}.welcome-onboarding-online{max-width:440px;width:100%;padding:34px 28px;background:#252b3af2;border:1px solid rgba(0,217,255,.42);border-radius:20px;box-shadow:0 8px 32px #0006,0 0 0 1px #00d9ff26;color:var(--text-primary)}.welcome-onboarding-online h2{margin:0 0 12px;font-size:40px;line-height:1.15;text-align:center}.welcome-onboarding-online>p{margin:0 0 24px;text-align:center;color:var(--text-secondary)}.welcome-peerid-block,.welcome-qr-block{margin-bottom:20px}.welcome-peerid-block>span,.welcome-qr-block>span{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-align:center}.welcome-peerid-value{display:flex;align-items:center;gap:10px;border:1px solid rgba(0,217,255,.35);background:#00d9ff14;padding:10px 12px;border-radius:10px}.welcome-peerid-value code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary)}.welcome-qr-wrap{width:fit-content;margin:0 auto;padding:14px;border:1px solid rgba(0,217,255,.28);border-radius:12px;background:#0003}.welcome-actions{display:flex;flex-direction:column;gap:10px}.welcome-actions .btn{width:100%}.phone-call-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.phone-call-modal{background:var(--background, #fff);border-radius:16px;padding:24px;min-width:400px;max-width:500px;box-shadow:0 8px 32px #0000004d}.call-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.call-header h3{margin:0;font-size:20px}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary, #666);padding:4px 8px}.close-btn:hover{color:var(--text-primary, #000)}.call-content{text-align:center;margin-bottom:32px}.call-avatar{width:120px;height:120px;border-radius:50%;background:var(--primary, #007bff);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:48px;color:#fff}.call-info h2{margin:0 0 8px;font-size:24px}.call-status{color:var(--text-secondary, #666);font-size:16px}.call-controls{display:flex;justify-content:center;gap:16px}.call-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.call-btn.start{background:var(--success, #28a745);color:#fff}.call-btn.mute{background:var(--light, #f8f9fa);color:var(--text-primary, #000)}.call-btn.mute.active,.call-btn.end,.call-btn.reject{background:var(--danger, #dc3545);color:#fff}.call-btn.end:hover,.call-btn.reject:hover{background:var(--danger-dark, #c82333);transform:scale(1.1)}.call-btn.accept{background:var(--success, #28a745);color:#fff}.call-btn.accept:hover{background:var(--success-dark, #218838);transform:scale(1.1)}.call-loading{font-size:32px;color:var(--primary, #007bff)}.call-btn.screen-share{background:#17a2b8!important;color:#fff!important;display:flex!important;visibility:visible!important;opacity:1!important;border:2px solid #17a2b8!important}.call-btn.screen-share:hover{background:#138496!important;border-color:#138496!important;transform:scale(1.1)}.screen-share-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;max-width:1200px;height:80vh;max-height:800px;background:#000;border-radius:12px;overflow:hidden;z-index:10001;box-shadow:0 8px 32px #00000080}.video-call-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000}.video-call-modal{width:100%;height:100%;display:flex;flex-direction:column;background:#000}.video-call-header{position:absolute;top:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);display:flex;justify-content:space-between;align-items:center;z-index:10;color:#fff}.call-info h3{margin:0 0 4px;font-size:18px}.call-status{font-size:14px;opacity:.8}.close-btn{background:#fff3;border:none;font-size:18px;cursor:pointer;color:#fff;padding:8px 12px;border-radius:8px}.close-btn:hover{background:#ffffff4d}.video-call-content{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.remote-video-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.remote-video{width:100%;height:100%;object-fit:contain;background:#000}.local-video-container{position:absolute;top:80px;right:24px;width:200px;height:150px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.3);background:#000;z-index:20}.local-video{width:100%;height:100%;object-fit:cover}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary, #007bff);color:#fff;font-size:48px}.video-placeholder.small{font-size:32px}.video-placeholder p{margin:8px 0 0;font-size:14px}.video-call-controls{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;justify-content:center;gap:16px;z-index:10}.call-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff}.call-btn.start{background:var(--success, #28a745)}.call-btn.start:hover{background:var(--success-dark, #218838);transform:scale(1.1)}.call-btn.mute,.call-btn.video{background:#fff3}.call-btn.mute.active,.call-btn.video.active,.call-btn.end{background:var(--danger, #dc3545)}.call-btn.end:hover{background:var(--danger-dark, #c82333);transform:scale(1.1)}.call-loading{font-size:32px;color:#fff}.call-btn.screen-share{background:#17a2b8cc!important;color:#fff!important;display:flex!important;visibility:visible!important;opacity:1!important;border:2px solid rgba(23,162,184,.9)!important}.call-btn.screen-share.active{background:#ffc107!important;color:#000!important;border:2px solid #ffc107!important}.call-btn.screen-share:hover{background:#17a2b8!important;border-color:#17a2b8!important;transform:scale(1.1)}.screen-share-container{position:absolute;inset:0;background:#000000f2;z-index:15;display:flex;align-items:center;justify-content:center}.screen-share-video{width:100%;height:100%;object-fit:contain}.chat-container{display:grid;grid-template-columns:20% 1fr 20%;gap:0;height:90vh;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;width:100%;max-width:100%;position:relative}@media(min-width:1920px){.chat-container{grid-template-columns:18% 1fr 18%}}@media(min-width:1600px)and (max-width:1919px){.chat-container{grid-template-columns:19% 1fr 19%}}@media(min-width:1400px)and (max-width:1599px){.chat-container{grid-template-columns:20% 1fr 20%}}@media(min-width:1200px)and (max-width:1399px){.chat-container{grid-template-columns:22% 1fr 22%}}@media(max-width:1200px){.chat-container{grid-template-columns:280px 1fr 280px}}@media(max-width:968px){.chat-container{grid-template-columns:1fr;height:100vh;border-radius:0}}.chat-container.right-sidebar-hidden{grid-template-columns:20% 1fr 0px;transition:grid-template-columns .3s ease}@media(min-width:1920px){.chat-container.right-sidebar-hidden{grid-template-columns:18% 1fr 0px}}@media(min-width:1600px)and (max-width:1919px){.chat-container.right-sidebar-hidden{grid-template-columns:19% 1fr 0px}}@media(min-width:1400px)and (max-width:1599px){.chat-container.right-sidebar-hidden{grid-template-columns:20% 1fr 0px}}@media(min-width:1200px)and (max-width:1399px){.chat-container.right-sidebar-hidden{grid-template-columns:22% 1fr 0px}}@media(max-width:1200px){.chat-container.right-sidebar-hidden{grid-template-columns:280px 1fr 0px}}.chat-main{display:flex;flex-direction:column;background:#fff;position:relative;overflow:hidden}.chat-header{padding:1.2% 1.5%;background:#fff;border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;flex-shrink:0}@media(max-width:1200px){.chat-header{padding:20px 24px}}.chat-header-info{display:flex;align-items:center;gap:12px;flex:1}.chat-header-info .contact-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;flex-shrink:0}.chat-header-info .contact-avatar.public-badge-header-avatar.public-badge-alpha{box-shadow:0 0 0 2px #f7d66df2,0 0 22px #f7d66d47,0 0 30px #00d9ff2e}.chat-header-info .contact-avatar.public-badge-header-avatar.public-badge-bravo{box-shadow:0 0 0 2px #67e8f9e6,0 0 22px #67e8f93d}.chat-title-row{display:flex;align-items:center;gap:8px;min-width:0}.chat-header-info h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.public-badge-chip-header{transform:translateY(-2px)}.chat-status{font-size:13px;color:var(--text-secondary)}.chat-header-actions{display:flex;gap:10px}.contact-intro-banner{margin:14px 18px 0;padding:14px 16px;border:1px solid rgba(6,182,212,.35);border-radius:10px;background:#06b6d414;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.contact-intro-banner strong{display:block;font-size:14px;margin-bottom:3px}.contact-intro-banner span{display:block;font-size:13px;color:var(--text-secondary)}.contact-intro-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);padding:40px}.chat-empty i{font-size:64px;margin-bottom:20px;opacity:.5}.chat-empty h3{font-size:18px;font-weight:600;margin:0}.call-interface{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fff;border-radius:20px;padding:24px 32px;box-shadow:0 10px 40px #0000004d;display:flex;align-items:center;gap:24px;z-index:1000;min-width:300px;opacity:0;pointer-events:none;transition:all .3s}.call-interface.active{opacity:1;pointer-events:all}.call-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.call-info{flex:1;min-width:0}.call-info h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-primary)}.call-timer{font-size:14px;color:var(--text-secondary);font-weight:600}.call-controls{display:flex;gap:12px}.call-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s}.call-btn.mute{background:var(--light-gray);color:var(--text-primary)}.call-btn.mute:hover{background:var(--text-secondary);color:#fff}.call-btn.end{background:var(--danger);color:#fff}.call-btn.end:hover{background:#dc2626;transform:scale(1.1)}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:all .3s}.modal.show{opacity:1;pointer-events:all}.modal-content{background:#fff;border-radius:20px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s}.modal.show .modal-content{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:2px solid var(--border)}.modal-header h2,.modal-header h3{margin:0;color:var(--text-primary);font-size:24px;font-weight:700}.close-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--light-gray);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s}.close-btn:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}[data-theme=dark] .call-interface{background:#1a1f2e;border:1px solid rgba(0,217,255,.2);box-shadow:0 10px 40px #000c,var(--glow-primary)}[data-theme=dark] .modal-content{background:#1a1f2e;border:1px solid rgba(0,217,255,.2)}[data-theme=dark] .modal-header{border-bottom-color:#00d9ff33}[data-theme=dark] .close-btn{background:#252b3a;color:var(--text-primary)}[data-theme=dark] .close-btn:hover{background:var(--danger);color:#fff}.right-sidebar-seam-toggle{position:absolute;right:20%;top:50%;transform:translate(50%,-50%);width:28px;height:52px;background:color-mix(in srgb,var(--light) 88%,var(--primary) 12%);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 48%,var(--border));border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;z-index:120;box-shadow:0 8px 22px #0000002e;transition:right .3s ease,color .2s ease,background .2s ease,transform .2s ease}.right-sidebar-seam-toggle i{font-size:12px}.right-sidebar-seam-toggle:hover{background:var(--primary);color:#061018;transform:translate(50%,-50%) scale(1.04)}.right-sidebar-seam-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.chat-container.right-sidebar-hidden .right-sidebar-seam-toggle{right:0;transform:translateY(-50%);border-radius:10px 0 0 10px}.chat-container.right-sidebar-hidden .right-sidebar-seam-toggle:hover{transform:translateY(-50%) scale(1.04)}[data-theme=dark] .right-sidebar-seam-toggle{background:#141e2ef0;border-color:#00d9ff73;color:var(--primary);box-shadow:0 8px 24px #00000070,0 0 18px #00d9ff1f}[data-theme=dark] .right-sidebar-seam-toggle:hover{background:var(--primary);color:#061018}@media(min-width:1920px){.right-sidebar-seam-toggle{right:18%}}@media(min-width:1600px)and (max-width:1919px){.right-sidebar-seam-toggle{right:19%}}@media(min-width:1200px)and (max-width:1399px){.right-sidebar-seam-toggle{right:22%}}@media(max-width:1200px){.right-sidebar-seam-toggle{right:280px}}@media(max-width:968px){.right-sidebar-seam-toggle{right:0;transform:translateY(-50%);border-radius:10px 0 0 10px}.right-sidebar-seam-toggle:hover{transform:translateY(-50%) scale(1.04)}}.pricing-screen{padding:50px;background:#fff;border-radius:20px;margin:50px auto;max-width:1200px}.pricing-header{text-align:center;margin-bottom:60px}.pricing-header h2{font-size:42px;margin-bottom:16px;color:var(--text-primary);font-weight:700}.pricing-header p{color:var(--text-secondary);font-size:20px}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.pricing-screen.payment-processing{background:linear-gradient(135deg,#0a0e1a,#1a1f2e,#0f1419);border:1px solid rgba(0,217,255,.3);box-shadow:0 20px 60px #000c,0 0 40px #00d9ff4d;min-height:600px;display:flex;align-items:center;justify-content:center;padding:80px 40px}.payment-success-container{text-align:center;max-width:600px;width:100%}.tech-loader{position:relative;width:120px;height:120px;margin:0 auto 40px}.tech-spinner{width:120px;height:120px;border:4px solid rgba(0,217,255,.2);border-top-color:#00d9ff;border-right-color:#0f8;border-radius:50%;animation:tech-spin 1.5s linear infinite;box-shadow:0 0 30px #00d9ff80}.tech-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid #00ff88;border-radius:50%;animation:tech-pulse 2s ease-out infinite;box-shadow:0 0 20px #0f89}@keyframes tech-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tech-pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.tech-title{font-size:36px;font-weight:700;background:linear-gradient(135deg,#00d9ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 0 30px rgba(0,217,255,.5);letter-spacing:1px}.tech-title.success{animation:tech-fade-in .6s ease-out;background:linear-gradient(135deg,#00d9ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-title.warning{animation:tech-fade-in .6s ease-out;background:linear-gradient(135deg,#fa0,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-title.error{animation:tech-fade-in .6s ease-out;background:linear-gradient(135deg,#f36,#f14);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-title.info{animation:tech-fade-in .6s ease-out;background:linear-gradient(135deg,#00d9ff,#00b8d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-subtitle{font-size:18px;color:#00d9ffcc;margin-bottom:30px;letter-spacing:.5px}.tech-subtitle.success{color:#00ff88e6}.tech-subtitle.warning{color:#ffaa00e6}.tech-subtitle.error{color:#ff3366e6}.tech-subtitle.info{color:#00d9ffe6}.tech-progress{width:100%;height:4px;background:#00d9ff33;border-radius:2px;overflow:hidden;margin-top:30px}.tech-progress-bar{height:100%;background:linear-gradient(90deg,#00d9ff,#0f8);width:0%;animation:tech-progress 2s ease-in-out infinite;box-shadow:0 0 10px #00d9ffcc}@keyframes tech-progress{0%{width:0%}50%{width:70%}to{width:100%}}.status-icon{position:relative;width:120px;height:120px;margin:0 auto 40px}.status-icon i{font-size:80px;position:relative;z-index:2;animation:tech-fade-in .6s ease-out}.status-icon.success i{color:#0f8;text-shadow:0 0 30px rgba(0,255,136,.8)}.status-icon.warning i{color:#fa0;text-shadow:0 0 30px rgba(255,170,0,.8)}.status-icon.error i{color:#f36;text-shadow:0 0 30px rgba(255,51,102,.8)}.status-icon.info i{color:#00d9ff;text-shadow:0 0 30px rgba(0,217,255,.8)}.success-ripple,.warning-pulse,.error-pulse,.info-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%}.success-ripple{border:3px solid #00ff88;animation:success-ripple 1.5s ease-out infinite}.warning-pulse{border:3px solid #ffaa00;animation:warning-pulse 2s ease-out infinite}.error-pulse{border:3px solid #ff3366;animation:error-pulse 2s ease-out infinite}.info-pulse{border:3px solid #00d9ff;animation:info-pulse 2s ease-out infinite}@keyframes success-ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes warning-pulse{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}}@keyframes error-pulse{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}}@keyframes info-pulse{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}}@keyframes tech-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.subscription-info{background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:12px;padding:24px;margin:30px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,217,255,.2)}.info-item:last-child{border-bottom:none}.info-label{font-size:14px;color:#00d9ffb3;text-transform:uppercase;letter-spacing:1px;font-weight:600}.info-value{font-size:16px;color:#00d9ff;font-weight:700}.info-value.status-active{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.info-value.status-trialing{color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.5)}.info-value.status-incomplete{color:#fa0;text-shadow:0 0 10px rgba(255,170,0,.5)}.info-value.status-incomplete_expired{color:#f36;text-shadow:0 0 10px rgba(255,51,102,.5)}.info-value.status-past_due{color:#fa0;text-shadow:0 0 10px rgba(255,170,0,.5)}.info-value.status-cancelled,.info-value.status-unpaid{color:#f36;text-shadow:0 0 10px rgba(255,51,102,.5)}.success-actions{margin-top:40px}.tech-button{background:linear-gradient(135deg,#00d9ff,#00b8d9);border:none;box-shadow:0 4px 20px #00d9ff66,0 0 30px #00d9ff33;transition:all .3s ease;font-weight:600;letter-spacing:.5px}.tech-button:hover{box-shadow:0 6px 30px #00d9ff99,0 0 40px #00d9ff66;transform:translateY(-2px)}.tech-button.warning{background:linear-gradient(135deg,#fa0,#f80);box-shadow:0 4px 20px #fa06,0 0 30px #fa03}.tech-button.warning:hover{box-shadow:0 6px 30px #fa09,0 0 40px #fa06}[data-theme=dark] .pricing-screen:not(.payment-processing){background:#1a1f2e;border:1px solid rgba(0,217,255,.2);box-shadow:0 20px 60px #000c,0 0 40px #00d9ff1a}[data-theme=dark] .pricing-header h2{color:var(--text-primary)}[data-theme=dark] .pricing-header p{color:var(--text-secondary)}.dashboard-screen{padding:30px;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.dashboard-header h2{margin:0 0 5px;color:var(--text-primary);font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}.dashboard-header p{color:var(--text-secondary);margin:0;font-size:14px}.dashboard-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dashboard-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.dashboard-loading{padding:40px;text-align:center}.dashboard-loading .loading-spinner{margin:0 auto 20px}.dashboard-loading p{color:var(--text-secondary);font-size:16px}.dashboard-empty{padding:40px;text-align:center}.dashboard-empty i{font-size:64px;color:#9ca3af;margin-bottom:20px}.dashboard-empty h3{margin-bottom:10px;color:var(--text-primary)}.dashboard-empty p{color:#6b7280;font-size:14px}[data-theme=dark] .dashboard-screen,[data-theme=dark] .dashboard-header h2{color:var(--text-primary)}[data-theme=dark] .dashboard-header p,[data-theme=dark] .dashboard-empty i{color:var(--text-secondary)}[data-theme=dark] .dashboard-empty h3{color:var(--text-primary)}[data-theme=dark] .dashboard-empty p{color:var(--text-secondary)}@media(max-width:968px){.dashboard-screen{padding:20px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-actions{width:100%;flex-direction:column}.dashboard-actions>*{width:100%}}.usage-history{background:transparent;border-radius:12px;padding:24px;margin-top:0}.usage-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.usage-history-header h3{margin:0;font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:12px}.usage-history-header h3 i{color:var(--primary, var(--primary-color, #007bff))}.usage-history-filters{display:flex;align-items:center;gap:12px}.usage-history-filters label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.usage-history-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:linear-gradient(135deg,var(--primary, var(--primary-color, #007bff)) 0%,var(--primary-dark, #0056b3) 100%);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;color:#fff;box-shadow:0 4px 12px #007bff33}.stat-icon{font-size:2.5rem;opacity:.9}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{font-size:.9rem;opacity:.9;margin-bottom:4px}.stat-detail{font-size:.75rem;opacity:.8}.usage-history-empty{text-align:center;padding:48px 24px;color:var(--text-secondary)}.usage-history-empty-hint{font-size:.85rem;margin-top:8px;opacity:.7}.usage-history-list{border:1px solid var(--border, var(--border-color, #ddd));border-radius:8px;overflow:hidden;background:var(--bg-secondary, transparent)}.usage-history-list-header{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--bg-secondary, transparent);padding:12px 16px;font-weight:600;font-size:.9rem;color:var(--text-secondary);border-bottom:2px solid var(--border, var(--border-color, #ddd))}.history-col-date{text-align:left}.history-col-messages,.history-col-calls{text-align:center}.usage-history-items{max-height:400px;overflow-y:auto}.usage-history-item{display:grid;grid-template-columns:1fr 1fr 1fr;padding:12px 16px;border-bottom:1px solid var(--border, var(--border-color, #eee));transition:background-color .2s;background:transparent}.usage-history-item:hover{background:var(--bg-secondary, rgba(0, 0, 0, .05))}.usage-history-item:last-child{border-bottom:none}.usage-history-item .history-col-date{display:flex;align-items:center;color:var(--text-primary);font-size:.9rem}.usage-history-item .history-col-messages,.usage-history-item .history-col-calls{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-primary);font-weight:500}.usage-history-item .history-col-messages i{color:var(--primary, var(--primary-color, #007bff))}.usage-history-item .history-col-calls i{color:var(--success-color, #28a745)}.usage-history-loading{text-align:center;padding:48px;color:var(--text-secondary)}@media(max-width:768px){.usage-history-stats{grid-template-columns:1fr}.usage-history-list-header,.usage-history-item{grid-template-columns:1fr;gap:8px}.history-col-messages,.history-col-calls{text-align:left!important;justify-content:flex-start!important}}.streaks{padding:20px}.streaks-header{margin-bottom:24px}.streaks-header h3{margin:0 0 8px;font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:12px}.streaks-header h3 i{color:var(--primary, var(--primary-color, #007bff))}.streaks-header p{margin:0;color:var(--text-secondary);font-size:.9rem}.streaks-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.streak-card{background:var(--bg-secondary, transparent);border:2px solid var(--border, var(--border-color, #ddd));border-radius:16px;padding:24px;text-align:center;transition:transform .2s,box-shadow .2s}.streak-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.streak-card.current-streak{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.streak-card.longest-streak{border-color:#6366f1;background:linear-gradient(135deg,#6366f11a,#6366f10d)}.streak-card.total-days{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d)}.streak-icon{font-size:3rem;margin-bottom:16px}.streak-card.current-streak .streak-icon{color:#f59e0b}.streak-card.longest-streak .streak-icon{color:#6366f1}.streak-card.total-days .streak-icon{color:#10b981}.streak-content{display:flex;flex-direction:column;align-items:center}.streak-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.streak-value{font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.streak-unit{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.streak-detail{font-size:.75rem;color:var(--text-secondary);opacity:.8;margin-top:8px}.streaks-motivation{background:var(--bg-secondary, transparent);border-left:4px solid var(--primary, var(--primary-color, #007bff));border-radius:8px;padding:16px;margin-top:24px}.streaks-motivation p{margin:0;color:var(--text-primary);display:flex;align-items:center}.streaks-empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.streaks-empty-state p{margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.streaks-loading,.streaks-empty{text-align:center;padding:48px;color:var(--text-secondary)}[data-theme=dark] .streak-card{border-color:var(--border)}[data-theme=dark] .streak-card.current-streak{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b33,#f59e0b1a)}[data-theme=dark] .streak-card.longest-streak{border-color:#6366f1;background:linear-gradient(135deg,#6366f133,#6366f11a)}[data-theme=dark] .streak-card.total-days{border-color:#10b981;background:linear-gradient(135deg,#10b98133,#10b9811a)}@media(max-width:768px){.streaks-cards{grid-template-columns:1fr}}.progress-charts{padding:20px}.progress-charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.progress-charts-header h3{margin:0;font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:12px}.progress-charts-header h3 i{color:var(--primary, var(--primary-color, #007bff))}.progress-charts-filters{display:flex;align-items:center;gap:12px}.progress-charts-filters label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.days-filter-select{padding:6px 12px;border:1px solid var(--border, var(--border-color, #ddd));border-radius:6px;background:var(--bg-secondary, transparent);color:var(--text-primary);font-size:.9rem;cursor:pointer}.days-filter-select:focus{outline:none;border-color:var(--primary, var(--primary-color, #007bff))}.charts-container{display:flex;flex-direction:column;gap:32px}.chart-wrapper{background:var(--bg-secondary, transparent);border:1px solid var(--border, var(--border-color, #ddd));border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.chart-header{margin-bottom:16px}.chart-header h4{margin:0;font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;font-weight:600}.chart-canvas-container{position:relative;height:300px;width:100%}.progress-charts-loading,.progress-charts-empty{text-align:center;padding:48px 24px;color:var(--text-secondary)}.progress-charts-empty-hint{font-size:.85rem;margin-top:8px;opacity:.7}@media(max-width:768px){.progress-charts-header{flex-direction:column;align-items:flex-start}.chart-canvas-container{height:250px}}.gamification-screen{padding:30px;max-width:1200px;margin:0 auto}.gamification-header{margin-bottom:30px}.gamification-header-top{display:flex;align-items:center;margin-bottom:16px}.gamification-header h2{margin:0 0 10px;color:var(--text-primary);font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}.gamification-header p{color:var(--text-secondary);margin:0;font-size:14px}.gamification-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid var(--border);flex-wrap:wrap}.gamification-content{min-height:400px}.tab-item{padding:12px 24px;border:none;background:transparent;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:400;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;font-size:15px}.tab-item:hover{color:var(--text-primary)}.tab-item.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.gamification-loading{padding:40px;text-align:center}.gamification-loading .loading-spinner{margin:0 auto 20px}.gamification-loading p{color:var(--text-secondary);font-size:16px}[data-theme=dark] .gamification-screen,[data-theme=dark] .gamification-header h2{color:var(--text-primary)}[data-theme=dark] .gamification-header p{color:var(--text-secondary)}[data-theme=dark] .gamification-tabs{border-bottom-color:#00d9ff33}[data-theme=dark] .tab-item{color:var(--text-secondary)}[data-theme=dark] .tab-item.active{color:var(--primary);border-bottom-color:var(--primary)}@media(max-width:968px){.gamification-screen{padding:20px}.gamification-tabs{flex-direction:column;border-bottom:none}.tab-item{border-bottom:none;border-left:3px solid transparent;padding-left:20px}.tab-item.active{border-left-color:var(--primary);border-bottom-color:transparent}}.credits-section{padding:25px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:12px;color:#0c4a6e;margin-bottom:30px;border:2px solid #0ea5e9;box-shadow:0 4px 15px #0ea5e926}.credits-section h3{margin:0 0 15px;color:#0c4a6e;font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.credits-display{padding:15px;background:#fffc;border-radius:8px;margin-bottom:20px;border:1px solid #0ea5e9}.credits-label{font-size:14px;color:#0369a1;margin-bottom:5px;font-weight:600}.credits-value{font-size:32px;font-weight:700;margin-bottom:5px;color:#0c4a6e}.credits-breakdown{font-size:12px;color:#0369a1}.credit-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.credit-pack{padding:20px;background:#fff;border-radius:10px;border:2px solid #0ea5e9;text-align:center;position:relative;box-shadow:0 2px 8px #0ea5e91a}.credit-pack.recommended{border-color:var(--secondary);box-shadow:0 0 15px #10b98166}.pack-name{font-size:24px;font-weight:700;margin-bottom:5px;color:#0c4a6e}.pack-price{font-size:20px;margin-bottom:15px;color:#0369a1;font-weight:600}.pack-badge{position:absolute;top:-10px;right:-10px;background:var(--secondary);color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700}[data-theme=dark] .credits-section{background:linear-gradient(135deg,#1e3a5f,#0c4a6e);color:#e0f2fe;border-color:#0ea5e9}[data-theme=dark] .credits-section h3{color:#e0f2fe}[data-theme=dark] .credits-display{background:#0ea5e933;border-color:#0ea5e9}[data-theme=dark] .credits-label,[data-theme=dark] .credits-value{color:#e0f2fe}[data-theme=dark] .credits-breakdown{color:#bae6fd}[data-theme=dark] .credit-pack{background:#0ea5e91a;border-color:#0ea5e9}[data-theme=dark] .pack-name,[data-theme=dark] .pack-price{color:#e0f2fe}[data-theme=dark] .credit-pack.recommended{box-shadow:var(--glow-secondary)}.theme-packs-section{padding:25px;background:#fef3c7;border-radius:12px;border:2px solid #f59e0b;margin-bottom:30px}.theme-packs-section h3{margin-bottom:15px;color:#92400e;font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.theme-status{padding:15px;background:#fff;border-radius:8px;margin-bottom:20px;border:1px solid #f59e0b}.status-inactive{color:#92400e;font-weight:500}.theme-packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.theme-pack{padding:20px;background:#fff;border-radius:10px;border:2px solid #f59e0b;box-shadow:0 2px 8px #f59e0b1a}.theme-name{font-size:18px;font-weight:700;margin-bottom:10px;color:#92400e}.theme-description{font-size:14px;color:#78350f;margin-bottom:15px}[data-theme=dark] .theme-packs-section{background:#451a03;border-color:#f59e0b}[data-theme=dark] .theme-packs-section h3{color:#fbbf24}[data-theme=dark] .theme-status{background:#f59e0b1a;border-color:#f59e0b}[data-theme=dark] .status-inactive{color:#fbbf24}[data-theme=dark] .theme-pack{background:#f59e0b1a;border-color:#f59e0b}[data-theme=dark] .theme-name{color:#fbbf24}[data-theme=dark] .theme-description{color:#fcd34d}.skins-section{padding:25px;background:#f3e8ff;border-radius:12px;border:2px solid #9333ea;margin-bottom:30px}.skins-section h3{margin-bottom:15px;color:#6b21a8;font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.skins-status{padding:15px;background:#fff;border-radius:8px;margin-bottom:20px;border:1px solid #9333ea}.status-active{color:#059669;font-weight:600;display:flex;align-items:center;gap:8px}.status-inactive{color:#6b21a8;font-weight:500}.current-skin-notice{padding:12px 15px;background:#ddd6fe;border-radius:8px;margin-bottom:20px;border:1px solid #9333ea;color:#6b21a8;display:flex;align-items:center;gap:8px;font-size:14px}.current-skin-notice strong{font-weight:600}.skins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.skin-card{padding:20px;background:#fff;border-radius:10px;border:2px solid #c084fc;box-shadow:0 2px 8px #9333ea1a;transition:all .3s ease}.skin-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9333ea33}.skin-card.owned{border-color:#059669;background:#f0fdf4}.skin-card.active{border-color:#9333ea;border-width:3px;background:#faf5ff}.skin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:10px}.skin-name{font-size:18px;font-weight:700;color:#6b21a8;flex:1}.skin-card.owned .skin-name{color:#065f46}.skin-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.owned-badge{background:#10b981;color:#fff}.active-badge{background:#9333ea;color:#fff}.skin-description{font-size:14px;color:#581c87;margin-bottom:12px;line-height:1.5}.skin-card.owned .skin-description{color:#047857}.skin-category{font-size:12px;color:#9333ea;margin-bottom:12px;display:flex;align-items:center;gap:5px}.skin-card.owned .skin-category{color:#059669}.skin-price{font-size:18px;font-weight:700;color:#9333ea;margin-bottom:15px}.skin-actions{margin-top:15px}.skins-info{margin-top:20px;padding:15px;background:#ede9fe;border-radius:8px;border:1px solid #9333ea;color:#6b21a8;display:flex;align-items:flex-start;gap:10px;font-size:14px}.skins-info i{margin-top:2px;font-size:16px}.skins-info strong{font-weight:600}[data-theme=dark] .skins-section{background:#3c1e5f;border-color:#9333ea}[data-theme=dark] .skins-section h3{color:#c084fc}[data-theme=dark] .skins-status{background:#9333ea1a;border-color:#9333ea}[data-theme=dark] .status-active{color:#34d399}[data-theme=dark] .status-inactive{color:#c084fc}[data-theme=dark] .current-skin-notice{background:#9333ea33;border-color:#9333ea;color:#e9d5ff}[data-theme=dark] .skin-card{background:#9333ea1a;border-color:#9333ea}[data-theme=dark] .skin-card.owned{background:#10b9811a;border-color:#10b981}[data-theme=dark] .skin-card.active{background:#9333ea40;border-color:#c084fc}[data-theme=dark] .skin-name{color:#e9d5ff}[data-theme=dark] .skin-card.owned .skin-name{color:#6ee7b7}[data-theme=dark] .skin-description{color:#ddd6fe}[data-theme=dark] .skin-card.owned .skin-description{color:#a7f3d0}[data-theme=dark] .skin-category{color:#c084fc}[data-theme=dark] .skin-card.owned .skin-category{color:#6ee7b7}[data-theme=dark] .skin-price{color:#e9d5ff}[data-theme=dark] .skins-info{background:#9333ea26;border-color:#9333ea;color:#e9d5ff}.purchase-history{padding:25px;background:#fff;border-radius:12px;border:2px solid var(--border);margin-bottom:30px}.purchase-history h3{margin-bottom:20px;color:var(--text-primary);font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.purchase-history.loading,.purchase-history.empty{text-align:center;padding:40px}.purchase-history.empty i{font-size:48px;color:var(--text-light);margin-bottom:15px}.purchase-history.empty p{color:var(--text-secondary);font-size:16px}.purchases-list{display:flex;flex-direction:column;gap:12px}.purchase-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--light);border-radius:8px;border:1px solid var(--border);transition:all .2s}.purchase-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #6366f11a}.purchase-icon{font-size:24px;color:var(--primary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:8px}.purchase-details{flex:1;min-width:0}.purchase-name{font-weight:600;color:var(--text-primary);font-size:15px;margin-bottom:4px}.purchase-date{color:var(--text-secondary);font-size:13px}.purchase-amount{font-weight:600;color:var(--primary);font-size:16px}[data-theme=dark] .purchase-history{background:#1a1f2e;border-color:#00d9ff33}[data-theme=dark] .purchase-history h3{color:var(--text-primary)}[data-theme=dark] .purchase-item{background:#252b3a;border-color:#00d9ff33}[data-theme=dark] .purchase-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #00d9ff33}[data-theme=dark] .purchase-icon{color:var(--primary);background:#00d9ff1a}[data-theme=dark] .purchase-name{color:var(--text-primary)}[data-theme=dark] .purchase-date{color:var(--text-secondary)}[data-theme=dark] .purchase-amount{color:var(--primary)}[data-theme=dark] .purchase-history.empty{color:var(--text-secondary)}.shop-screen{padding:30px;max-width:1200px;margin:0 auto}.shop-header{margin-bottom:30px}.shop-header h2{margin:0 0 10px;color:var(--text-primary);font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}.shop-header p{color:var(--text-secondary);margin:0;font-size:14px}.shop-note{padding:15px;background:#fef3c7;border-radius:8px;color:#92400e;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}[data-theme=dark] .shop-screen,[data-theme=dark] .shop-header h2{color:var(--text-primary)}[data-theme=dark] .shop-header p{color:var(--text-secondary)}[data-theme=dark] .shop-note{background:#f59e0b1a;color:var(--warning)}.plans-section{margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:12px;color:#0c4a6e;border:2px solid #0ea5e9;box-shadow:0 4px 15px #0ea5e926}.plans-section h3{font-size:20px;margin:0 0 20px;color:#0c4a6e;display:flex;align-items:center;font-weight:700}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.plans-section .plan-card{background:#fff;border:2px solid #0ea5e9;box-shadow:0 2px 8px #0ea5e91a;border-radius:10px}.plans-section .plan-card .plan-name{color:#0c4a6e;font-weight:700}.plans-section .plan-card .plan-price{color:#0369a1;font-weight:600}.plans-section .plan-card .plan-price span{color:#0369a1}.plans-section .plan-card .plan-features li{color:#0c4a6e}.plans-section .plan-card.recommended{border-color:var(--secondary);box-shadow:0 0 15px #10b98166}[data-theme=dark] .plans-section{background:linear-gradient(135deg,#1e3a5f,#0c4a6e);color:#e0f2fe;border-color:#0ea5e9}[data-theme=dark] .plans-section h3{color:#e0f2fe}[data-theme=dark] .plans-section .plan-card{background:#0ea5e91a;border-color:#0ea5e9}[data-theme=dark] .plans-section .plan-card .plan-name,[data-theme=dark] .plans-section .plan-card .plan-price,[data-theme=dark] .plans-section .plan-card .plan-features li{color:#e0f2fe}[data-theme=dark] .plans-section .plan-card.recommended{box-shadow:var(--glow-secondary)}@media(max-width:968px){.shop-screen{padding:20px}.plans-grid{grid-template-columns:1fr}}.rgpd-export-screen{padding:30px;max-width:1000px;margin:0 auto}.rgpd-header{margin-bottom:30px}.rgpd-header h2{margin:0 0 10px;color:var(--text-primary);font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}.rgpd-header p{color:var(--text-secondary);margin:0;font-size:14px}.rgpd-info{margin-bottom:30px}.info-card{padding:20px;background:#fff;border-radius:12px;border:2px solid var(--border);display:flex;gap:20px;align-items:flex-start}.info-card i{font-size:24px;color:var(--primary);margin-top:4px}.info-card h3{margin:0 0 15px;color:var(--text-primary);font-size:18px;font-weight:600}.info-card ul{margin:0;padding-left:20px;color:var(--text-secondary)}.info-card li{margin-bottom:8px;font-size:14px}.rgpd-actions{display:flex;justify-content:center;margin-bottom:30px}.rgpd-preview{margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;border:2px solid var(--border)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.preview-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.preview-content{max-height:500px;overflow-y:auto;background:var(--light);border-radius:8px;padding:15px}.preview-content pre{margin:0;font-size:12px;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.rgpd-note{padding:20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;border:2px solid var(--primary);display:flex;gap:15px;align-items:flex-start}.rgpd-note i{font-size:24px;color:var(--primary);margin-top:4px}.rgpd-note strong{display:block;margin-bottom:8px;color:var(--text-primary);font-size:16px}.rgpd-note p{margin:0;color:var(--text-secondary);font-size:14px}[data-theme=dark] .rgpd-export-screen,[data-theme=dark] .rgpd-header h2{color:var(--text-primary)}[data-theme=dark] .rgpd-header p{color:var(--text-secondary)}[data-theme=dark] .info-card{background:#1a1f2e;border-color:#00d9ff33}[data-theme=dark] .info-card h3{color:var(--text-primary)}[data-theme=dark] .info-card ul{color:var(--text-secondary)}[data-theme=dark] .rgpd-preview{background:#1a1f2e;border-color:#00d9ff33}[data-theme=dark] .preview-header h3{color:var(--text-primary)}[data-theme=dark] .preview-content{background:#252b3a}[data-theme=dark] .preview-content pre{color:var(--text-primary)}[data-theme=dark] .rgpd-note{background:#00d9ff1a;border-color:var(--primary)}[data-theme=dark] .rgpd-note strong{color:var(--text-primary)}[data-theme=dark] .rgpd-note p{color:var(--text-secondary)}@media(max-width:968px){.rgpd-export-screen{padding:20px}.preview-header{flex-direction:column;align-items:flex-start;gap:15px}}.roadmap-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(0,217,255,.12),transparent 40%),radial-gradient(circle at 85% 10%,rgba(122,92,255,.12),transparent 35%),linear-gradient(180deg,#0a0e1a,#131a2b);color:#f4f8ff;padding:32px 16px 48px}.roadmap-container{max-width:1280px;margin:0 auto}.roadmap-header{margin-bottom:24px}.roadmap-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#7de2ff}.roadmap-header h1{margin:0;font-size:clamp(28px,5vw,42px)}.roadmap-subtitle{margin:12px 0 18px;max-width:740px;color:#f4f8ffd1;line-height:1.5}.roadmap-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.roadmap-btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer}.roadmap-btn-primary{background:linear-gradient(135deg,#00b4ff,#6d5cff);color:#fff}.roadmap-progress{margin-left:auto;border:1px solid rgba(125,226,255,.35);background:#081428cc;border-radius:12px;padding:8px 12px;display:flex;gap:8px;align-items:baseline}.roadmap-progress span{font-size:12px;color:#ebf4ffc7}.roadmap-progress strong{color:#7de2ff}.roadmap-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:16px;padding-top:44px}.roadmap-axis{position:absolute;left:8%;right:8%;top:16px;height:3px;border-radius:999px;background:linear-gradient(90deg,#00d9ff,#6d5cff);opacity:.8}.roadmap-step{position:relative;padding-top:10px}.roadmap-marker{position:absolute;left:50%;transform:translate(-50%);top:-8px;width:26px;height:26px;border-radius:999px;background:#0f2038;border:2px solid #7de2ff;box-shadow:0 0 0 4px #7de2ff1f;display:flex;align-items:center;justify-content:center}.roadmap-marker span{width:10px;height:10px;border-radius:999px;background:#7de2ff}.roadmap-card{border:1px solid rgba(125,226,255,.35);border-radius:14px;background:#0e1628d1;padding:16px;box-shadow:0 12px 24px #00000038;min-height:340px}.roadmap-quarter{display:inline-block;background:#00b4ff29;border:1px solid rgba(125,226,255,.4);color:#9ce9ff;border-radius:999px;padding:4px 10px;font-size:12px;margin-bottom:10px}.roadmap-card h2{margin:0 0 8px;font-size:32px}.roadmap-focus{margin:0 0 10px;font-weight:600;color:#d8edff}.roadmap-card ul{margin:0;padding-left:18px;color:#ebf4ffe6}.roadmap-card li{margin-bottom:6px}.roadmap-tags{margin-top:12px;display:flex;gap:8px}.roadmap-status,.roadmap-phase{font-size:12px;border-radius:999px;padding:4px 10px}.roadmap-status{background:#00d9ff2e;color:#8fefff}.roadmap-phase{background:#6d5cff33;color:#c8beff}@media(max-width:1200px){.roadmap-timeline{grid-template-columns:repeat(2,minmax(220px,1fr));padding-top:20px}.roadmap-axis,.roadmap-marker{display:none}.roadmap-step{padding-top:0}}@media(max-width:700px){.roadmap-timeline{grid-template-columns:1fr;gap:12px;padding-top:0}.roadmap-progress{margin-left:0}.roadmap-card{min-height:auto}}.secure-link-page{--sl-bg: #0a0e1a;--sl-bg-2: #101624;--sl-panel: #1a1f2e;--sl-panel-2: #252b3a;--sl-line: #2a3441;--sl-text: #f3f4f6;--sl-muted: #d1d5db;--sl-dim: #9ca3af;--sl-cyan: #00d9ff;--sl-cyan-soft: rgba(0, 217, 255, .16);--sl-green: #00ff88;--sl-green-soft: rgba(0, 255, 136, .14);--sl-red: #ff3366;--sl-red-soft: rgba(255, 51, 102, .14);--sl-amber: #ffaa00;--sl-amber-soft: rgba(255, 170, 0, .13);width:100%;min-height:100vh;background:var(--sl-bg);color:var(--sl-text);overflow-x:hidden}body:has(.secure-link-page){background:var(--sl-bg)}body:has(.secure-link-page) #root{display:block;align-items:stretch;justify-content:stretch;padding:0}.secure-link-hero{position:relative;min-height:min(760px,86svh);display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(3.5rem,7vw,6rem) clamp(1.25rem,5vw,5rem) clamp(2rem,5vw,4rem);isolation:isolate;background:linear-gradient(125deg,rgba(0,217,255,.12),transparent 34%),linear-gradient(245deg,rgba(0,255,136,.08),transparent 42%),linear-gradient(180deg,#0a0e1a,#111827 56%,#0a0e1a)}.secure-link-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--sl-cyan),var(--sl-green),transparent);opacity:.8}.secure-link-scene{position:absolute;inset:0;z-index:-1;overflow:hidden}.secure-link-scene:before{content:"";position:absolute;inset:8% 4% auto auto;width:min(58vw,720px);aspect-ratio:1.28;border:1px solid rgba(0,217,255,.22);border-radius:28px;background:linear-gradient(90deg,rgba(0,217,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(0,255,136,.06) 1px,transparent 1px),#1a1f2e75;background-size:44px 44px;transform:rotate(-6deg);box-shadow:0 0 42px #00d9ff24,0 38px 110px #00000042}.secure-link-scene:after{content:"";position:absolute;inset:12% 0 auto;height:340px;background:repeating-linear-gradient(180deg,rgba(0,217,255,.035) 0,rgba(0,217,255,.035) 1px,transparent 1px,transparent 18px);opacity:.72}.secure-link-node,.secure-link-device,.secure-link-path{position:absolute;display:block}.secure-link-node{width:18px;height:18px;border:3px solid rgba(243,244,246,.92);border-radius:50%;background:var(--sl-cyan);box-shadow:0 0 18px #00d9ffb8,0 18px 42px #00d9ff3d}.secure-link-node-a{top:22%;right:37%}.secure-link-node-b{top:52%;right:19%;background:var(--sl-red);box-shadow:0 0 18px #ff33669e,0 18px 42px #f363}.secure-link-node-c{top:66%;right:48%;background:var(--sl-green);box-shadow:0 0 18px #00ff889e,0 18px 42px #0f83}.secure-link-path{height:2px;transform-origin:left center;background:linear-gradient(90deg,transparent,rgba(0,217,255,.86),rgba(0,255,136,.72),transparent);box-shadow:0 0 18px #00d9ff59}.secure-link-path-main{top:37%;right:20%;width:min(36vw,470px);transform:rotate(24deg)}.secure-link-path-soft{top:62%;right:28%;width:min(30vw,410px);transform:rotate(-14deg);opacity:.72}.secure-link-device{width:128px;height:86px;border:1px solid rgba(0,217,255,.28);border-radius:16px;background:#1a1f2edb;box-shadow:0 0 28px #00d9ff29,0 24px 70px #00000047}.secure-link-device:before{content:"";position:absolute;left:18px;right:18px;top:20px;height:8px;border-radius:99px;background:#f3f4f633}.secure-link-device:after{content:"";position:absolute;left:18px;bottom:22px;width:58px;height:8px;border-radius:99px;background:var(--sl-cyan);box-shadow:0 0 16px #00d9ff99}.secure-link-device-left{right:44%;bottom:17%;transform:rotate(-8deg)}.secure-link-device-right{right:7%;top:25%;transform:rotate(7deg)}.secure-link-hero__content{max-width:760px}.secure-link-kicker{margin:0 0 .8rem;color:var(--sl-cyan);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 18px rgba(0,217,255,.38)}.secure-link-hero h1{max-width:820px;margin:0;color:var(--sl-text);font-size:clamp(2.6rem,6vw,5.8rem);line-height:.96;letter-spacing:0}.secure-link-lead{max-width:660px;margin:1.45rem 0 0;color:var(--sl-muted);font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.55}.secure-link-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.secure-link-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:.7rem 1.05rem;color:var(--sl-text);font-weight:800;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.secure-link-btn:hover{transform:translateY(-1px)}.secure-link-btn-primary{background:linear-gradient(135deg,var(--sl-cyan),#00b8d9);color:#06101a;box-shadow:0 0 22px #00d9ff5c,0 16px 38px #00000047}.secure-link-btn-secondary{border-color:#00d9ff5c;background:#1a1f2eb8;color:var(--sl-cyan)}.secure-link-qr-card{justify-self:end;width:min(100%,320px);padding:1rem;border:1px solid rgba(0,217,255,.28);border-radius:8px;background:#1a1f2ee0;box-shadow:0 0 28px #00d9ff2e,0 28px 80px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.secure-link-qr{display:grid;place-items:center;min-height:212px;border-radius:8px;background:#fff;border:1px solid rgba(0,217,255,.34);box-shadow:inset 0 0 0 5px #00d9ff14}.secure-link-qr-card p{margin:.9rem 0 .25rem;color:var(--sl-muted);font-weight:700}.secure-link-qr-card strong{display:block;color:var(--sl-text);font-size:.9rem;line-height:1.35;overflow-wrap:anywhere}.secure-link-qr-card a{display:inline-flex;margin-top:.85rem;color:var(--sl-green);font-weight:800;text-decoration:none}.secure-link-section{padding:clamp(3rem,7vw,5.5rem) clamp(1.25rem,5vw,5rem)}.secure-link-section__intro{max-width:760px;margin-bottom:2rem}.secure-link-section h2{margin:0;color:var(--sl-text);font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.05;letter-spacing:0}.secure-link-section__intro p:not(.secure-link-kicker){margin-top:1rem;color:var(--sl-muted);font-size:1.05rem;line-height:1.7}.secure-link-summary{background:var(--sl-bg-2)}.secure-link-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.secure-link-proof{min-height:150px;padding:1rem;border:1px solid rgba(0,217,255,.18);border-radius:8px;background:#1a1f2eb8}.secure-link-proof span{display:block;width:34px;height:4px;border-radius:99px;margin-bottom:1.4rem;background:var(--sl-cyan);box-shadow:0 0 16px #00d9ff70}.secure-link-proof:nth-child(2) span{background:var(--sl-green);box-shadow:0 0 16px #0f86}.secure-link-proof:nth-child(3) span{background:var(--sl-amber);box-shadow:0 0 16px #ffaa0061}.secure-link-proof:nth-child(4) span{background:var(--sl-red);box-shadow:0 0 16px #f366}.secure-link-proof p,.secure-link-layer p,.secure-link-data li,.secure-link-steps p,.secure-link-readiness p{color:var(--sl-muted);line-height:1.65}.secure-link-proof p{margin:0;font-weight:700}.secure-link-architecture{background:#0c1220}.secure-link-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.secure-link-layer{padding:1.25rem;border-radius:8px;background:linear-gradient(180deg,#252b3ae6,#1a1f2eeb);border:1px solid rgba(0,217,255,.2);box-shadow:0 20px 70px #0000002e}.secure-link-layer span{display:inline-flex;margin-bottom:2rem;color:var(--sl-green);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.secure-link-layer h3,.secure-link-data h3{margin:0 0 .75rem;color:var(--sl-text);font-size:1.25rem}.secure-link-layer p{margin:0}.secure-link-data{background:linear-gradient(90deg,rgba(255,51,102,.08),transparent 35%),linear-gradient(180deg,#111827,#0a0e1a)}.secure-link-data .secure-link-kicker{color:var(--sl-red);text-shadow:0 0 18px rgba(255,51,102,.38)}.secure-link-data h2,.secure-link-data h3{color:var(--sl-text)}.secure-link-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.secure-link-data article{padding:1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#1a1f2ec2}.secure-link-data article:first-child{border-color:#ffaa003d}.secure-link-data article:last-child{border-color:#00ff8838}.secure-link-data ul{margin:0;padding-left:1.15rem}.secure-link-data li{color:var(--sl-muted);margin-bottom:.55rem}.secure-link-journey{background:#111827}.secure-link-journey .secure-link-kicker{color:var(--sl-amber);text-shadow:0 0 18px rgba(255,170,0,.34)}.secure-link-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:0}.secure-link-steps li{min-height:180px;padding:1rem;border-radius:8px;border:1px solid rgba(0,217,255,.18);background:#1a1f2ebd}.secure-link-steps span{display:block;margin-bottom:1.8rem;color:var(--sl-cyan);font-size:.84rem;font-weight:900;text-shadow:0 0 16px rgba(0,217,255,.36)}.secure-link-steps p{margin:0;font-weight:700}.secure-link-readiness{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr) auto;gap:1.25rem;align-items:center;background:linear-gradient(90deg,rgba(0,217,255,.12),transparent 38%),var(--sl-panel);border-top:1px solid rgba(0,217,255,.18)}.secure-link-readiness h2{max-width:820px}.secure-link-readiness p{margin:0;font-size:1rem}@media(max-width:1100px){.secure-link-hero{grid-template-columns:1fr}.secure-link-qr-card{justify-self:start}.secure-link-proof-grid,.secure-link-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.secure-link-readiness{grid-template-columns:1fr}}@media(max-width:720px){.secure-link-hero{min-height:auto;padding-top:3rem}.secure-link-scene:before,.secure-link-path,.secure-link-node{opacity:.45}.secure-link-device{display:none}.secure-link-actions{flex-direction:column;align-items:stretch}.secure-link-proof-grid,.secure-link-layers,.secure-link-data-grid,.secure-link-steps{grid-template-columns:1fr}.secure-link-qr-card{width:100%}}.public-legal-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(0,217,255,.16),transparent 34rem),linear-gradient(135deg,#050814,#0b1020 52%,#101827);color:#f8fafc;padding:72px 20px}.public-legal-shell{width:min(940px,100%);margin:0 auto}.public-legal-kicker{margin:0 0 10px;color:#00d9ff;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.public-legal-shell h1{margin:0;font-size:clamp(2.1rem,5vw,4rem);line-height:1.05}.public-legal-intro{max-width:760px;margin:20px 0 0;color:#a7b0c0;font-size:1.08rem;line-height:1.7}.public-legal-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}.public-legal-card{border:1px solid rgba(0,217,255,.2);border-radius:8px;background:#0f172abd;padding:22px}.public-legal-card h2{margin:0 0 10px;color:#fff;font-size:1rem}.public-legal-card p{margin:0;color:#b9c2d2;line-height:1.65}.public-legal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px}.public-legal-button,.public-legal-link{color:inherit;text-decoration:none;font-weight:800}.public-legal-button{border-radius:8px;background:#00d9ff;color:#03121a;padding:13px 18px}.public-legal-link{color:#0f8}@media(max-width:720px){.public-legal-page{padding:48px 16px}.public-legal-sections{grid-template-columns:1fr}}.verify-email-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:var(--light)}.verify-email-container{background:#fff;border-radius:20px;padding:48px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #0000001a}.verify-email-icon{font-size:64px;margin-bottom:24px;color:var(--primary)}.verify-email-icon.success{color:#10b981}.verify-email-icon.error{color:#ef4444}.verify-email-container h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:16px}.verify-email-container p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:24px}.verify-email-container .error-message{color:#ef4444;background:#fef2f2;padding:16px;border-radius:12px;margin-bottom:24px}.verify-email-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}[data-theme=dark] .verify-email-container{background:#1a1f2e;border:1px solid rgba(0,217,255,.2);box-shadow:0 20px 60px #000c,var(--glow-primary)}[data-theme=dark] .verify-email-container .error-message{background:#3f1f1f;border:1px solid #ef4444}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:#111827f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid var(--primary, #3b82f6);box-shadow:0 -4px 20px #0000004d;z-index:10000;padding:20px;animation:slideUp .3s ease-out}body.auth-route-active .cookie-consent-banner{left:12px;right:12px;bottom:12px;border-radius:12px;max-height:42vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-content{max-width:1200px;margin:0 auto;color:var(--text-primary, #f9fafb)}.cookie-consent-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.cookie-consent-icon{font-size:32px;color:var(--primary, #3b82f6);flex-shrink:0;margin-top:5px}.cookie-consent-text{flex:1}.cookie-consent-text h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary, #f9fafb)}.cookie-consent-text p{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary, #d1d5db)}.cookie-consent-details{background:#ffffff0d;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.cookie-type{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.cookie-type:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cookie-type-header{display:flex;align-items:center;margin-bottom:8px}.cookie-type-header label{display:flex;align-items:center;gap:10px;cursor:pointer;width:100%}.cookie-type-header input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary, #3b82f6)}.cookie-type-header input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.cookie-type-name{font-weight:600;font-size:16px;color:var(--text-primary, #f9fafb);flex:1}.cookie-type-badge{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:600;text-transform:uppercase}.cookie-type-badge.required{background:#22c55e33;color:#22c55e}.cookie-type-description{margin:0 0 0 28px;font-size:13px;line-height:1.5;color:var(--text-secondary, #d1d5db)}.cookie-consent-actions{display:flex;flex-direction:column;gap:15px}.cookie-consent-buttons{display:flex;gap:10px;flex-wrap:wrap}.cookie-consent-links{text-align:center;font-size:12px;color:var(--text-secondary, #d1d5db)}.cookie-consent-links a{color:var(--primary, #3b82f6);text-decoration:none;transition:color .2s}.cookie-consent-links a:hover{color:var(--primary-hover, #2563eb);text-decoration:underline}@media(max-width:768px){.cookie-consent-banner{padding:15px}.cookie-consent-header{flex-direction:column;gap:10px}.cookie-consent-icon{margin-top:0}.cookie-consent-buttons{flex-direction:column}.cookie-consent-buttons button{width:100%}.cookie-consent-details{padding:15px}.cookie-type-description{margin-left:0;margin-top:8px}body.auth-route-active .cookie-consent-banner{left:8px;right:8px;bottom:8px;max-height:46vh}}[data-theme=dark] .cookie-consent-banner{background:#111827fa;border-top-color:var(--primary, #3b82f6)}[data-theme=dark] .cookie-consent-details{background:#0000004d;border-color:#ffffff1a}[data-theme=light] .cookie-consent-banner{background:#fffffffa;color:#1f2937;border-top-color:var(--primary, #3b82f6)}[data-theme=light] .cookie-consent-text h3{color:#1f2937}[data-theme=light] .cookie-consent-text p{color:#4b5563}[data-theme=light] .cookie-consent-details{background:#0000000d;border-color:#0000001a}[data-theme=light] .cookie-type-name{color:#1f2937}[data-theme=light] .cookie-type-description,[data-theme=light] .cookie-consent-links{color:#4b5563}.beta-program{width:min(980px,calc(100vw - 32px));margin:0 auto;padding:34px 0 64px;color:var(--text-primary);line-height:1.55}.beta-program__header{padding:28px;color:#f8fafc;background:#07111f;border:1px solid #17314a;border-radius:8px;box-shadow:0 24px 70px #02081747}.beta-program__header>span{color:#35d6ee;font-size:12px;font-weight:800;text-transform:uppercase}.beta-program__header h1{margin:8px 0;font-size:clamp(30px,5vw,48px);line-height:1.05;letter-spacing:0}.beta-program__header p{max-width:720px;margin:0;color:#bdcad8}.beta-program__actions,.beta-program__footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.beta-program__actions{margin-top:22px}.beta-program__cta,.beta-program__button{display:inline-flex;min-height:42px;align-items:center;padding:9px 14px;border:1px solid var(--primary);border-radius:8px;color:#04101a;background:var(--primary);font-weight:800;text-decoration:none}.beta-program__button{color:var(--primary);background:transparent}.beta-program__section{padding:26px 4px 0}.beta-program__section h2{margin:0 0 12px;font-size:22px}.beta-program__section>p{color:var(--text-secondary)}.beta-program__reward-grid,.beta-program__final-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.beta-program__reward-grid article,.beta-program__final-grid article,.beta-program__explanation{padding:18px;background:var(--light);border:1px solid var(--border);border-radius:8px}.beta-program__reward-grid strong{color:var(--primary)}.beta-program__reward-grid p,.beta-program__final-grid p{margin:7px 0 0;color:var(--text-secondary)}.beta-program__explanation{margin-top:12px;border-left:4px solid var(--primary)}.beta-program__explanation h3{margin:0;font-size:17px}.beta-program__explanation p{margin:8px 0 0;color:var(--text-secondary)}.beta-program__scenario-group{margin-top:22px}.beta-program__scenario-group>h3{margin:0 0 9px;color:var(--primary);font-size:15px;text-transform:uppercase}.beta-program__scenario{margin-bottom:8px;overflow:hidden;background:var(--light);border:1px solid var(--border);border-radius:8px}.beta-program__scenario summary{display:flex;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;font-weight:800}.beta-program__scenario summary span{color:var(--primary);font-size:12px}.beta-program__scenario>div{padding:0 16px 16px 46px;color:var(--text-secondary)}.beta-program__scenario ol{padding-left:20px}.beta-program__expected{padding:10px 12px;color:var(--text-primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border-left:3px solid var(--primary)}.beta-program__footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}.beta-program__link{color:var(--primary);font-weight:700}.beta-program__footer small{margin-left:auto;color:var(--text-secondary)}@media(max-width:680px){.beta-program{width:min(100vw - 20px,980px);padding-top:10px}.beta-program__header{padding:22px 18px}.beta-program__reward-grid,.beta-program__final-grid{grid-template-columns:1fr}.beta-program__scenario>div{padding-left:16px}.beta-program__footer small{width:100%;margin-left:0}}.beta-checklist{width:min(1180px,calc(100vw - 32px));min-height:calc(100vh - 48px);margin:0 auto;padding:28px;color:var(--text-primary);background:color-mix(in srgb,var(--white) 94%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:8px;box-shadow:0 24px 80px #0f172a38}.beta-checklist--narrow{width:min(560px,calc(100vw - 32px));min-height:auto}.beta-checklist__header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--border)}.beta-checklist__eyebrow{display:block;margin-bottom:8px;color:var(--primary);font-size:13px;font-weight:700;text-transform:uppercase}.beta-checklist h1{margin:0;font-size:28px;line-height:1.15}.beta-checklist h2{margin:0 0 12px;font-size:18px}.beta-checklist h3{margin:0 0 6px;font-size:15px;line-height:1.25}.beta-checklist p{margin:8px 0 0;color:var(--text-secondary)}.beta-checklist__header-actions,.beta-checklist__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.beta-checklist__link,.beta-checklist__button{color:var(--primary);font-weight:700;text-decoration:none}.beta-checklist__button{padding:10px 14px;color:#fff;background:var(--primary);border-radius:8px}.beta-checklist__notice{margin:18px 0 0;padding:12px 14px;color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.beta-checklist__rewards{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(210px,1fr));gap:14px;margin:22px 0}.beta-checklist__rewards-intro,.beta-checklist__rewards article{padding:16px;background:var(--light);border:1px solid var(--border);border-radius:8px}.beta-checklist__rewards article{display:grid;align-content:start;gap:8px}.beta-checklist__rewards article.is-earned{border-color:var(--success);box-shadow:inset 3px 0 0 var(--success)}.beta-checklist__rewards article>span{color:var(--primary);font-size:13px;font-weight:800}.beta-checklist__rewards p{margin:4px 0 0;font-size:13px}.beta-checklist__setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.beta-checklist label{display:grid;gap:7px;color:var(--text-secondary);font-size:13px;font-weight:700}.beta-checklist select,.beta-checklist input,.beta-checklist textarea{width:100%;min-height:42px;padding:10px 12px;color:var(--text-primary);background:var(--light);border:1px solid var(--border);border-radius:8px;font:inherit}.beta-checklist textarea{resize:vertical}.beta-checklist__progress{display:grid;align-content:center;justify-items:end;padding:12px 14px;background:var(--light);border:1px solid var(--border);border-radius:8px}.beta-checklist__progress strong{color:var(--primary);font-size:26px;line-height:1}.beta-checklist__progress span{color:var(--text-secondary);font-size:13px;font-weight:700}.beta-checklist__tasks{display:grid;gap:20px}.beta-checklist__group{padding-top:2px}.beta-checklist__task-list{display:grid;gap:10px}.beta-checklist__task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;background:var(--light);border:1px solid var(--border);border-radius:8px}.beta-checklist__task-content{min-width:0}.beta-checklist__task-content summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer}.beta-checklist__task-content summary::-webkit-details-marker{display:none}.beta-checklist__task-content summary:after{content:"›";flex:0 0 auto;color:var(--primary);font-size:24px;line-height:1;transition:transform .16s ease}.beta-checklist__task-content[open] summary:after{transform:rotate(90deg)}.beta-checklist__task-heading{min-width:0}.beta-checklist__task-heading h3{margin:0}.beta-checklist__task-body{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.beta-checklist__task p{margin:0;font-size:13px}.beta-checklist__platforms{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}.beta-checklist__platforms span{padding:3px 7px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:4px;font-size:11px;font-weight:800}.beta-checklist__procedure{margin-top:12px;color:var(--text-secondary);font-size:13px}.beta-checklist__procedure ol{margin:6px 0 8px;padding-left:20px}.beta-checklist__procedure li+li{margin-top:3px}.beta-checklist__segmented{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));min-width:276px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--white)}.beta-checklist__segmented button{min-height:38px;padding:8px 10px;color:var(--text-secondary);background:transparent;border:0;border-right:1px solid var(--border);cursor:pointer;font-weight:700}.beta-checklist__segmented button:last-child{border-right:0}.beta-checklist__segmented button.is-selected{color:#fff;background:var(--primary)}.beta-checklist__task-feedback{position:relative;display:grid;grid-column:1 / -1;gap:12px;padding:12px 14px;background:color-mix(in srgb,var(--primary) 7%,var(--white));border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:8px}.beta-checklist__task-feedback:before{position:absolute;top:-6px;right:34px;width:10px;height:10px;content:"";background:inherit;border-top:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-left:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));transform:rotate(45deg)}.beta-checklist__task-feedback fieldset{min-width:0;margin:0;padding:0;border:0}.beta-checklist__task-feedback legend,.beta-checklist__task-feedback label>span{margin-bottom:8px;color:var(--text-primary);font-size:13px;font-weight:800}.beta-checklist__reason-options{display:flex;flex-wrap:wrap;gap:8px}.beta-checklist__reason-options button{min-height:34px;padding:7px 11px;color:var(--text-secondary);background:var(--white);border:1px solid var(--border);border-radius:6px;cursor:pointer;font:inherit;font-size:12px;font-weight:800}.beta-checklist__reason-options button.is-selected{color:#fff;background:var(--primary);border-color:var(--primary)}.beta-checklist__task-feedback textarea{min-height:68px;background:var(--white)}.beta-checklist__feedback{margin-top:22px}.beta-checklist__footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.beta-checklist__status{color:var(--text-secondary);font-weight:700}.beta-checklist__status--success{color:var(--success)}.beta-checklist__status--error{color:var(--danger)}[data-theme=dark] .beta-checklist{background:color-mix(in srgb,var(--bg-primary) 94%,transparent);box-shadow:0 24px 80px #00000059}[data-theme=dark] .beta-checklist__notice{color:#fbbf24;background:#f59e0b1f}[data-theme=dark] .beta-checklist__task-feedback{background:color-mix(in srgb,var(--primary) 12%,var(--bg-secondary))}[data-theme=dark] .beta-checklist__reason-options button,[data-theme=dark] .beta-checklist__task-feedback textarea{background:var(--bg-primary)}@media(max-width:900px){.beta-checklist{width:min(100vw - 20px,720px);padding:18px}.beta-checklist__header,.beta-checklist__task,.beta-checklist__setup,.beta-checklist__rewards{grid-template-columns:1fr}.beta-checklist__progress{justify-items:start}.beta-checklist__segmented{width:100%;min-width:0}}@media(max-width:520px){.beta-checklist__segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.beta-checklist__segmented button{padding-inline:6px;font-size:12px}}.beta-admin{width:min(1280px,calc(100vw - 32px));min-height:calc(100vh - 48px);margin:0 auto;padding:28px;color:var(--text-primary);background:color-mix(in srgb,var(--white) 94%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:8px;box-shadow:0 24px 80px #0f172a38}.beta-admin--narrow{width:min(620px,calc(100vw - 32px));min-height:auto}.beta-admin__header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--border)}.beta-admin__eyebrow{display:block;margin-bottom:8px;color:var(--primary);font-size:13px;font-weight:800;text-transform:uppercase}.beta-admin h1,.beta-admin h2{margin:0;line-height:1.2}.beta-admin h1{font-size:28px}.beta-admin h2{margin-bottom:14px;font-size:18px}.beta-admin p{margin:8px 0 0;color:var(--text-secondary)}.beta-admin__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.beta-admin__link{color:var(--primary);font-weight:800;text-decoration:none}.beta-admin__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:22px 0}.beta-admin__metrics div{padding:16px;background:var(--light);border:1px solid var(--border);border-radius:8px}.beta-admin__metrics span{display:block;color:var(--text-secondary);font-size:12px;font-weight:800;text-transform:uppercase}.beta-admin__metrics strong{display:block;margin-top:8px;color:var(--primary);font-size:28px;line-height:1}.beta-admin__settings,.beta-admin__grant,.beta-admin__applications,.beta-admin__matrix,.beta-admin__participants{margin-top:24px}.beta-admin__settings,.beta-admin__grant{padding:16px;background:var(--light);border:1px solid var(--border);border-radius:8px}.beta-admin__grant-form{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,260px) auto;gap:12px;align-items:end;margin-top:14px}.beta-admin__settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}.beta-admin label{display:grid;gap:7px;color:var(--text-secondary);font-size:13px;font-weight:800}.beta-admin input,.beta-admin select{width:100%;min-height:42px;padding:10px 12px;color:var(--text-primary);background:var(--white);border:1px solid var(--border);border-radius:8px;font:inherit}.beta-admin__save{display:flex;justify-content:flex-end}.beta-admin__status{font-weight:800}.beta-admin__status--success{color:var(--success)}.beta-admin__status--error{color:var(--danger)}.beta-admin__review-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.beta-admin__review-actions button{min-height:34px;padding:7px 10px;color:var(--text-primary);background:transparent;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.beta-admin__review-actions button:first-child{color:var(--success);border-color:color-mix(in srgb,var(--success) 55%,var(--border))}.beta-admin__review-actions button:last-child{color:var(--danger)}.beta-admin__review-actions button:disabled{cursor:wait;opacity:.5}.beta-admin__application-filter{display:grid;gap:8px;max-width:460px;margin:16px 0}.beta-admin__application-filter span{color:var(--text-muted);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.beta-admin__application-filter input{min-height:40px;padding:9px 12px;color:var(--text-primary);background:var(--light);border:1px solid var(--border);border-radius:8px}.beta-admin__kit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.beta-admin__kit-actions button,.beta-admin__kit-actions a{padding:7px 9px;color:var(--text-primary);background:transparent;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.beta-admin__table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--light)}.beta-admin table{width:100%;min-width:760px;border-collapse:collapse}.beta-admin th,.beta-admin td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.beta-admin th{color:var(--text-secondary);font-size:12px;font-weight:800;text-transform:uppercase}.beta-admin tr:last-child td{border-bottom:0}.beta-admin td strong{display:block}.beta-admin td span{display:block;max-width:360px;margin-top:3px;color:var(--text-secondary);font-size:12px;overflow-wrap:anywhere}.beta-admin__rate{display:inline-flex;padding:4px 8px;color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);border-radius:999px;font-weight:800}.beta-admin__rate--warn{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent)}.beta-admin__empty{padding:16px;background:var(--light);border:1px solid var(--border);border-radius:8px}.beta-admin__syncing{font-size:13px;font-weight:800;color:var(--primary)}[data-theme=dark] .beta-admin{background:color-mix(in srgb,var(--bg-primary) 94%,transparent);box-shadow:0 24px 80px #00000059}[data-theme=dark] .beta-admin input,[data-theme=dark] .beta-admin select{background:var(--bg-secondary)}@media(max-width:980px){.beta-admin{width:min(100vw - 20px,820px);padding:18px}.beta-admin__header,.beta-admin__settings-grid,.beta-admin__grant-form{grid-template-columns:1fr}.beta-admin__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.beta-admin__save{justify-content:flex-start}}@media(max-width:560px){.beta-admin__metrics{grid-template-columns:1fr}}.beta-notice-banner{position:sticky;top:0;z-index:50;background:#1e3a8aeb;color:#eff6ff;border-bottom:1px solid rgba(147,197,253,.35);font-size:.875rem}.beta-notice-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1200px;margin:0 auto;padding:.5rem 1rem}.beta-notice-banner__inner p{margin:0}.beta-notice-banner__inner a{color:#fff;text-decoration:underline}.beta-notice-banner__dismiss{flex-shrink:0;padding:.25rem .65rem;border-radius:6px;border:1px solid rgba(255,255,255,.45);background:transparent;color:inherit;cursor:pointer;font-size:.8125rem}.beta-notice-banner__dismiss:hover{background:#ffffff1f}.beta-access-screen{min-height:100vh;display:grid;place-items:center;padding:24px;color:#f7fbff;background:#050914}.beta-access-screen>p{color:#9aa8bd}.beta-access-panel{width:min(100%,440px);padding:28px;border:1px solid rgba(26,213,255,.35);border-radius:8px;background:#0c1322;box-shadow:0 18px 60px #0000006b}.beta-access-kicker{color:#19d5ff;font-size:.78rem;font-weight:800;text-transform:uppercase}.beta-access-panel h1{margin:10px 0 8px;font-size:1.8rem}.beta-access-panel>p{margin:0 0 22px;color:#aab6c8;line-height:1.55}.beta-access-panel form{display:grid;gap:10px}.beta-access-panel label{font-weight:700}.beta-access-panel input{min-height:46px;padding:0 14px;border:1px solid #2a3a55;border-radius:6px;color:#f7fbff;background:#070c17;text-transform:uppercase}.beta-access-panel button{min-height:44px;border:0;border-radius:6px;color:#001018;background:#19d5ff;font-weight:800;cursor:pointer}.beta-access-panel button:disabled{cursor:not-allowed;opacity:.55}.beta-access-panel .beta-access-secondary{border:1px solid #2a3a55;color:#dce7f6;background:transparent}.beta-access-error{margin:0;color:#ff7b8a;font-size:.9rem}.beta-access-loader{width:34px;height:34px;border:3px solid rgba(25,213,255,.2);border-top-color:#19d5ff;border-radius:50%;animation:beta-access-spin .8s linear infinite}@keyframes beta-access-spin{to{transform:rotate(360deg)}}