.gps-modal-overlay{width:100vw;height:100vh;z-index:10500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:none;touch-action:none;background:#000000bf;min-width:100vw;max-width:100vw;height:100dvh;margin:0;padding:0;position:fixed;inset:0}@media (max-width:640px){.gps-modal-overlay{min-width:100vw;max-width:100vw;margin:0;padding:0;width:100vw!important;inset:0!important}}.gps-modal{z-index:10501;background:var(--surface);border-top-left-radius:24px;border-top-right-radius:24px;animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.gps-modal{border-radius:16px;width:90%;max-width:500px;animation:.3s ease-out fadeIn;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}}.gps-modal-content{padding:24px 20px 20px}@media (max-width:768px){.gps-modal-content{padding:20px 16px 16px}}.gps-modal-title{color:var(--text-primary);text-align:center;margin:0 0 12px;font-size:20px;font-weight:700}@media (max-width:768px){.gps-modal-title{margin:0 0 10px;font-size:18px}}.gps-modal-description{color:var(--text-secondary);text-align:center;margin:0 0 10px;font-size:15px;line-height:1.5}@media (max-width:768px){.gps-modal-description{margin:0 0 8px;font-size:13px}}.gps-modal-note{color:var(--text-muted);text-align:center;margin:0 0 24px;font-size:13px;line-height:1.4}@media (max-width:768px){.gps-modal-note{margin:0 0 20px;font-size:12px}}.gps-modal-actions{flex-direction:column;gap:12px;display:flex}@media (min-width:768px){.gps-modal-actions{flex-direction:row;justify-content:center}}.gps-modal-btn-primary,.gps-modal-btn-secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-size:15px;font-weight:600;display:flex}@media (max-width:768px){.gps-modal-btn-primary,.gps-modal-btn-secondary{min-height:44px;font-size:14px}}@media (min-width:768px){.gps-modal-btn-primary,.gps-modal-btn-secondary{width:auto;min-width:160px}}@media (max-width:768px){.gps-modal-overlay{z-index:10500!important;position:fixed!important;inset:0!important}.gps-modal{z-index:10501!important;max-height:90vh!important;padding:0!important;position:fixed!important;inset:auto 0 0!important;overflow-y:auto!important}.gps-modal-content{padding:20px 16px 16px!important}}.gps-modal-btn-primary{background:var(--accent);color:var(--background)}.gps-modal-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.gps-modal-btn-secondary{background:var(--surface-secondary);color:var(--text-primary)}.gps-modal-btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.governmental-impersonation-banner{z-index:10000;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border-bottom:3px solid #7f1d1d;animation:2s ease-in-out infinite pulseWarning;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px #00000080}@keyframes pulseWarning{0%,to{box-shadow:0 4px 12px #dc262680}50%{box-shadow:0 4px 16px #dc2626cc}}.banner-content{align-items:center;gap:16px;max-width:1400px;margin:0 auto;padding:12px 24px;display:flex}.banner-icon{color:#fef3c7;font-size:28px;animation:1.5s ease-in-out infinite iconPulse}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.banner-info{color:#fff;flex:1}.banner-title{letter-spacing:.5px;text-transform:uppercase;color:#fef3c7;margin-bottom:4px;font-size:14px;font-weight:700}.banner-details{color:#fef3c7;margin-bottom:2px;font-size:13px}.banner-details strong{color:#fff;font-weight:600}.banner-elapsed{opacity:.9;margin-left:4px}.banner-warning{opacity:.85;color:#fef3c7;font-size:11px}.banner-button{color:#fff;cursor:pointer;white-space:nowrap;background:#0000004d;border:2px solid #ffffff4d;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.banner-button:hover{background:#00000080;border-color:#ffffff80;transform:translateY(-1px)}.banner-button:active{transform:translateY(0)}.banner-button svg{font-size:16px}body.governmental-impersonation-active{padding-top:72px!important}@media (max-width:768px){.banner-content{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.banner-button{justify-content:center;width:100%}.banner-icon{font-size:24px}.banner-title,.banner-details{font-size:12px}.banner-warning{font-size:10px}}.keyboard-shortcuts-dock{bottom:var(--spacing-lg);right:var(--spacing-lg);gap:var(--spacing-sm);z-index:var(--z-fixed);display:flex;position:fixed}[dir=rtl] .keyboard-shortcuts-dock{right:auto;left:var(--spacing-lg)}.keyboard-shortcuts-trigger,.edit-mode-trigger{border-radius:var(--radius-full);box-sizing:border-box;cursor:pointer;width:56px;height:56px;font-size:var(--font-xl);transition:all var(--transition-base);box-shadow:var(--shadow-xl),0 0 20px var(--primary-glow);border:none;justify-content:center;align-items:center;display:flex}.keyboard-shortcuts-trigger:hover,.edit-mode-trigger:hover{box-shadow:var(--shadow-xl),0 0 30px var(--primary-glow);transform:scale(1.1)translateY(-2px)}.keyboard-shortcuts-trigger:active,.edit-mode-trigger:active{transform:scale(1.05)}.keyboard-shortcuts-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn var(--transition-base);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.keyboard-shortcuts-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:90%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-xl),0 0 40px var(--primary-glow-soft);animation:slideUp var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.keyboard-shortcuts-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;display:flex}.keyboard-shortcuts-title{align-items:center;gap:var(--spacing-md);color:var(--text);display:flex}.keyboard-shortcuts-title svg{font-size:var(--font-2xl);color:var(--primary)}.keyboard-shortcuts-title h2{font-size:var(--font-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.keyboard-shortcuts-close{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-lg);transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:flex}.keyboard-shortcuts-close:hover{background:var(--bg-hover);color:var(--text)}.keyboard-shortcuts-content{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;flex:1;display:flex;overflow-y:auto}.shortcut-category{gap:var(--spacing-base);flex-direction:column;display:flex}.category-title{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border);line-height:var(--leading-tight);margin:0}.shortcuts-list{gap:var(--spacing-md);flex-direction:column;display:flex}.shortcut-item{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-base);transition:all var(--transition-base);display:flex}.shortcut-item:hover{border-color:var(--primary);background:var(--bg-hover);transform:translate(4px)}.shortcut-keys{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.key{min-width:32px;height:32px;padding:0 var(--spacing-sm);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--text);box-shadow:0 2px 0 var(--border),inset 0 1px 0 #ffffff1a;justify-content:center;align-items:center;line-height:1;display:inline-flex}.key-sm{min-width:24px;height:24px;font-size:var(--font-xs);padding:0 var(--spacing-xs)}.key-separator{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);margin:0 var(--spacing-xs)}.shortcut-description{color:var(--text);font-size:var(--font-sm);line-height:var(--leading-normal);flex:1}.keyboard-shortcuts-footer{padding:var(--spacing-lg)var(--spacing-xl);border-top:1px solid var(--border);background:var(--bg-elevated);text-align:center}.keyboard-shortcuts-footer p{color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;margin:0;display:flex}@media (max-width:768px){.keyboard-shortcuts-dock{bottom:var(--spacing-base);right:var(--spacing-base);gap:var(--spacing-xs)}.keyboard-shortcuts-trigger,.edit-mode-trigger{width:48px;height:48px;font-size:var(--font-xl)}.keyboard-trigger-desktop-only{display:none!important}.keyboard-shortcuts-modal{width:95%;max-height:85vh}.keyboard-shortcuts-header,.keyboard-shortcuts-footer{padding:var(--spacing-base)var(--spacing-lg)}.keyboard-shortcuts-content{padding:var(--spacing-lg);gap:var(--spacing-lg)}.keyboard-shortcuts-title h2{font-size:var(--font-lg)}.shortcut-item{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.shortcut-item:hover{transform:none}}@media (max-width:480px){.keyboard-shortcuts-dock{bottom:var(--spacing-md);right:var(--spacing-md)}.keyboard-shortcuts-trigger,.edit-mode-trigger{width:44px;height:44px;font-size:var(--font-xl)}.keyboard-shortcuts-modal{border-radius:0;width:100%;height:100%;max-height:100vh}.key{min-width:28px;height:28px;font-size:var(--font-xs)}}.text-secondary{color:var(--text-secondary)}.command-palette-backdrop{background:var(--modal-backdrop,#000000bf);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.command-palette{background:var(--bg-elevated);border:1px solid var(--border);width:90%;max-width:600px;box-shadow:var(--shadow-lg,0 20px 60px #0009);border-radius:12px;animation:.2s ease-out slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.command-palette-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px;display:flex}.command-palette-icon{color:var(--text-muted);font-size:20px}.command-palette-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.command-palette-input::placeholder{color:var(--text-muted)}.command-palette-kbd{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:4px 8px;font-family:monospace;font-size:11px}.command-palette-results{max-height:400px;overflow-y:auto}.command-palette-empty{text-align:center;color:var(--text-muted);padding:48px 24px}.command-palette-empty-icon{opacity:.5;margin-bottom:16px;font-size:48px;display:block}.command-palette-empty p{color:var(--text);margin:0 0 8px;font-size:16px}.command-palette-empty small{opacity:.7;font-size:13px}.command-palette-shortcuts{justify-content:center;gap:24px;margin-top:24px;display:flex}.command-palette-shortcut{align-items:center;gap:8px;font-size:13px;display:flex}.command-palette-shortcut kbd{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:4px 8px;font-family:monospace;font-size:11px}.command-palette-list{padding:8px}.command-palette-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex}.command-palette-item:hover,.command-palette-item-selected{background:var(--bg-hover)}.command-palette-item-selected{border-left:2px solid var(--primary)}.command-palette-item-icon{color:var(--primary);flex-shrink:0;font-size:20px}.command-palette-item-content{flex:1;min-width:0}.command-palette-item-title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:500;overflow:hidden}.command-palette-item-subtitle{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.command-palette-item-badge{background:var(--bg-surface);color:var(--text-muted);border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:11px}.command-palette-highlight{background:var(--primary);color:var(--text-on-primary);border-radius:3px;padding:2px 4px;font-weight:600}.command-palette-footer{border-top:1px solid var(--border);background:var(--bg-surface);padding:12px 16px}.command-palette-footer-hint{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.command-palette-footer-hint kbd{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:3px 6px;font-family:monospace;font-size:10px}@media (max-width:768px){.command-palette-backdrop{padding-top:10vh}.command-palette{width:95%;max-height:80vh}.command-palette-results{max-height:300px}.command-palette-shortcuts{flex-direction:column;gap:12px}}.background-orbs{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.background-orb{filter:blur(70px);opacity:.8;will-change:transform;border-radius:50%;position:absolute}.background-orb.orb-1{width:600px;height:600px;animation:25s ease-in-out infinite float-1;top:-200px;left:-200px}.background-orb.orb-2{width:500px;height:500px;animation:30s ease-in-out infinite float-2;bottom:-150px;right:-150px}@media (min-width:1024px){.background-orb.orb-1{left:50px}.background-orb.orb-2{right:-150px}@keyframes float-1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(25vw,15vh)scale(1.1)}50%{transform:translate(45vw,30vh)scale(.9)}75%{transform:translate(25vw,15vh)scale(1.05)}}@keyframes float-2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-15vw,-20vh)scale(1.15)}50%{transform:translate(-35vw,-40vh)scale(.85)}75%{transform:translate(-20vw,-25vh)scale(1.1)}}}@keyframes float-1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(20vw,15vh)scale(1.1)}50%{transform:translate(40vw,30vh)scale(.9)}75%{transform:translate(20vw,15vh)scale(1.05)}}@keyframes float-2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-15vw,-20vh)scale(1.15)}50%{transform:translate(-35vw,-40vh)scale(.85)}75%{transform:translate(-20vw,-25vh)scale(1.1)}}@media (prefers-reduced-motion:reduce){.background-orb{animation:none}}@media (max-width:768px){.background-orb.orb-1{width:400px;height:400px}.background-orb.orb-2{width:350px;height:350px}.background-orb{filter:blur(80px)}}.ai-brief-widget{background:var(--bg-surface,#0f172abf);border:1px solid var(--primary,#22d3ee33);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-lg,0 18px 40px #02061759);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-base,.2s ease),box-shadow var(--transition-base,.2s ease);margin-bottom:24px;padding:20px}.ai-brief-widget:hover{border-color:var(--primary-hover,#22d3ee59);box-shadow:var(--shadow-xl,0 20px 50px #02061773)}.ai-brief-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ai-brief-header-content{flex:1;min-width:200px}.ai-brief-title{font-size:var(--font-lg,18px);font-weight:var(--font-semibold,600);color:var(--text,var(--text-primary,#fff));align-items:center;gap:10px;margin:0;display:flex}.ai-brief-title-icon{color:#fff;background:linear-gradient(135deg,#22d3ee 0%,#8b5cf6 100%);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.ai-brief-subtitle{color:var(--text-secondary,#fff9);font-size:var(--font-sm,13px);margin:6px 0 0;line-height:1.4}.ai-brief-header-action{flex-shrink:0}.ai-brief-link-btn{font-size:var(--font-xs,12px);font-weight:var(--font-medium,500);color:var(--primary,#22d3ee);background:rgba(var(--primary-rgb,34,211,238),.1);border:1px solid rgba(var(--primary-rgb,34,211,238),.25);border-radius:var(--radius-base,8px);cursor:pointer;transition:all var(--transition-base,.2s ease);align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:inline-flex}.ai-brief-link-btn:hover{background:rgba(var(--primary-rgb,34,211,238),.2);border-color:rgba(var(--primary-rgb,34,211,238),.4);transform:translateY(-1px)}.ai-brief-period-selector{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.ai-brief-period-btn{font-size:var(--font-sm,13px);font-weight:var(--font-medium,500);color:var(--text,#fffc);background:var(--bg-elevated,#02061766);border:1px solid var(--border,#22d3ee26);border-radius:var(--radius-lg,10px);cursor:pointer;transition:all var(--transition-base,.2s ease);align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.ai-brief-period-btn:hover{background:var(--bg-hover,#22d3ee1a);border-color:var(--border-hover,#22d3ee4d)}.ai-brief-period-btn.active{color:var(--primary,#22d3ee);background:rgba(var(--primary-rgb,34,211,238),.15);border-color:var(--primary,#22d3ee)}.ai-brief-period-btn svg{font-size:14px}.ai-brief-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.ai-brief-generate-btn{font-size:var(--font-sm,14px);font-weight:var(--font-semibold,600);color:var(--text-on-primary,#0f172a);background:linear-gradient(135deg,var(--primary,#22d3ee)0%,var(--primary-hover,#06b6d4)100%);border-radius:var(--radius-lg,10px);cursor:pointer;transition:all var(--transition-base,.2s ease);box-shadow:var(--shadow-primary,0 4px 14px #22d3ee4d);border:none;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.ai-brief-generate-btn:hover:not(:disabled){box-shadow:var(--glow-primary,0 6px 20px #22d3ee66);transform:translateY(-2px)}.ai-brief-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-brief-generate-btn .icon-spin{animation:1s linear infinite ai-brief-spin}@keyframes ai-brief-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-brief-quota{font-size:var(--font-xs,12px);color:var(--text-muted,#ffffff80);align-items:center;gap:6px;display:flex}.ai-brief-quota-dot{background:var(--primary,#22d3ee);border-radius:50%;width:6px;height:6px}.ai-brief-error{border-radius:var(--radius-lg,10px);color:#fca5a5;font-size:var(--font-sm,13px);line-height:var(--leading-normal,1.5);background:#ef44441a;border:1px solid #ef444440;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.ai-brief-error-icon{flex-shrink:0;margin-top:2px}.ai-brief-content{background:var(--bg-elevated,#02061780);border:1px solid var(--border,#22d3ee26);border-radius:var(--radius-lg,14px);padding:20px;position:relative;overflow:hidden}.ai-brief-content:before{content:"";background:linear-gradient(90deg,var(--primary,#22d3ee)0%,var(--accent-secondary,#8b5cf6)50%,var(--primary,#22d3ee)100%);opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}.ai-brief-summary{font-size:var(--font-base,15px);line-height:var(--leading-relaxed,1.7);color:var(--text,var(--text-primary,#fff));margin:0}.ai-brief-highlights{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.ai-brief-highlight-item{background:rgba(var(--primary-rgb,34,211,238),.05);border-radius:var(--radius-lg,10px);font-size:var(--font-sm,13px);line-height:var(--leading-normal,1.5);color:var(--text,#ffffffe6);transition:background var(--transition-base,.2s ease);align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.ai-brief-highlight-item:hover{background:rgba(var(--primary-rgb,34,211,238),.1)}.ai-brief-highlight-icon{background:rgba(var(--primary-rgb,34,211,238),.2);width:20px;height:20px;color:var(--primary,#22d3ee);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:10px;display:flex}.ai-brief-timestamp{border-top:1px solid var(--border,#ffffff14);color:var(--text-muted,#fff6);align-items:center;gap:6px;margin-top:16px;padding-top:12px;font-size:11px;display:flex}.ai-brief-empty{text-align:center;color:var(--text-muted,#ffffff80);padding:40px 20px}.ai-brief-empty-icon{border-radius:var(--radius-xl,16px);background:rgba(var(--primary-rgb,34,211,238),.1);width:56px;height:56px;color:var(--primary,#22d3ee80);justify-content:center;align-items:center;margin:0 auto 16px;font-size:24px;display:flex}.ai-brief-empty-text{font-size:var(--font-sm,14px);line-height:var(--leading-normal,1.5);max-width:280px;margin:0 auto}.ai-brief-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.ai-brief-loading-spinner{border:3px solid rgba(var(--primary-rgb,34,211,238),.2);border-top-color:var(--primary,#22d3ee);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite ai-brief-spin}.ai-brief-loading-text{font-size:var(--font-sm,14px);color:var(--text-secondary,#fff9)}[dir=rtl] .ai-brief-widget,.ai-brief-widget.rtl,[dir=rtl] .ai-brief-content,.ai-brief-widget.rtl .ai-brief-content,[dir=rtl] .ai-brief-summary,.ai-brief-widget.rtl .ai-brief-summary{text-align:right;direction:rtl}[dir=rtl] .ai-brief-highlights,.ai-brief-widget.rtl .ai-brief-highlights{padding-left:0;padding-right:0}[dir=rtl] .ai-brief-highlight-item,.ai-brief-widget.rtl .ai-brief-highlight-item,.rtl .ai-brief-highlight-item,.ai-brief-highlight-item.rtl{text-align:right;flex-direction:row-reverse}[dir=rtl] .ai-brief-highlight-icon,.ai-brief-widget.rtl .ai-brief-highlight-icon,.rtl .ai-brief-highlight-icon,.ai-brief-highlight-item.rtl .ai-brief-highlight-icon{order:2;margin-left:0;margin-right:0}[dir=rtl] .ai-brief-highlight-text,.ai-brief-widget.rtl .ai-brief-highlight-text,.rtl .ai-brief-highlight-text,.ai-brief-highlight-item.rtl .ai-brief-highlight-text{text-align:right;flex:1;order:1}[dir=rtl] .ai-brief-title,.ai-brief-widget.rtl .ai-brief-title,[dir=rtl] .ai-brief-period-btn,.ai-brief-widget.rtl .ai-brief-period-btn,[dir=rtl] .ai-brief-generate-btn,.ai-brief-widget.rtl .ai-brief-generate-btn,[dir=rtl] .ai-brief-error,.ai-brief-widget.rtl .ai-brief-error,[dir=rtl] .ai-brief-timestamp,.ai-brief-widget.rtl .ai-brief-timestamp,.rtl .ai-brief-timestamp,[dir=rtl] .ai-brief-quota,.ai-brief-widget.rtl .ai-brief-quota,[dir=rtl] .ai-brief-link-btn,.ai-brief-widget.rtl .ai-brief-link-btn{flex-direction:row-reverse}@media (max-width:768px){.ai-brief-widget{border-radius:14px;margin-bottom:16px;padding:16px}.ai-brief-header{flex-direction:column;gap:12px;margin-bottom:16px}.ai-brief-header-action{width:100%}.ai-brief-link-btn{justify-content:center;width:100%}.ai-brief-title{font-size:16px}.ai-brief-subtitle{font-size:12px}.ai-brief-period-selector{width:100%}.ai-brief-period-btn{flex:1;justify-content:center;padding:12px 14px}.ai-brief-actions{flex-direction:column;align-items:stretch;gap:12px}.ai-brief-generate-btn{justify-content:center;width:100%;padding:14px 20px}.ai-brief-quota{justify-content:center}.ai-brief-content{border-radius:12px;padding:16px}.ai-brief-summary{font-size:14px}.ai-brief-highlight-item{padding:10px 12px;font-size:13px}.ai-brief-empty{padding:32px 16px}.ai-brief-empty-icon{width:48px;height:48px;font-size:20px}}@media (max-width:480px){.ai-brief-widget{border-radius:12px;padding:14px}.ai-brief-period-btn{padding:10px 12px;font-size:12px}.ai-brief-period-btn svg{font-size:12px}.ai-brief-generate-btn{padding:12px 16px;font-size:13px}.ai-brief-highlight-item{gap:10px;padding:8px 10px}.ai-brief-highlight-icon{width:18px;height:18px;font-size:9px}}[data-theme=light] .ai-brief-widget{background:var(--bg-surface,#fffffff2);border-color:var(--border,#22d3ee4d);box-shadow:var(--shadow-lg,0 10px 30px #00000014)}[data-theme=light] .ai-brief-title{color:var(--text,#0f172a)}[data-theme=light] .ai-brief-subtitle{color:var(--text-secondary,#64748b)}[data-theme=light] .ai-brief-period-btn{color:var(--text,#334155);background:var(--bg-elevated,#f1f5f9cc);border-color:var(--border,#22d3ee33)}[data-theme=light] .ai-brief-period-btn.active{color:var(--primary,#0891b2);background:rgba(var(--primary-rgb,34,211,238),.1)}[data-theme=light] .ai-brief-content{background:var(--bg-elevated,#f1f5f999)}[data-theme=light] .ai-brief-summary{color:var(--text,#1e293b)}[data-theme=light] .ai-brief-highlight-item{color:var(--text,#334155);background:rgba(var(--primary-rgb,34,211,238),.08)}[data-theme=light] .ai-brief-timestamp{color:var(--text-muted,#94a3b8);border-top-color:var(--border,#0000000f)}[data-theme=light] .ai-brief-empty,[data-theme=light] .ai-brief-quota,[data-theme=light] .ai-brief-loading-text{color:var(--text-secondary,#64748b)}[data-theme=light] .ai-brief-error{color:#dc2626;background:#ef444414;border-color:#ef444433}.global-search-container{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.global-search-input{min-width:0;height:3rem;color:var(--text);background-color:#1f293780;border:1px solid #4b556380;border-radius:.5rem;outline:none;flex:1;padding:0 1.25rem;font-size:1rem;transition:all .2s}.global-search-input:focus{background-color:#1f2937cc;border-color:#6366f180}.global-search-input::placeholder{color:#9ca3afb3}.global-search-button{white-space:nowrap;height:3rem;color:var(--text);cursor:pointer;background-color:#6366f1;border:none;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.5rem;padding:0 2rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.global-search-button:hover:not(:disabled){background-color:#4f46e5}.global-search-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.global-search-container{gap:.75rem}.global-search-input{height:2.75rem;padding:0 1rem;font-size:.9375rem}.global-search-button{height:2.75rem;padding:0 1.5rem;font-size:.875rem}}@media (max-width:480px){.global-search-container{flex-direction:column}.global-search-input,.global-search-button{width:100%}}.user-result-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.user-result-info{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}@media (max-width:768px){.user-result-card{flex-direction:column;align-items:flex-start;gap:.75rem}.user-result-info{width:100%}}.user-result-avatar{width:2.5rem;height:2.5rem;color:var(--text);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.user-result-details{flex-direction:column;display:flex}.user-result-name{color:var(--text);font-size:1rem;font-weight:600;line-height:1.4}.user-result-handle{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.user-result-online{color:#4ade80;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.user-result-online-dot{background-color:#4ade80;border-radius:9999px;width:.5rem;height:.5rem}.user-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.user-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.375rem;flex-shrink:0;align-items:center;gap:.375rem;height:2rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}@media (max-width:768px){.user-actions{gap:.5rem;width:100%}.user-action-btn{flex:1;justify-content:center}}@media (max-width:480px){.user-actions{gap:.375rem}.user-action-btn{padding:.375rem .5rem;font-size:.6875rem}}.user-action-btn:disabled{opacity:.5;cursor:not-allowed}.user-action-btn-primary{color:var(--text);background-color:#6366f1}.user-action-btn-primary:hover:not(:disabled){background-color:#4f46e5}.user-action-btn-secondary{color:var(--text);background-color:#4b556380}.user-action-btn-secondary:hover:not(:disabled){background-color:#4b5563b3}.user-action-btn-danger{color:var(--text);background-color:#dc2626}.user-action-btn-danger:hover:not(:disabled){background-color:#b91c1c}.user-status-badge{align-items:center;gap:.375rem;font-size:.75rem;display:flex}.user-status-friends{color:#4ade80}.user-status-blocked{color:#f87171}.user-status-unavailable{color:var(--text-secondary);font-size:.875rem}.manage-subtabs{background:#1f293780;border:1px solid #4b55634d;border-radius:.75rem;gap:.5rem;padding:.5rem;display:flex}.manage-subtab{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.manage-subtab:hover{color:#e5e7eb;background:#37415180}.manage-subtab.active{color:var(--text);background:#6366f133;border:1px solid #6366f180}.manage-subtab-badge{min-width:1.25rem;height:1.25rem;color:var(--text);background:#ef4444;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;padding:0 .375rem;font-size:.75rem;font-weight:600;display:inline-flex}.manage-subtab.active .manage-subtab-badge{background:#6366f1}@media (max-width:640px){.manage-subtabs{gap:.375rem;padding:.375rem}.manage-subtab{gap:.375rem;padding:.625rem .75rem;font-size:.875rem}.manage-subtab span:not(.manage-subtab-badge){display:none}.manage-subtab.active span:not(.manage-subtab-badge){display:inline}}@media (max-width:480px){.manage-subtab{min-width:3rem;padding:.5rem}.manage-subtab span:not(.manage-subtab-badge){display:none!important}}.tab-section-title{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.tab-title{color:var(--text);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}@media (max-width:640px){.tab-section-title{gap:.5rem}.tab-title{font-size:1.125rem}}@media (max-width:480px){.tab-title{font-size:1rem}}.tab-count{color:#9ca3af;font-size:.875rem;font-weight:500}.tab-description{color:#9ca3af;margin:0;font-size:.875rem;line-height:1.5}.tab-icon-blue{color:#60a5fa}.tab-icon-yellow{color:#fbbf24}.tab-icon-red{color:#f87171}.tab-icon-gray{color:#9ca3af}.tab-loading{color:#9ca3af;justify-content:center;align-items:center;padding:4rem 1rem;font-size:1rem;display:flex}.tab-empty-message{text-align:center;color:#9ca3af;word-wrap:break-word;max-width:100%;padding:2rem 1rem;font-size:.95rem;line-height:1.6}@media (max-width:640px){.tab-loading{padding:3rem 1rem;font-size:.9375rem}.tab-empty-message{padding:1.5rem .75rem;font-size:.875rem}}@media (max-width:480px){.tab-loading{padding:2rem .75rem;font-size:.875rem}.tab-empty-message{padding:1.25rem .5rem;font-size:.8125rem}}.tab-search-container{align-items:center;gap:.75rem;display:flex;position:relative}.tab-search-input{width:100%;color:var(--text);background-color:#1f293780;border:1px solid #4b556380;border-radius:.5rem;outline:none;flex:1;padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem;transition:all .2s}.tab-search-input:focus{background-color:#1f2937cc;border-color:#6366f180}.tab-search-input::placeholder{color:#9ca3afb3}.tab-search-container .tab-icon-gray{pointer-events:none;position:absolute;left:.75rem}.user-card-list{flex-direction:column;gap:.75rem;display:flex}.user-card{background:#1f293780;border:1px solid #4b55634d;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.user-card:hover{background:#1f2937b3;border-color:#4b556380}@media (max-width:640px){.user-card{gap:.75rem;padding:.875rem}}@media (max-width:480px){.user-card{padding:.75rem}.user-card-actions{justify-content:stretch;width:100%}.user-card-actions button{flex:1}}.user-card-blocked{border-color:#ef44444d}.user-card-blocked:hover{border-color:#ef444480}.user-card-content{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.user-card-avatar{width:3rem;height:3rem;color:var(--text);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.user-card-avatar-small{width:2.5rem;height:2.5rem;font-size:.95rem}.user-card-avatar-blocked{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.user-card-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.user-card-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;line-height:1.4;overflow:hidden}.user-card-handle{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.875rem;line-height:1.4;overflow:hidden}.user-card-meta{color:#6b7280;margin:0;font-size:.75rem;line-height:1.4}@media (max-width:640px){.user-card-name{font-size:.9375rem}.user-card-handle{font-size:.8125rem}.user-card-meta{font-size:.6875rem}}.user-card-online{color:#4ade80;white-space:nowrap;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.user-card-online-dot{background-color:#4ade80;border-radius:9999px;width:.5rem;height:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-card-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (max-width:640px){.user-card{flex-direction:column;align-items:flex-start}.user-card-content{width:100%}.user-card-actions{justify-content:flex-end;width:100%}.manage-subtab{padding:.625rem .75rem;font-size:.875rem}.tab-title{font-size:1.125rem}}:root{--groups-primary:var(--accent,#6366f1);--groups-primary-hover:var(--accent-hover,#4f46e5);--groups-secondary:rgba(var(--text-rgb,156,163,175),.4);--groups-secondary-hover:rgba(var(--text-rgb,156,163,175),.6);--groups-danger:#dc2626;--groups-danger-hover:#b91c1c;--groups-success:#10b981;--groups-bg-message:var(--bg-elevated);--groups-bg-message-hover:var(--bg-hover);--groups-text:var(--text);--groups-text-secondary:var(--text-secondary);--groups-border:var(--border);--swipe-reply-threshold:80px;--haptic-tap-scale:.97;--spring-bounce:cubic-bezier(.34,1.56,.64,1);--smooth-ease:cubic-bezier(.4,0,.2,1);--decelerate:cubic-bezier(0,0,.2,1)}*{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base),transform var(--transition-fast)}.groups-container{max-width:64rem;margin:0 auto}.groups-narrow-container{max-width:48rem;margin:0 auto}.groups-limit-card{background:linear-gradient(135deg,rgba(var(--accent-rgb,99,102,241),.05)0%,rgba(var(--accent-rgb,99,102,241),.02)100%);border:1px solid rgba(var(--accent-rgb,99,102,241),.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.groups-limit-card:hover{border-color:rgba(var(--accent-rgb,99,102,241),.4);transform:translateY(-1px)}.groups-warning-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);background:linear-gradient(135deg,#ef444414 0%,#ef444408 100%);border:1px solid #ef44444d}.groups-warning-card:hover{border-color:#ef444480}.groups-wizard-container{max-width:48rem;margin:0 auto}.groups-wizard-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn var(--anim-duration-normal)var(--anim-ease-standard);background-color:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.groups-wizard-overlay.closing,.groups-drawer-overlay.closing{animation:fadeOut var(--anim-duration-fast)var(--anim-ease-standard)forwards}.groups-wizard-modal{background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid rgba(var(--accent-rgb,99,102,241),.15);width:100%;max-width:56rem;max-height:90vh;box-shadow:0 20px 60px #0009,0 0 1px rgba(var(--accent-rgb,99,102,241),.3);animation:scaleIn var(--anim-duration-normal)var(--anim-ease-spring);padding:1.5rem;overflow-y:auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.groups-wizard-modal.closing{animation:scaleOut var(--anim-duration-fast)var(--anim-ease-standard)forwards}.groups-drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn var(--anim-duration-normal)var(--anim-ease-standard);background-color:#000000bf;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.groups-drawer{background:linear-gradient(to left,var(--bg-elevated)0%,var(--bg-surface)100%);width:90%;max-width:600px;height:100vh;box-shadow:-4px 0 24px #0009,-1px 0 0 rgba(var(--accent-rgb,99,102,241),.1);animation:slideInRight var(--anim-duration-normal)var(--anim-ease-spring);z-index:1001;border-left:1px solid rgba(var(--accent-rgb,99,102,241),.15);padding:2rem;position:relative;overflow-y:auto}@media (max-width:768px){.groups-drawer{width:100%;max-width:100%;padding:1.5rem}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.groups-drawer.closing{animation:slideOutRight var(--anim-duration-normal)var(--anim-ease-accelerate)forwards}.groups-loading{justify-content:center;align-items:center;padding:5rem 0;display:flex}.groups-loading-text{color:var(--text-secondary)}.groups-header{align-items:center;gap:1rem;display:flex}.groups-back-button{border-radius:var(--radius-md);background:rgba(var(--text-rgb,255,255,255),.05);border:1px solid rgba(var(--text-rgb,255,255,255),.1);height:2.5rem;color:var(--text);transition:all var(--transition-base);justify-content:center;align-items:center;width:2.5rem!important;min-width:auto!important;padding:.5rem!important;display:inline-flex!important}.groups-back-button:hover{background:rgba(var(--accent-rgb,99,102,241),.1);border-color:rgba(var(--accent-rgb,99,102,241),.3);transform:translate(-2px)}@media (max-width:768px){.groups-back-button{height:2.25rem;width:2.25rem!important;padding:.375rem!important}}.groups-back-button:hover{background-color:#37415180}.groups-back-icon{color:var(--text-secondary)}.groups-header-content{flex:1}.groups-section-title{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}@media (max-width:768px){.groups-section-title{font-size:1.25rem}}.groups-section-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.groups-wizard-header-text{flex:1}.groups-wizard-title{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.groups-header-with-icon{flex:1;align-items:center;gap:.75rem;display:flex}.groups-icon-large{font-size:2.25rem}.groups-hub-header-text{flex:1}.groups-hub-title{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.groups-hub-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.groups-hub-tab-content{margin-top:1rem}.groups-hub-overview{text-align:center;padding:2rem 0}.groups-hub-coming-soon{color:var(--text-secondary);margin-bottom:1.5rem}.group-list-item{cursor:pointer}.group-card-content{justify-content:space-between;align-items:center;display:flex}.group-info-wrapper{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.group-icon{flex-shrink:0;font-size:2.25rem;position:relative}.group-unread-badge{color:var(--text);z-index:1;background-color:#dc2626;border-radius:9999px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:2px 6px;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0000004d}.group-card-menu-button{width:36px;min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--anim-transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;display:flex}.group-card-menu-button:hover{color:var(--text);background:#ffffff0d}.group-card-menu-button:active{background:#ffffff1a}@media (max-width:768px){.group-icon{font-size:2rem}.group-card-menu-button{background:#ffffff0d;border:1px solid #ffffff1a;width:40px;min-width:40px;height:40px}.group-card-menu-button:active{background:#ffffff26}}.group-name{color:var(--text);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}@media (max-width:768px){.group-name{font-size:1rem}}.group-meta{color:var(--text-secondary);align-items:center;gap:.75rem;margin-top:.25rem;font-size:.875rem;display:flex}@media (max-width:768px){.group-meta{gap:.5rem;font-size:.8125rem}}.group-member-count{align-items:center;gap:.25rem;display:flex}.group-role-badge{background-color:#37415180;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem}.role-icon-owner{color:#fbbf24}.role-icon-admin{color:#60a5fa}.role-icon-member{color:var(--text-secondary)}.groups-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}@media (max-width:768px){.groups-btn{gap:.375rem;padding:.5rem 1rem;font-size:.8125rem}}.groups-btn:disabled{opacity:.5;cursor:not-allowed}.groups-btn-primary{background-color:var(--groups-primary);color:var(--text)}.groups-btn-primary:hover:not(:disabled){background-color:var(--groups-primary-hover)}.groups-btn-secondary{background-color:var(--groups-secondary);color:var(--text)}.groups-btn-secondary:hover:not(:disabled){background-color:var(--groups-secondary-hover)}.groups-btn-danger{background-color:var(--groups-danger);color:var(--text)}.groups-btn-danger:hover:not(:disabled){background-color:var(--groups-danger-hover)}.groups-btn-sm{padding:.375rem .75rem;font-size:.75rem}.groups-btn-lg{padding:.75rem 1.5rem;font-size:1rem}.create-group-step-info{color:var(--text-secondary);font-size:.875rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-helper-text{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.emoji-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;max-height:250px;padding:.5rem;display:grid;overflow-y:auto!important}@media (min-width:640px){.emoji-grid{grid-template-columns:repeat(10,1fr);max-height:none;overflow-y:visible}}.emoji-button{border:2px solid;border-radius:.5rem;padding:.75rem;font-size:1.875rem;transition:all .2s}.emoji-button-selected{background-color:#3b82f633;border-color:#3b82f6}.emoji-button-unselected{border-color:#374151}.emoji-button-unselected:hover{border-color:var(--text-muted)}.friend-list-container{max-height:24rem;overflow-y:auto}.friend-item{cursor:pointer;border:2px solid;border-radius:.5rem;padding:.75rem;transition:all .2s}.friend-item-selected{background-color:#3b82f61a;border-color:#3b82f6}.friend-item-unselected{border-color:#374151}.friend-item-unselected:hover{border-color:var(--text-muted)}.friend-item-content{justify-content:space-between;align-items:center;display:flex}.friend-avatar{width:2.5rem;height:2.5rem;color:var(--text);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:9999px;justify-content:center;align-items:center;font-weight:600;display:flex}.friend-info{flex:1}.friend-name{color:var(--text);font-weight:600}.friend-handle{color:var(--text-secondary);font-size:.875rem}.selected-count{color:var(--text-secondary);margin-top:1rem;font-size:.875rem}.invite-card-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.invite-info{flex:1}.invite-group-name{color:var(--text);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.invite-meta{color:var(--text-secondary);font-size:.875rem}.invite-inviter{color:var(--text-secondary)}.invite-stats{align-items:center;gap:.5rem;display:flex}.invite-actions{gap:.5rem;display:flex}.hub-tabs-container{border-bottom:1px solid #374151;flex-wrap:nowrap;gap:.5rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.hub-tab-button{white-space:nowrap;flex:none;max-width:150px}.placeholder-grid{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;display:grid}@media (min-width:768px){.placeholder-grid{grid-template-columns:repeat(3,1fr)}}.placeholder-card{text-align:center;background-color:#1f29374d;border:1px solid #37415180;border-radius:.5rem;padding:1.5rem}.placeholder-icon{color:var(--text-muted);margin:0 auto .75rem}.placeholder-title{color:var(--text);margin-bottom:.5rem;font-weight:600}.placeholder-text{color:var(--text-muted);font-size:.875rem}.member-list-container{max-height:32rem;overflow-y:auto}.member-item{background-color:#1f29374d;border:1px solid #374151;border-radius:.5rem;padding:1rem}.member-item-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.member-info-section{flex:1;align-items:center;gap:.75rem;display:flex}.member-role-icon{font-size:1.25rem}.member-details{flex:1}.member-name-row{align-items:center;gap:.5rem;display:flex}.member-name{color:var(--text);font-weight:600}.member-handle{color:var(--text-secondary);margin-top:.125rem;font-size:.875rem}.member-actions{gap:.5rem;display:flex}.settings-section{margin-bottom:2rem}.settings-section-title{color:var(--text);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.settings-form-group{margin-bottom:1rem}.settings-radio-group{gap:1rem;margin-top:.5rem;display:flex}.radio-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;display:flex}.radio-input{cursor:pointer}.radio-text{font-size:.875rem}.danger-zone{border-top:1px solid #374151;margin-top:2rem;padding-top:2rem}.danger-zone-title{color:#ef4444;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.danger-zone-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.danger-actions{gap:.75rem;display:flex}.groups-empty-state{min-height:400px}.space-y-6>*+*{margin-top:1.5rem}.group-chat-container{flex-direction:column;max-width:100%;height:calc(100vh - 60px);margin:0 auto;display:flex}.app-shell-content:has(.group-chat-container){margin-top:-15px!important;overflow:hidden!important}.group-chat-header{background-color:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:10;border-radius:20px 20px 0 0;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}@media (max-width:768px){.group-chat-header{gap:4px;min-height:50px;padding:6px 8px}}.group-chat-header-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.group-chat-icon{flex-shrink:0;font-size:2rem;line-height:1}@media (max-width:768px){.group-chat-icon{font-size:1.5rem}}.group-chat-title-wrapper{flex:1;min-width:0}.group-chat-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:600;overflow:hidden}.group-chat-subtitle{color:var(--text-secondary);align-items:center;margin:2px 0 0;font-size:13px;display:flex}.group-chat-storage-badge{color:var(--text-secondary);white-space:nowrap;cursor:default;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.group-chat-storage-badge:hover{background-color:#ffffff14;border-color:#ffffff26}@media (max-width:768px){.group-chat-storage-badge{display:none}}.group-chat-settings-button{flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;max-width:40px;font-size:18px;visibility:visible!important;opacity:1!important;width:40px!important;height:40px!important;padding:0!important;display:flex!important}@media (max-width:768px){.group-chat-settings-button{min-width:36px;max-width:36px;font-size:16px;width:36px!important;height:36px!important}}.group-chat-messages{background-color:var(--bg-primary);flex-direction:column;flex:1;padding:20px 20px 80px;scroll-padding-top:120px;scroll-padding-bottom:80px;display:flex;overflow-y:auto}@media (max-width:768px){.group-chat-messages{padding:12px 12px 80px;scroll-padding-top:100px;padding-top:80px!important}}.group-chat-empty-state{text-align:center;height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.group-chat-messages-list{flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:40px;display:flex}.group-chat-system-message{justify-content:center;align-items:center;max-width:80%;margin:8px auto;padding:8px 16px;display:flex}.system-message-text{color:var(--text-secondary);text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#0000000d;border-radius:12px;padding:6px 12px;font-size:13px}@media (prefers-color-scheme:dark){.system-message-text{color:var(--text-muted);background-color:#ffffff0d}}.group-chat-unread-separator{align-items:center;gap:12px;margin:16px 0;padding:0 16px;display:flex}.unread-separator-line{background:linear-gradient(90deg,#0000,#f71a1a80,#0000);flex:1;height:1px}.unread-separator-text{color:#ef4444;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}@media (max-width:768px){.group-chat-unread-separator{margin:12px 0;padding:0 12px}.unread-separator-text{padding:3px 10px;font-size:11px}.system-message-text{padding:5px 10px;font-size:12px}}.messages-loading-indicator{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;display:flex}.loading-spinner{border:2px solid #e5e7eb;border-top-color:var(--groups-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.group-chat-message{animation:messageSlideIn var(--anim-duration-normal)var(--anim-ease-spring);flex-direction:column;display:flex;min-width:65%!important;max-width:90%!important}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}.group-chat-message.removing{animation:messageSlideOut var(--anim-duration-normal)var(--anim-ease-accelerate)forwards}@media (max-width:768px){.group-chat-message{min-width:35%!important;max-width:95%!important}}.group-chat-message-mine{align-self:flex-end;align-items:flex-end}.group-chat-message-theirs{align-self:flex-start;align-items:flex-start}.group-chat-message-sender{color:var(--accent,var(--groups-primary));transition:color var(--transition-base);margin-bottom:4px;padding:0;font-size:14px;font-weight:600}.group-chat-message-mine .group-chat-message-sender{color:#fffc}@media (max-width:768px){.group-chat-message-sender{font-size:10px}}.group-chat-message-bubble{border-radius:var(--radius-xl);word-wrap:break-word;word-break:break-word;width:100%;transition:transform .2s var(--spring-bounce),box-shadow .2s ease,background .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:text;user-select:text;padding:10px 14px;position:relative}.group-chat-message-bubble::selection{background:rgba(var(--accent-rgb,99,102,241),.3)}.group-chat-message-bubble:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 8px 25px #0003}.group-chat-message-bubble:active{transition:transform .1s;transform:scale(.98);box-shadow:0 2px 10px #00000026}.group-chat-message-bubble.long-press-active{transition:transform .15s;transform:scale(.97);box-shadow:0 2px 8px #0003}.group-chat-message-bubble.context-open{box-shadow:0 4px 15px rgba(var(--accent-rgb,99,102,241),.3);transform:scale(.98)}.group-chat-message.new-message .group-chat-message-bubble{animation:newMessagePop .4s var(--spring-bounce)}@keyframes newMessagePop{0%{opacity:0;transform:translateY(20px)scale(.9)}60%{transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.group-chat-message-mine .group-chat-message-bubble{background:linear-gradient(135deg,var(--primary-grad-start,var(--accent,var(--groups-primary)))0%,var(--primary-grad-end,var(--accent,var(--groups-primary)))100%);color:var(--text-on-primary);border:1px solid #ffffff1a;border-bottom-right-radius:4px}.group-chat-message-theirs .group-chat-message-bubble{background:var(--bg-elevated);color:var(--text);border:1px solid rgba(var(--accent-rgb,99,102,241),.15);border-bottom-left-radius:4px}.group-chat-message-text{white-space:pre-wrap;word-wrap:break-word;margin:0 0 4px;font-size:15px;line-height:1.4}@media (max-width:768px){.group-chat-message-text{font-size:14px}}.group-chat-message-time{opacity:.7;text-align:right;font-size:13px;display:block}@media (max-width:768px){.group-chat-message-time{font-size:11px}}.group-chat-composer{background:var(--bg-elevated);border-top:1px solid rgba(var(--accent-rgb,99,102,241),.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s var(--smooth-ease);z-index:150;box-sizing:border-box;border-radius:20px;flex-direction:column;gap:0;width:100%;padding:16px 20px;display:flex;position:sticky;bottom:-10px;box-shadow:0 -4px 20px #0000004d}.composer-input-row{align-items:center;gap:10px;display:flex}.composer-reply-preview{border-left:4px solid var(--groups-primary);animation:replyPreviewSlideIn .3s var(--spring-bounce);background:linear-gradient(135deg,#6366f11f 0%,#6366f10f 100%);border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex;position:relative;overflow:hidden}@keyframes replyPreviewSlideIn{0%{opacity:0;max-height:0;margin-bottom:0;padding:0 14px;transform:translate(-20px)}to{opacity:1;max-height:100px;margin-bottom:12px;padding:12px 14px;transform:translate(0)}}.composer-reply-preview:before{content:"";background:var(--groups-primary);width:4px;animation:2s ease-in-out infinite replyBarGlow;position:absolute;top:0;bottom:0;left:0}@keyframes replyBarGlow{0%,to{box-shadow:0 0 8px #6366f166}50%{box-shadow:0 0 15px #6366f1b3}}.composer-reply-content{flex:1;min-width:0}.composer-reply-label{color:var(--groups-primary);margin-bottom:4px;font-size:12px;font-weight:600}.composer-reply-close{color:var(--text-secondary);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:6px;transition:all .2s;display:flex}.composer-reply-close:hover{color:#ef4444;background:#ef444433;transform:rotate(90deg)}.composer-reply-close:active{transform:rotate(90deg)scale(.9)}.composer-edit-preview{animation:editPreviewSlideIn .3s var(--spring-bounce);background:linear-gradient(135deg,#fbbf241f 0%,#fbbf240f 100%);border-left:4px solid #fbbf24;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}@keyframes editPreviewSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.composer-edit-label{color:#fbbf24;font-size:13px;font-weight:600}.composer-edit-cancel{color:var(--text-secondary);cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.composer-edit-cancel:hover{color:#ef4444;background:#ef444433}@media (max-width:768px){.group-chat-composer{border-radius:16px;padding:12px 16px}}.group-chat-composer-button{background:rgba(var(--text-rgb,255,255,255),.03);border:1px solid rgba(var(--text-rgb,255,255,255),.08);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;font-size:18px;display:flex}@media (max-width:768px){.group-chat-composer-button{min-width:36px;min-height:36px;padding:6px;font-size:16px}}.group-chat-composer-button:hover:not(:disabled){color:var(--text);background:rgba(var(--accent-rgb,99,102,241),.15);border-color:rgba(var(--accent-rgb,99,102,241),.3);transform:scale(1.05)}.group-chat-composer-button:disabled{opacity:.3;cursor:not-allowed}.group-chat-composer-send{color:var(--accent,var(--groups-primary));background:rgba(var(--accent-rgb,99,102,241),.1);border-color:rgba(var(--accent-rgb,99,102,241),.2);transition:all .2s var(--spring-bounce)}.group-chat-composer-send:hover:not(:disabled){color:var(--text);background:linear-gradient(135deg,var(--accent,var(--groups-primary))0%,rgba(var(--accent-rgb,99,102,241),.9)100%);border-color:var(--accent,var(--groups-primary));box-shadow:0 4px 15px rgba(var(--accent-rgb,99,102,241),.4);transform:scale(1.1)}.group-chat-composer-send:active:not(:disabled){box-shadow:0 2px 8px rgba(var(--accent-rgb,99,102,241),.3);transform:scale(.95)}.group-chat-composer-send.ready{animation:sendButtonReady .3s var(--spring-bounce)}@keyframes sendButtonReady{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.group-chat-composer-send.sending{animation:sendFlyAway .4s var(--decelerate)}@keyframes sendFlyAway{0%{opacity:1;transform:scale(1)translate(0)}50%{opacity:.5;transform:scale(.8)translate(10px)}to{opacity:1;transform:scale(1)translate(0)}}.group-chat-composer-input{background:rgba(var(--text-rgb,255,255,255),.04);border:1px solid rgba(var(--text-rgb,255,255,255),.1);color:var(--text);transition:all .25s var(--smooth-ease);direction:auto;text-align:start;resize:none;border-radius:20px;outline:none;flex:1;min-height:40px;max-height:72px;padding:10px 16px;font-family:inherit;font-size:15px;line-height:1.5;overflow-y:auto}@media (max-width:768px){.group-chat-composer-input{border-radius:20px;min-height:40px;max-height:72px;padding:10px 14px;font-size:16px}}.group-chat-composer-input::placeholder{color:var(--text-muted);transition:opacity .2s}.group-chat-composer-input:focus{background:rgba(var(--text-rgb,255,255,255),.08);border-color:var(--groups-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb,99,102,241),.15),0 4px 12px #0000001a}.group-chat-composer-input:focus::placeholder{opacity:.5}.group-chat-composer-input.has-content{border-color:rgba(var(--accent-rgb,99,102,241),.4)}.group-chat-composer-mic.recording{color:#f87171;background-color:#ef44441f;animation:1.2s ease-in-out infinite micRecordingPulse;box-shadow:0 0 #ef444480}.group-chat-composer-mic:active{transition:transform .1s;transform:scale(.9)}@keyframes micRecordingPulse{0%{transform:scale(1);box-shadow:0 0 #ef444480}50%{transform:scale(1.05);box-shadow:0 0 0 12px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.group-chat-composer-mic.starting-record{animation:micStartBounce .3s var(--spring-bounce)}@keyframes micStartBounce{0%{transform:scale(1)}30%{transform:scale(1.2)}60%{transform:scale(.95)}to{transform:scale(1)}}.voice-recorder-panel{animation:recorderPanelSlideIn .3s var(--spring-bounce);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef444414 0%,#ef444408 100%);border:1px solid #ef444440;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex;position:relative;box-shadow:0 4px 20px #ef444426}@keyframes recorderPanelSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.voice-recorder-panel.locked{animation:recorderLocked .3s var(--spring-bounce);background:linear-gradient(135deg,#6366f114 0%,#6366f108 100%);border-color:#6366f14d}@keyframes recorderLocked{0%{transform:scale(1)}30%{transform:scale(1.02)}60%{transform:scale(.99)}to{transform:scale(1)}}.swipe-lock-indicator{color:var(--primary-color);z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:opacity .2s;animation:.3s ease-out slideDownBounce;display:flex;position:fixed;bottom:140px;right:20px}.swipe-lock-indicator svg{filter:drop-shadow(0 2px 8px #6366f180);animation:.6s ease-in-out infinite scalePulse}.swipe-cancel-indicator{color:#ef4444;z-index:1000;pointer-events:none;flex-direction:row;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:opacity .2s;animation:.3s ease-out slideLeftBounce;display:flex;position:fixed;bottom:80px;left:20px}.swipe-cancel-indicator svg{filter:drop-shadow(0 2px 8px #ef444480);animation:.6s ease-in-out infinite scalePulse}@keyframes slideDownBounce{0%{opacity:0;transform:translateY(-20px)}60%{transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftBounce{0%{opacity:0;transform:translate(-20px)}60%{transform:translate(5px)}to{opacity:1;transform:translate(0)}}@keyframes scalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voice-recorder-status{align-items:center;gap:10px;display:flex}.voice-recorder-dot{background:#ef4444;border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite voicePulse;box-shadow:0 0 8px #ef444499}.voice-recorder-dot.paused{box-shadow:none;background:#9ca3af;animation:none}.voice-recorder-timer{color:#f9fafb;font-variant-numeric:tabular-nums;min-width:52px;font-size:14px;font-weight:600}.voice-waveform-placeholder{background:linear-gradient(90deg,#ef444426 0%,#ef444440 25%,#ef444426 50%,#ef444440 75%,#ef444426 100%) 0 0/200% 100%;border-radius:6px;flex:1;height:28px;animation:1.5s linear infinite waveformFlow;position:relative;overflow:hidden}.voice-waveform-placeholder:before{content:"";background:repeating-linear-gradient(90deg,#fff6 0 2px,#0000 2px 6px);border-radius:4px;animation:.8s ease-in-out infinite alternate waveformBars;position:absolute;inset:4px}@keyframes waveformFlow{0%{background-position:200% 0}to{background-position:0 0}}@keyframes waveformBars{0%{opacity:.5;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}.voice-recorder-locked{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.voice-recorder-controls{gap:8px;display:flex}.voice-recorder-control{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:6px}.voice-recorder-control:disabled{opacity:.5;cursor:not-allowed}.voice-recorder-control.danger{color:#fca5a5;border-color:#ef444466}.voice-recorder-hint{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.voice-recorder-stop{color:#f9fafb;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.voice-review-panel{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.voice-review-actions{justify-content:flex-end;gap:8px;display:flex}.voice-review-button{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}@media (max-width:768px){.voice-review-button{min-height:44px;padding:10px 14px;font-size:14px}.voice-review-actions{flex-direction:row;width:100%}.voice-review-button{flex:1;justify-content:center}}.voice-review-button.danger{color:#fca5a5;border-color:#ef444466}.voice-review-button.send{color:var(--groups-primary);border-color:#6366f180}.message-audio-container{flex-direction:column;gap:8px;min-width:220px;display:flex;position:relative}.message-audio-container.uploading{opacity:.7}.message-document-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;min-width:220px;max-width:340px;padding:12px 14px;transition:all .3s;display:flex;position:relative}.message-document-card.uploading{background:#6366f11a;border-color:#6366f14d;box-shadow:0 0 20px #6366f126}.message-document-card.uploading .document-icon{background:#6366f133;position:relative}.message-document-card.uploading .document-details{opacity:.7}.document-icon{width:44px;height:44px;color:var(--text);background:#ffffff24;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;transition:background .3s;display:flex}.document-extension{letter-spacing:.4px;text-transform:uppercase;font-size:9px;font-weight:700}.document-details{flex:1;min-width:0}.document-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.document-meta{color:#ffffffb3;margin-top:2px;font-size:11px}.document-download-button{color:var(--text);cursor:pointer;background:#00000026;border:1px solid #fff3;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex}.document-download-button:hover{border-color:#ffffff59}.document-upload-progress{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;border-radius:12px;justify-content:center;align-items:center;animation:.3s fadeInProgress;display:flex;position:absolute;inset:0}@keyframes fadeInProgress{0%{opacity:0}to{opacity:1}}.document-upload-progress .progress-ring{filter:drop-shadow(0 2px 12px #6366f166);animation:2s ease-in-out infinite pulseRing}@keyframes pulseRing{0%,to{filter:drop-shadow(0 2px 12px #6366f166)}50%{filter:drop-shadow(0 2px 20px #6366f1b3)}}.document-upload-progress .progress-ring-bg{opacity:.3}.document-upload-progress .progress-ring-circle{stroke-linecap:round}.document-upload-progress .progress-percentage{color:var(--text);text-shadow:0 1px 4px #000000e6;letter-spacing:.3px;font-size:11px;font-weight:700;position:absolute}.document-upload-bar-container{background:#0003;border-radius:0 0 12px 12px;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.document-upload-bar{background:linear-gradient(90deg,var(--groups-primary),#6366f1cc);border-radius:0 0 12px 12px;height:100%;transition:width .3s;animation:1.5s ease-in-out infinite documentBarGlow}@keyframes documentBarGlow{0%,to{box-shadow:0 0 8px #6366f166}50%{box-shadow:0 0 16px #6366f1b3}}.message-location-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;min-width:220px;max-width:360px;padding:12px 14px;display:flex}.message-location-card .location-icon{width:44px;height:44px;color:var(--text);background:#ffffff24;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.message-location-card .location-details{flex:1;min-width:0}.message-location-card .location-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.message-location-card .location-coords{color:#ffffffb3;white-space:nowrap;font-size:12px}.message-location-card .location-open{color:var(--text);white-space:nowrap;background:#00000026;border:1px solid #fff3;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;text-decoration:none;display:inline-flex}.message-location-card .location-open:hover{border-color:#ffffff59}.audio-message-player{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-items:center;gap:8px;display:flex}.audio-message-button{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#5e5e5e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;display:flex}@media (max-width:768px){.audio-message-button{width:40px;min-width:40px;height:40px;min-height:40px}}.audio-message-progress{accent-color:#910000;flex:1}.audio-message-duration{color:var(--text-secondary);text-align:right;min-width:48px;font-size:12px}.audio-upload-progress{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-upload-progress .progress-ring{position:relative}.audio-upload-progress .progress-percentage{color:var(--primary-color);font-size:10px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-upload-failed{color:#fca5a5;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.audio-upload-error{font-weight:600}.audio-upload-actions{gap:6px;display:flex}.audio-upload-button{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:4px 8px;font-size:12px}.audio-upload-button.danger{color:#fca5a5;border-color:#ef444466}@keyframes voicePulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.9)}}.groups-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.groups-drawer-header-title{color:var(--text);margin:0;font-size:20px;font-weight:600}.groups-drawer-back,.groups-drawer-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.groups-drawer-back:hover,.groups-drawer-close:hover{color:var(--text);background-color:#ffffff0d}.groups-drawer-section{margin-bottom:32px}.groups-drawer-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}.groups-drawer-group-info{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.groups-drawer-title{color:var(--text);margin:12px 0 0;font-size:24px;font-weight:600}.groups-drawer-members-list{flex-direction:column;gap:12px;display:flex}.groups-drawer-member-item{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.groups-drawer-member-info{align-items:center;gap:12px;display:flex}.groups-drawer-member-details{flex:1;min-width:0}.groups-drawer-member-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.groups-drawer-member-handle{color:var(--text-secondary);margin-top:2px;font-size:13px}.groups-drawer-member-role{color:var(--text-secondary);white-space:nowrap;background-color:#ffffff0d;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.groups-drawer-member-actions{flex-wrap:wrap;gap:8px;display:flex}.groups-drawer-danger-zone{background-color:#ef44440d;border:1px solid #ef444433;border-radius:8px;padding:20px}@media (max-width:768px){.group-chat-container{height:calc(100vh - 50px)}.group-chat-header{gap:4px;min-height:50px;padding:6px 8px}.group-chat-title{font-size:16px}.group-chat-messages{padding:16px 16px 100px}.group-chat-message{max-width:85%}.group-chat-composer{padding:12px 16px}.groups-drawer{width:100%;max-width:100%;padding:1.5rem}}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.space-y-2>*+*{margin-top:.5rem}body:has(.group-chat-container) .keyboard-shortcuts-dock{display:none!important}.image-viewer-overlay{z-index:10000;background:#000000f2;flex-direction:column;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.image-viewer-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;justify-content:space-between;align-items:center;padding:20px;display:flex}.image-viewer-actions{gap:12px;display:flex}.image-viewer-action-button,.image-viewer-close-button{justify-content:center;align-items:center;height:44px;display:flex;min-width:44px!important;padding:0!important}.image-viewer-content{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.image-viewer-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}@media (max-width:768px){.image-viewer-header{padding:12px}.image-viewer-action-button,.image-viewer-close-button{height:40px;min-width:40px!important}.image-viewer-content{padding:12px}}.message-image-container{cursor:pointer;background:#0000000d;border-radius:12px;max-width:300px;transition:opacity .3s;position:relative;overflow:hidden}.message-image-container.uploading{cursor:default}.message-image{width:100%;height:auto;transition:opacity .2s;display:block}.message-image:hover{opacity:.9}.message-image-loading{width:100%;height:200px;color:var(--text-secondary);background:#0000001a;justify-content:center;align-items:center;display:flex}.message-image-error{text-align:center;color:#f87171;background:#ef44441a;width:100%;padding:20px;font-size:13px}.image-upload-progress{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-ring{filter:drop-shadow(0 2px 8px #00000080)}.progress-ring-circle{transition:stroke-dashoffset .3s}.progress-percentage{color:var(--text);text-shadow:0 1px 3px #000c;font-size:13px;font-weight:600;position:absolute}@media (max-width:768px){.message-image-container{max-width:250px}}.invite-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000bf;animation:.2s ease-out fadeIn;position:fixed;inset:0}.invite-modal{background:var(--bg-surface);border:1px solid var(--border);z-index:10001;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;animation:.2s ease-out slideIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 25px -5px #00000080}@media (max-width:768px){.invite-modal{border-radius:12px;width:95%;max-height:85vh}}.invite-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.invite-modal-title{color:var(--text);margin:0;font-size:20px;font-weight:600}@media (max-width:768px){.invite-modal-title{font-size:18px}}.invite-modal-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}@media (max-width:768px){.invite-modal-subtitle{font-size:13px}}.invite-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.invite-modal-close:hover{color:var(--text);background-color:#ffffff0d}.invite-modal-warning{color:#fca5a5;background-color:#ef44441a;border-bottom:1px solid #ef444433;align-items:center;gap:12px;padding:12px 24px;font-size:14px;display:flex}.invite-modal-info{color:#93c5fd;background-color:#3b82f61a;border-bottom:1px solid #3b82f633;align-items:center;gap:12px;padding:12px 24px;font-size:14px;display:flex}.invite-modal-tabs{border-bottom:1px solid var(--border);padding:0 24px;display:flex}.invite-modal-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 12px;font-size:15px;font-weight:500;transition:all .2s;display:flex;position:relative}.invite-modal-tab:hover{color:var(--text);background-color:#ffffff05}.invite-modal-tab.active{color:var(--groups-primary);border-bottom-color:var(--groups-primary)}.invite-modal-content{flex:1;padding:24px;overflow-y:auto}.invite-modal-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.invite-modal-empty{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.invite-modal-empty-subtitle{color:var(--text-muted);font-size:14px}.invite-modal-friends-list{flex-direction:column;gap:8px;display:flex}.invite-modal-friend-item{cursor:pointer;background-color:#ffffff05;border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.invite-modal-friend-item:hover:not(.disabled){background-color:#ffffff0d;border-color:#ffffff1a}.invite-modal-friend-item.selected{border-color:var(--groups-primary);background-color:#6366f11a}.invite-modal-friend-item.disabled{opacity:.4;cursor:not-allowed}.invite-modal-friend-avatar{border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.invite-modal-friend-avatar img{object-fit:cover;width:100%;height:100%}.invite-modal-friend-avatar-placeholder{width:100%;height:100%;color:var(--text);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.invite-modal-friend-info{flex:1;min-width:0}.invite-modal-friend-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15px;font-weight:500;overflow:hidden}.invite-modal-friend-handle{color:var(--text-secondary);font-size:13px}.invite-modal-friend-checkbox{border:2px solid #4b5563;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.invite-modal-friend-item.selected .invite-modal-friend-checkbox{background-color:var(--groups-primary);border-color:var(--groups-primary);color:var(--text)}.invite-link-section{flex-direction:column;gap:20px;display:flex}.invite-link-description{color:var(--text-secondary);margin:0}.invite-link-input-wrapper{gap:12px;display:flex}.invite-link-input{flex:1;font-family:monospace;font-size:13px}.invite-link-note{color:#93c5fd;background-color:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;margin:0;padding:12px;font-size:13px}.invite-modal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.invite-modal-footer-info{color:var(--text-secondary);flex:1;font-size:14px}.invite-modal-footer-actions{gap:12px;display:flex}@media (max-width:768px){.invite-modal{border-radius:0;width:100%;max-width:100%;max-height:100vh}.invite-modal-header,.invite-modal-content,.invite-modal-footer{padding:16px}.invite-modal-tabs{padding:0 16px}.invite-modal-footer{flex-direction:column;align-items:stretch}.invite-modal-footer-actions{width:100%}.invite-modal-footer-actions button{flex:1}}.message-menu-backdrop{z-index:9998;position:fixed;inset:0}.message-context-menu{background:var(--bg-surface);border:1px solid var(--border);z-index:10000;opacity:1;border-radius:12px;min-width:160px;max-width:200px;animation:.15s ease-out slideUp;overflow:hidden;box-shadow:0 4px 20px #00000080}[dir=rtl] .message-menu-item{text-align:right;flex-direction:row-reverse}.message-menu-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;transition:background .2s;display:flex}.message-menu-item:hover{background:#ffffff0d}.message-menu-item-danger{color:var(--groups-danger)}.message-menu-item-danger:hover{background:#dc26261a}.message-menu-divider{background:var(--border);height:1px;margin:4px 0}.chat-options-menu{background:var(--bg-surface);border:1px solid var(--border);z-index:10000;opacity:1;border-radius:12px;min-width:180px;max-width:220px;animation:.15s ease-out slideUp;overflow:hidden;box-shadow:0 4px 20px #00000080}@media (max-width:768px){.chat-options-menu{min-width:160px;max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);overflow-y:auto}}[dir=rtl] .chat-options-menu .chat-options-item{text-align:right;flex-direction:row-reverse}[dir=rtl] .chat-options-menu .chat-options-section-title{text-align:right}.chat-options-section{border-bottom:1px solid var(--border)}.chat-options-section:last-of-type{border-bottom:none}.chat-options-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px;font-size:11px;font-weight:600}.chat-options-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:background .2s;display:flex}.chat-options-item:hover{background:#ffffff0d}.chat-options-item-danger{color:var(--groups-danger)}.chat-options-item-danger:hover{background:#dc26261a}.chat-options-icon{opacity:.8;font-size:16px}.message-menu-reactions-section{box-sizing:border-box;width:100%;padding:8px 8px 0}.message-menu-reactions-scroll{-ms-overflow-style:none;scrollbar-width:none;gap:6px;max-width:100%;margin:-4px;padding:4px;display:flex;overflow:auto hidden}.message-menu-reactions-scroll::-webkit-scrollbar{display:none}.message-menu-reaction-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:22px;transition:all .2s;display:flex}.message-menu-reaction-btn:hover{background:#ffffff26;transform:scale(1.1)}.message-menu-reaction-btn:active{transform:scale(.95)}.message-menu-reaction-more{color:var(--text);border:1px solid #fff3;font-size:14px}.message-menu-reaction-more:hover{background:#ffffff26;border-color:#ffffff4d}.forward-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.forward-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 20px 60px #00000080}.forward-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.forward-modal-title{color:var(--text);margin:0;font-size:20px;font-weight:600}.forward-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.forward-modal-close:hover{color:var(--text);background:#ffffff0d}.forward-modal-content{flex:1;padding:20px 24px;overflow-y:auto}.forward-message-preview{background:#ffffff0d;border-radius:8px;margin-bottom:20px;padding:12px 16px}.forward-message-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500}.forward-message-text{color:var(--text);font-size:14px;line-height:1.5}.forward-groups-section{flex-direction:column;gap:12px;display:flex}.forward-groups-label{color:var(--text);font-size:14px;font-weight:500}.forward-groups-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.forward-group-item{cursor:pointer;text-align:left;background:#ffffff08;border:2px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:all .2s;display:flex}.forward-group-item:hover{background:#ffffff0d}.forward-group-item-selected{border-color:var(--groups-primary);background:#6366f11a}.forward-group-icon{flex-shrink:0;font-size:24px}.forward-group-info{flex:1;min-width:0}.forward-group-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.forward-group-meta{color:var(--text-secondary);font-size:13px}.forward-loading,.forward-empty{text-align:center;color:var(--text-secondary);padding:40px 20px}.forward-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.pinned-message-bar{cursor:pointer;z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f11a;border-bottom:1px solid #6366f14d;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;transition:background .2s;display:flex;position:sticky;top:80px}@media (max-width:768px){.pinned-message-bar{top:60px}}.pinned-message-bar:hover{background:#6366f126}.pinned-message-content{flex:1;align-items:center;min-width:0;display:flex}.pinned-message-text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.pinned-message-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.pinned-message-close:hover{color:var(--text);background:#ffffff1a}.message-reply-preview{cursor:pointer;background:#000000e6;border-radius:8px;gap:8px;margin-bottom:6px;padding:8px 12px;transition:background .2s;display:flex}.message-reply-preview:hover{background:#00000080}.message-forwarded-label{color:#fff9;align-items:center;gap:4px;margin-bottom:4px;font-size:12px;font-style:italic;display:flex}.message-edited-label{opacity:.7;font-size:11px}.message-deleted{opacity:.6;font-style:italic}.message-highlight{border-radius:16px;animation:3s ease-out highlightPulse}@keyframes highlightPulse{0%,to{background:0 0}50%{background:#6366f133}}.composer-reply-preview,.composer-edit-preview{background:#6366f11a;border-bottom:1px solid #6366f14d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 16px;display:flex}.composer-reply-content,.composer-edit-content{flex:1;min-width:0}.composer-reply-label,.composer-edit-label{color:var(--groups-primary);margin-bottom:2px;font-size:12px;font-weight:600}.composer-reply-text{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.composer-reply-close,.composer-edit-cancel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:13px;transition:all .2s;display:flex}.composer-reply-close:hover,.composer-edit-cancel:hover{color:var(--text);background:#ffffff1a}.composer-input-row{align-items:center;gap:12px;width:100%;display:flex}@media (max-width:768px){.forward-modal{border-radius:0;width:100%;max-width:100%;max-height:100vh}.message-context-menu{border-radius:8px;min-width:60px;box-shadow:0 2px 12px #0006;max-width:220px!important}.message-menu-item{gap:8px;min-height:36px;padding:8px 12px;font-size:14px}.message-menu-reactions-section{padding:4px 4px 0}.message-menu-reaction-btn{min-width:30px;height:30px;font-size:16px}.message-menu-divider{margin:2px 0}}.message-reactions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.message-reaction-item{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:2px;align-items:center;gap:4px;padding:3px 8px;font-size:13px;transition:all .2s;display:flex}.message-reaction-item:hover{background:var(--bg-elevated);border-color:#fff3}.message-reaction-emoji{font-size:14px}.message-reaction-count{color:var(--text-secondary);font-size:12px}.message-reaction-more{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:2px;align-items:center;padding:3px 8px;font-size:12px;transition:all .2s;display:flex}.message-reaction-more:hover{background:var(--bg-elevated)}.message-receipt-status{color:#fff;margin-left:4px;font-size:16px!important}.message-receipt-status.sending,.message-receipt-status.sent{color:#fff}.message-receipt-status.read{color:#000}.reaction-picker-overlay{z-index:999;background:0 0;position:fixed;inset:0}.reaction-picker{z-index:1000;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;gap:4px;padding:8px;display:flex;position:fixed;box-shadow:0 4px 12px #0000004d}.reaction-picker-emoji{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:24px;transition:all .2s;display:flex}.reaction-picker-emoji:hover{background:#ffffff1a;transform:scale(1.2)}.reactions-modal-overlay{z-index:1100;background:#000000b3;position:fixed;inset:0}.reactions-modal{z-index:1101;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:90%;max-width:400px;max-height:70vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000080}.reactions-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.reactions-modal-header h3{color:var(--text);margin:0;font-size:18px;font-weight:600}.reactions-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex}.reactions-modal-close:hover{color:var(--text)}.reactions-modal-content{flex:1;padding:16px 20px;overflow-y:auto}.reactions-modal-section{margin-bottom:20px}.reactions-modal-section:last-child{margin-bottom:0}.reactions-modal-emoji-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.reactions-modal-emoji{font-size:20px}.reactions-modal-count{color:var(--text-secondary);font-size:14px;font-weight:600}.reactions-modal-users{flex-direction:column;gap:8px;display:flex}.reactions-modal-user{background:var(--bg-surface);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.reactions-modal-user.is-me{background:#6366f11a}.reactions-modal-user-name{color:var(--text);font-size:14px}.reactions-modal-remove{color:#ef4444;cursor:pointer;background:#dc262633;border:1px solid #dc26264d;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .2s}.reactions-modal-remove:hover{background:#dc26264d;border-color:#dc262680}.mention-suggestions-overlay{z-index:999;background:0 0;position:fixed;inset:0}.mention-suggestions{z-index:1000;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;max-height:200px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 -4px 12px #0000004d}.mention-suggestion-item{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:12px 16px;transition:all .2s}.mention-suggestion-item:last-child{border-bottom:none}.mention-suggestion-item:hover,.mention-suggestion-item.selected{background:#ffffff0d}.mention-suggestion-name{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:500}.mention-suggestion-handle{color:var(--text-secondary);font-size:12px}.message-mention{color:#0f0;background:#6366f126;border-radius:3px;padding:1px 3px;font-weight:500}.search-messages-modal{z-index:1000;background:var(--bg-primary);flex-direction:column;display:flex;position:fixed;inset:0}.search-messages-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}@media (max-width:768px){.search-messages-header{gap:8px;padding:12px 16px}}.search-messages-input-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex:1;align-items:center;gap:12px;padding:10px 16px;display:flex}.search-messages-icon{color:var(--text-secondary)}.search-messages-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}@media (max-width:768px){.search-messages-input{font-size:14px}}.search-messages-input::placeholder{color:var(--text-secondary)}.search-messages-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.search-messages-clear:hover{color:var(--text)}.search-messages-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.search-messages-close:hover{color:var(--text);background:#ffffff0d}.search-messages-results{flex:1;padding:20px;overflow-y:auto}.search-messages-empty{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;padding:60px 20px;display:flex}.search-messages-list{flex-direction:column;gap:12px;display:flex}.search-messages-count{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.search-message-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:12px 16px;transition:all .2s}.search-message-item:hover{background:#ffffff0d;border-color:#ffffff1a}.search-message-sender{color:var(--groups-primary);margin-bottom:4px;font-size:13px;font-weight:600}.search-message-text{color:var(--text);margin-bottom:6px;font-size:14px;line-height:1.4}.search-message-time{color:var(--text-secondary);font-size:11px}.message-receipt-status{color:var(--groups-primary);align-items:center;gap:2px;margin-left:4px;font-size:10px;display:inline-flex}.message-receipt-status.delivered{color:var(--text-secondary)}.message-reactions{align-items:center;gap:0;min-height:28px;margin-top:4px;display:flex;position:relative}.message-reaction-item{border:2px solid var(--bg-elevated);cursor:pointer;z-index:1;background:#6366f11a;border-radius:14px;align-items:center;gap:4px;margin-left:-8px;padding:4px 8px;font-size:14px;transition:all .2s;display:inline-flex;position:relative}.message-reaction-item:first-child{margin-left:0}.message-reaction-item:hover{z-index:2;background:#6366f133;transform:translateY(-2px)}.message-reaction-item.reacted-by-me{border-color:var(--groups-primary);background:#6366f14d}.message-reaction-emoji{font-size:14px;line-height:1}.message-reaction-count{color:var(--text);font-size:11px;font-weight:600}.message-reaction-more{border:2px solid var(--bg-elevated);color:var(--text-secondary);cursor:pointer;z-index:1;background:#9ca3af33;border-radius:14px;margin-left:-8px;padding:4px 8px;font-size:11px;transition:all .2s;position:relative}.message-reaction-more:hover{z-index:2;background:#9ca3af4d;transform:translateY(-2px)}.reactions-modal-section{flex-direction:column;gap:2px;display:flex}.reactions-modal-row{background:#ffffff0d;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.reactions-modal-row:hover{background:#ffffff14}.reactions-modal-row.is-me{background:#6366f11a}.reactions-modal-row.is-me:hover{background:#6366f133}.reactions-modal-row-emoji{text-align:center;min-width:32px;font-size:24px}.reactions-modal-row-name{color:var(--text);flex:1;font-size:14px}.reactions-modal-row.is-me .reactions-modal-row-name{color:var(--groups-primary);font-weight:600}.message-info-modal-overlay{z-index:1100;background:#000000b3;position:fixed;inset:0}.message-info-modal{background:var(--bg-elevated);border:1px solid var(--border);z-index:1101;border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080}.message-info-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.message-info-header h3{color:var(--text);margin:0;font-size:18px;font-weight:600}.message-info-content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.message-info-message{border-left:3px solid var(--groups-primary);background:#6366f11a;border-radius:12px;padding:16px}.message-info-label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.message-info-text{color:var(--text);word-wrap:break-word;margin-bottom:8px;font-size:14px;line-height:1.6}.message-info-time{color:var(--text-secondary);font-size:12px}.message-info-section{flex-direction:column;gap:8px;display:flex}.message-info-section-header{color:var(--text);align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.message-info-list{flex-direction:column;gap:8px;display:flex}.message-info-item{background:#ffffff0d;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.message-info-item-avatar{background:var(--groups-primary);width:36px;height:36px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.message-info-item-details{flex-direction:column;flex:1;gap:2px;display:flex}.message-info-item-name{color:var(--text);font-size:14px;font-weight:500}.message-info-item-time{color:var(--text-secondary);font-size:12px}.message-swipe-container{transition:transform .15s var(--spring-bounce);-webkit-user-select:none;user-select:none;cursor:pointer;touch-action:pan-y;will-change:transform;position:relative}.message-swipe-container.swiping{z-index:10;touch-action:none;transition:none}.message-swipe-container.swipe-complete{animation:swipeBounceback .4s var(--spring-bounce)forwards}@keyframes swipeBounceback{0%{transform:translateX(var(--swipe-end-x,0))}50%{transform:translateX(calc(var(--swipe-end-x,0)*-.1))}to{transform:translate(0)}}.message-swipe-indicator{background:linear-gradient(135deg,var(--groups-primary)0%,#6366f1cc 100%);width:40px;height:40px;color:var(--text);opacity:0;transition:opacity .2s ease,transform .25s var(--spring-bounce),box-shadow .2s ease;pointer-events:none;z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:50%;transform:translateY(-50%)scale(.5);box-shadow:0 4px 15px #6366f166}.message-swipe-container.swiping .message-swipe-indicator{opacity:1;transform:translateY(-50%)scale(1)}.message-swipe-indicator.threshold-reached{background:linear-gradient(135deg,#10b981 0%,#059669 100%);animation:.6s ease-in-out infinite pulseGlow;box-shadow:0 4px 20px #10b98180}@keyframes pulseGlow{0%,to{transform:translateY(-50%)scale(1);box-shadow:0 4px 20px #10b98180}50%{transform:translateY(-50%)scale(1.1);box-shadow:0 6px 30px #10b981b3}}.message-swipe-indicator.reply-triggered:after{content:"";background:#10b98166;border-radius:50%;animation:.4s ease-out forwards rippleExpand;position:absolute;inset:0}@keyframes rippleExpand{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.message-reply-preview{border-bottom:1px solid #ffffff1a;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex}.message-reply-bar{background:var(--groups-primary);border-radius:2px;flex-shrink:0;width:3px}.message-reply-content{flex:1;min-width:0}.message-reply-sender{color:var(--groups-primary);margin-bottom:2px;font-size:12px;font-weight:600}.message-reply-text{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}@media (max-width:768px){.group-chat-container{height:100vh}.group-chat-title{font-size:15px}.group-chat-subtitle{font-size:11px}.group-chat-messages{padding:12px 8px 110px}.group-chat-message{max-width:85%}.group-chat-message-bubble{padding:8px 12px;font-size:14px;line-height:1.4}.group-chat-message-text{font-size:14px}.group-chat-message-time{font-size:10px}.group-chat-message-sender{margin-bottom:3px;font-size:12px}.group-chat-composer{border-radius:20px;padding:10px 12px}.composer-input-row{gap:8px}.group-chat-input{font-size:16px}.message-context-menu{max-width:calc(100vw - 20px)}.message-reaction-item{margin-left:-6px;padding:3px 6px;font-size:12px}.message-reaction-emoji{font-size:12px}.message-reaction-count{font-size:10px}.reactions-modal,.message-info-modal{width:95%;max-height:85vh}.reactions-modal-header,.message-info-header,.reactions-modal-content,.message-info-content{padding:16px}.search-messages-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.pinned-message-bar{gap:8px;padding:8px 12px}.pinned-message-text{font-size:13px;line-height:1.3}.pinned-message-close{min-width:28px;min-height:28px;padding:4px}.pinned-message-content svg{width:12px;height:12px}.messages-loading-indicator{padding:12px;font-size:13px}}@media (max-width:480px){.group-chat-header{gap:6px;min-height:50px;padding:8px 10px}.group-chat-icon{font-size:1.25rem}.group-chat-title{font-size:14px}.group-chat-subtitle{font-size:10px}.group-chat-settings-button{font-size:14px;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important}.group-chat-message{max-width:90%}.group-chat-message-sender{font-size:10px}.group-chat-message-bubble{padding:7px 10px;font-size:14px}.group-chat-message-time{font-size:9px}.group-chat-composer{padding:8px 10px}.group-chat-composer-input{min-height:34px;padding:7px 10px;font-size:15px}.group-chat-composer-button{min-width:32px;min-height:32px;padding:5px;font-size:15px}}@supports (-webkit-touch-callout:none){.group-chat-input{font-size:16px!important}.group-chat-messages{-webkit-overflow-scrolling:touch}.message-menu-item,.reactions-modal-row,.message-reaction-item{min-height:44px}}@media (max-width:768px) and (orientation:landscape){.group-chat-messages{padding:12px 12px 100px}.reactions-modal,.message-info-modal{max-height:90vh}}@media (min-width:769px) and (max-width:1024px){.group-chat-message{max-width:70%}.reactions-modal,.message-info-modal{max-width:600px}}.modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:600px;max-height:90vh;margin:auto;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:24px;display:flex}.modal-header h3{color:var(--text);margin:0;font-size:20px;font-weight:600}@media (max-width:768px){.modal-header h3{font-size:18px}}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.modal-close-btn:hover{color:var(--text);background:#ffffff1a}.modal-content{flex-direction:column;flex:1;align-items:center;width:100%;padding:24px;display:flex;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.shared-component-type-selector{flex-direction:column;gap:16px;width:100%;max-width:500px;margin:0 auto;display:flex}.shared-component-type-card{cursor:pointer;background:#ffffff05;border:2px solid #6366f133;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:24px;transition:all .2s;display:flex}.shared-component-type-card:hover{border-color:var(--groups-primary);background:#6366f11a;transform:translateY(-2px)}.shared-component-type-card h4{color:var(--text);margin:0;font-size:18px;font-weight:600}@media (max-width:768px){.shared-component-type-card h4{font-size:16px}}.shared-component-type-card p{color:var(--text-muted);text-align:center;margin:0;font-size:14px}@media (max-width:768px){.shared-component-type-card p{font-size:13px}}.shared-component-form{flex-direction:column;gap:20px;width:100%;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text);font-size:13px;font-weight:600}.poll-choices-builder{flex-direction:column;gap:10px;display:flex}.poll-choice-row{align-items:center;gap:8px;display:flex}.poll-choice-remove{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.poll-choice-add{color:var(--groups-primary);cursor:pointer;background:#6366f126;border:1px dashed #6366f166;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:12px;display:inline-flex}.shared-request-card{border:1px solid #6366f140;border-left:3px solid var(--groups-primary);background:#6366f114;border-radius:12px 12px 12px 4px;flex-direction:column;gap:10px;margin:8px 0;padding:12px 14px;display:flex;position:relative;min-width:75%!important}@media (max-width:768px){.shared-request-card{gap:8px;max-width:85%;padding:10px 12px}}.shared-request-card-mine{border-left:none;border-right:3px solid var(--groups-primary);border-bottom-right-radius:4px;border-bottom-left-radius:12px;align-self:flex-end}.shared-request-card-theirs{align-self:flex-start}.shared-request-header{flex-direction:column;gap:6px;display:flex}.shared-request-type-badge{color:var(--groups-primary);background:#6366f126;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}@media (max-width:768px){.shared-request-type-badge{gap:4px;padding:3px 8px;font-size:11px}.shared-request-type-badge svg{width:12px;height:12px}}.shared-request-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}@media (max-width:768px){.shared-request-meta{gap:4px;font-size:10px}}.shared-request-time{opacity:.7;font-size:11px}@media (max-width:768px){.shared-request-time{font-size:10px}}.shared-request-expires{opacity:.7;color:#fbbf24;font-size:11px;font-weight:500}@media (max-width:768px){.shared-request-expires{font-size:10px}}.shared-request-response-counts{flex-wrap:wrap;gap:10px;margin-top:2px;font-size:11px;display:flex}@media (max-width:768px){.shared-request-response-counts{gap:8px;font-size:10px}}.shared-request-creator-notice{color:var(--groups-success);background:#4ade8014;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:4px 8px;font-size:11px;font-style:italic;display:flex}@media (max-width:768px){.shared-request-creator-notice{gap:4px;padding:3px 6px;font-size:10px}}.response-count-accepted{color:var(--groups-success);align-items:center;display:inline-flex}.response-count-declined{color:#f87171;align-items:center;display:inline-flex}.shared-request-content{background:#00000026;border-radius:8px;padding:10px}@media (max-width:768px){.shared-request-content{padding:8px}}.shared-request-preview{color:var(--text);word-break:break-word;font-size:14px;line-height:1.4}.shared-request-preview.poll-preview{flex-direction:column;gap:8px;display:flex}.poll-title{font-size:15px;font-weight:600}.poll-description{color:#ffffffbf;font-size:13px}.poll-choices{flex-direction:column;gap:8px;display:flex}.poll-choice{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.poll-choice:hover{border-color:#6366f180}.poll-choice.selected{border-color:#6366f1cc;box-shadow:0 0 0 1px #6366f166}.poll-choice-label{z-index:1;font-size:13px;font-weight:500}.poll-choice-count{color:#fffc;z-index:1;font-size:12px}.poll-choice-bar{z-index:0;background:#6366f133;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.poll-vote-status{color:#ffffffbf;font-size:12px}.poll-vote-summary{align-items:center}.poll-view-voters{color:var(--groups-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.poll-voters-list{max-height:420px;overflow-y:auto}.poll-voters-modal .poll-voters-section{border-bottom:1px solid #ffffff14;padding:12px 16px}.poll-voters-modal .poll-voters-section:last-child{border-bottom:none}.poll-voters-title{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:600}@media (max-width:768px){.shared-request-preview{font-size:13px}}.shared-request-actions{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}@media (max-width:768px){.shared-request-actions{gap:4px}.shared-request-actions button{white-space:nowrap;min-height:32px;padding:6px 10px!important;font-size:12px!important}.shared-request-actions button svg{width:12px;height:12px}}.shared-request-status{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}@media (max-width:768px){.shared-request-status{gap:4px;min-height:32px;padding:6px 10px;font-size:12px}.shared-request-status svg{width:12px;height:12px}}.shared-request-status.accepted{color:var(--groups-success);background:#4ade8026;border:1px solid #4ade804d}.shared-request-status.declined{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.shared-request-status.expired{color:var(--text-secondary);background:#9ca3af26;border:1px solid #9ca3af4d}.accepted-users-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.accepted-users-modal{background:var(--bg-elevated);border:1px solid #6366f14d;border-radius:12px;flex-direction:column;width:90%;max-width:400px;max-height:500px;display:flex;box-shadow:0 20px 25px -5px #0000004d}.accepted-users-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.accepted-users-modal-header h3{color:var(--text);margin:0;font-size:18px;font-weight:600}.accepted-users-list{flex-direction:column;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.accepted-user-item{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.accepted-user-item span{color:var(--text);font-size:14px;font-weight:500}.attachment-menu-overlay{z-index:9999;cursor:pointer;background:0 0;width:100vw;height:100vh;animation:.15s ease-out fadeIn;position:fixed;inset:0}.attachment-menu{background-color:var(--bg);border:1px solid rgba(var(--accent-rgb,99,102,241),.2);min-width:260px;box-shadow:0 8px 32px #0006,0 0 1px rgba(var(--accent-rgb,99,102,241),.3);z-index:10000;animation:attachmentMenuSlideUp .25s var(--spring-bounce);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:1;border-radius:16px;margin-bottom:12px;padding:8px;position:absolute;bottom:100%;left:0}[dir=rtl] .attachment-menu,.group-chat-container.rtl .attachment-menu{left:0;right:auto}@media (max-width:768px){[dir=rtl] .attachment-menu,.group-chat-container.rtl .attachment-menu{left:16px!important;right:auto!important}}@keyframes attachmentMenuSlideUp{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.attachment-menu-item{cursor:pointer;transition:all .2s var(--smooth-ease);text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;font-size:15px;font-weight:500;display:flex;position:relative;overflow:hidden}.attachment-menu-item:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f126 0%,#6366f10d 100%);border-radius:12px;transition:opacity .2s;position:absolute;inset:0}.attachment-menu-item:hover:before{opacity:1}.attachment-menu-item:hover{transform:translate(4px)}.attachment-menu-item:active{transform:translate(2px)scale(.98)}.attachment-menu-item svg{color:var(--groups-primary);z-index:1;font-size:18px;transition:transform .2s}.attachment-menu-item:hover svg{transform:scale(1.1)}.attachment-menu-item span{z-index:1;flex:1}.attachment-menu-item:first-child{animation-delay:0s}.attachment-menu-item:nth-child(2){animation-delay:50ms}.attachment-menu-item:nth-child(3){animation-delay:.1s}.attachment-menu-item:nth-child(4){animation-delay:.15s}.attachment-menu-item{animation:menuItemSlideIn .2s var(--spring-bounce)backwards}@keyframes menuItemSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.invite-links-list{margin-top:24px}.invite-links-list h3{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:600}.invite-link-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.invite-link-item:hover{background:#ffffff0d}.invite-link-item.inactive{opacity:.5}.invite-link-info{flex:1;min-width:0}.invite-link-code{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.invite-link-code code{color:var(--groups-primary);background:#6366f11a;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-weight:600}.invite-link-code .inactive-badge{color:var(--groups-danger);background:#ef444433;border-radius:4px;padding:2px 8px;font-size:12px}.invite-link-details{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.invite-link-actions{gap:8px;display:flex}.create-invite-link-form{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:20px}.create-invite-link-form h3{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:600}.create-invite-link-form .form-group{margin-bottom:16px}.create-invite-link-form .form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.create-invite-link-form .form-actions{gap:12px;margin-top:20px;display:flex}.create-invite-link-button{margin-bottom:24px}.join-group-page{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.join-group-container{width:100%;max-width:500px}.join-group-card{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;border-radius:16px;padding:40px;box-shadow:0 8px 24px #0003}.join-group-card h1{color:var(--text);margin:20px 0 12px;font-size:24px;font-weight:700}.join-group-card p{color:var(--text-secondary);margin-bottom:12px;font-size:16px}.join-group-card .invite-code{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;margin:24px 0;padding:16px}.join-group-card .invite-code code{color:var(--groups-primary);font-family:Courier New,monospace;font-size:20px;font-weight:600}.join-group-actions{flex-direction:column;gap:12px;margin-top:32px;display:flex}.join-group-card.success{border-color:#10b9814d}.join-group-card.error{border-color:#ef44444d}.group-preview{margin:24px 0}.group-preview .group-icon-large{margin-bottom:12px;font-size:64px}.group-preview .group-members{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.spinner{animation:1s linear infinite spin}.loading-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:14px}.events-page-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:clamp(1rem,4vw,2rem) clamp(.75rem,3vw,1rem)}.events-page-content{margin:0 auto}.events-page-header{margin-bottom:clamp(1.25rem,4vw,2rem)}.events-header-title-wrapper{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.events-header-icon{color:var(--primary)}.events-header-title{margin:0;font-size:clamp(1.5rem,5vw,1.875rem)}.events-header-subtitle{color:var(--text-secondary);margin:0;font-size:clamp(.875rem,2.5vw,1rem)}.events-loading-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.events-loading-content{text-align:center}.events-loading-spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}.events-tabs-container{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:.5rem;margin-bottom:1.5rem;padding-top:.25rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.events-tabs-container::-webkit-scrollbar{height:4px}.events-tabs-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.events-tab-button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:.375rem;flex-shrink:0;align-items:center;gap:.5rem;min-width:fit-content;padding:.625rem 1rem;font-size:.875rem;font-weight:400;transition:all .2s;display:flex}.events-tab-button.active{background:var(--primary);border-color:var(--primary);color:var(--text);font-weight:600}.events-tab-button:hover:not(.active){border-color:var(--primary);color:var(--text-primary)}.events-tab-label{display:inline}@media (max-width:640px){.events-tab-button{min-width:auto;padding:.625rem .75rem}.events-tab-label{display:none}.events-tab-button.active .events-tab-label{display:inline}}@media (max-width:480px){.events-tabs-container{gap:.375rem}.events-tab-button{padding:.5rem .625rem;font-size:.8125rem}.events-tab-label{display:inline}}.groups-header-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.groups-header-info{flex:1;min-width:200px}.groups-header-title{color:var(--text);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.groups-header-description{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem}.groups-tabs{gap:.5rem;margin-top:.75rem;display:flex}.groups-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.groups-tab:hover{color:#e5e7eb;border-bottom-color:var(--text-muted)}.groups-tab-active,.groups-tab-active:hover{color:#3b82f6;border-bottom-color:#3b82f6}@media (max-width:768px){.groups-header-card{flex-direction:column;align-items:flex-start;gap:1rem}.groups-header-title{font-size:1.25rem}.groups-header-actions{justify-content:flex-start;width:100%}}@media (max-width:640px){.groups-header-title{font-size:1.125rem}}.groups-header-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.groups-action-btn{flex-shrink:0;white-space:nowrap!important;visibility:visible!important;opacity:1!important;align-items:center!important;gap:.5rem!important;min-width:auto!important;padding:.625rem 1rem!important;font-size:.875rem!important;display:flex!important}.groups-action-btn-text{display:inline}@media (max-width:768px){.groups-header-actions{flex-direction:row;gap:.5rem}.groups-action-btn{flex:1;justify-content:center}}@media (max-width:640px){.groups-header-actions{gap:.375rem}.groups-action-btn{padding:.5rem .75rem!important;font-size:.8125rem!important}}@media (max-width:768px){.group-chat-composer-button{min-width:44px;min-height:44px;padding:10px}.message-swipe-indicator{width:44px;height:44px;font-size:18px}.voice-recorder-panel{border-radius:18px;gap:14px;padding:16px}.voice-recorder-control{border-radius:10px;min-width:44px;min-height:44px;padding:10px}.message-context-menu{padding:8px 8px 24px;max-width:100%!important;animation:contextMenuSlideUp .3s var(--spring-bounce)!important;border-radius:20px 20px 0 0!important;position:fixed!important;inset:auto 0 0!important}@keyframes contextMenuSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.message-menu-item{min-height:52px;padding:16px;font-size:16px}.attachment-menu{width:auto!important;min-width:auto!important;max-width:calc(100vw - 24px)!important;position:fixed!important;inset:auto 12px 80px!important}.attachment-menu-item{min-height:54px;padding:16px 18px;font-size:16px}.composer-reply-preview{border-radius:10px;margin-bottom:10px;padding:10px 12px}.composer-reply-close{min-width:36px;min-height:36px}.group-chat-message{max-width:88%;transition:none}.group-chat-message-bubble:hover{box-shadow:none;transform:none}.group-chat-message-bubble:active{transition:transform .1s;transform:scale(.98)}.message-reaction-item{min-height:32px;margin-left:-4px;padding:6px 10px}.message-reaction-emoji{font-size:16px}}@media (min-width:769px) and (max-width:1024px){.group-chat-message{max-width:75%}.group-chat-composer{max-width:100%;margin:0;padding:16px 20px}.group-chat-messages{padding:20px 24px 80px}.attachment-menu{min-width:280px}}@media (min-width:1025px){.group-chat-container{max-width:100%;margin:0}.group-chat-messages{padding:24px 32px 80px}.group-chat-message{max-width:60%}.group-chat-composer{max-width:100%;margin:0;padding:16px 24px}}@media (pointer:coarse){.group-chat-composer-button{min-width:48px;min-height:48px}.voice-recorder-stop{padding:10px 16px;font-size:14px}.group-chat-message-bubble:hover{transform:none}.message-swipe-container{-webkit-tap-highlight-color:transparent}.group-chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}@media (max-width:896px) and (max-height:450px) and (orientation:landscape){.group-chat-composer{border-radius:16px;padding:8px 16px}.group-chat-composer-input{min-height:36px;max-height:48px;padding:8px 14px}.group-chat-messages{padding:8px 16px 70px}.group-chat-message-bubble{padding:8px 12px}.message-context-menu{max-height:50vh!important;overflow-y:auto!important}}@supports (padding:env(safe-area-inset-bottom)){.group-chat-composer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.message-context-menu{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}.attachment-menu{bottom:calc(80px + env(safe-area-inset-bottom))!important}}@media (prefers-reduced-motion:reduce){.group-chat-message,.message-swipe-container,.voice-recorder-panel,.attachment-menu,.message-context-menu,.composer-reply-preview{transition:opacity .2s!important;animation:none!important}.voice-recorder-dot{animation:none!important}.voice-waveform-placeholder{background:#ef444433!important;animation:none!important}.group-chat-composer-mic.recording{animation:none!important;box-shadow:0 0 0 4px #ef44444d!important}}@media (prefers-color-scheme:dark){.message-swipe-indicator{box-shadow:0 4px 20px #6366f180}.voice-recorder-panel{box-shadow:0 4px 24px #ef444433}.attachment-menu{box-shadow:0 8px 40px #00000080}}.group-chat-container.rtl{text-align:right;direction:rtl}.group-chat-container.rtl .group-chat-header{flex-direction:row-reverse}.group-chat-container.rtl .group-chat-header-info{text-align:right}.group-chat-container.rtl .groups-back-button{transform:scaleX(-1)}.group-chat-container.rtl .group-chat-messages{direction:ltr}.group-chat-container.rtl .group-chat-message-mine{align-self:flex-start!important;align-items:flex-start!important}.group-chat-container.rtl .group-chat-message-theirs{align-self:flex-end!important;align-items:flex-end!important}.group-chat-container.rtl .group-chat-message-bubble{text-align:right;direction:rtl}.group-chat-container.rtl .group-chat-message-mine .group-chat-message-bubble{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:4px}.group-chat-container.rtl .group-chat-message-theirs .group-chat-message-bubble{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:4px}.group-chat-container.rtl .group-chat-message-time{text-align:left}.group-chat-container.rtl .group-chat-message-sender{text-align:right}.group-chat-container.rtl .message-reply-preview{flex-direction:row-reverse}.group-chat-container.rtl .message-reply-bar{order:1}.group-chat-container.rtl .message-reply-content{text-align:right}.group-chat-container.rtl .composer-input-row{flex-direction:row-reverse}.group-chat-container.rtl .composer-reply-preview{border-left:none;border-right:4px solid var(--groups-primary);flex-direction:row-reverse}.group-chat-container.rtl .composer-reply-content{text-align:right}.group-chat-container.rtl .composer-edit-preview{border-left:none;border-right:4px solid #fbbf24;flex-direction:row-reverse}.group-chat-container.rtl .voice-recorder-status,.group-chat-container.rtl .voice-recorder-hint,.group-chat-container.rtl .voice-recorder-controls,.group-chat-container.rtl .voice-recorder-locked,.group-chat-container.rtl .voice-review-actions,.group-chat-container.rtl .voice-review-button{flex-direction:row-reverse}.group-chat-container.rtl .swipe-lock-indicator{left:20px;right:auto}.group-chat-container.rtl .swipe-cancel-indicator{left:auto;right:20px}.group-chat-container.rtl .attachment-menu{left:0!important;right:auto!important}.group-chat-container.rtl .attachment-menu-item{text-align:right;flex-direction:row-reverse}.group-chat-container.rtl .attachment-menu-item:hover{transform:translate(-4px)}.group-chat-container.rtl .message-menu-item{text-align:right;flex-direction:row-reverse}.group-chat-container.rtl .message-reactions{flex-direction:row-reverse;justify-content:flex-end}.group-chat-container.rtl .message-reaction-item{margin-left:-6px;margin-right:0}.group-chat-container.rtl .pinned-message-bar{flex-direction:row-reverse}.group-chat-container.rtl .pinned-message-content{text-align:right;flex-direction:row-reverse}.group-chat-container.rtl .group-chat-unread-separator{flex-direction:row-reverse}.group-chat-container.rtl .system-message-text{direction:rtl}.group-chat-container.rtl .message-forwarded-indicator{flex-direction:row-reverse}.group-chat-container.rtl .message-image-container{direction:ltr}.group-chat-container.rtl .message-location-card{text-align:right;flex-direction:row-reverse}.group-chat-container.rtl .audio-message-player{flex-direction:row-reverse}.group-chat-container.rtl .audio-message-duration{text-align:left}.group-chat-container.rtl .poll-choice{text-align:right}.group-chat-container.rtl .poll-choice-bar{left:auto;right:0}.group-chat-container.rtl .shared-request-card-mine{border-right:none;border-left:3px solid var(--groups-primary);align-self:flex-start}.group-chat-container.rtl .shared-request-card-theirs{border-left:none;border-right:3px solid var(--groups-primary);align-self:flex-end}.group-chat-container.rtl .mention-suggestions{left:0;right:auto}.group-chat-container.rtl .message-swipe-indicator svg{transform:scaleX(-1)}.ai-center-page{color:var(--text)}.ai-center-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.ai-center-tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;gap:6px;padding:6px;display:inline-flex}.ai-center-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13px;transition:all .2s}.ai-center-tab.active{background:var(--primary-alpha);color:var(--primary)}.ai-center-body{flex-direction:column;flex:1;gap:16px;width:100%;max-width:100%;margin:0;display:flex;overflow:hidden}.ai-quota-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;gap:20px;padding:12px 20px;font-size:13px;display:flex}.ai-quota-item{align-items:center;gap:8px;display:flex}.ai-quota-label{color:var(--text-muted);font-weight:500}.ai-quota-value{color:var(--primary);font-weight:600}.ai-center-column{flex-direction:column;gap:20px;display:flex}.ai-panel{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:14px;padding:20px}.ai-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.ai-panel-header h3{margin:0;font-size:16px}.ai-panel-header p{color:var(--text-muted);margin:6px 0 0;font-size:12px}.ai-link-button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:12px}.ai-textarea{background:var(--bg-surface);border:1px solid var(--border);width:100%;min-height:130px;color:var(--text);resize:vertical;border-radius:12px;padding:12px;font-size:13px}.ai-select{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:13px}.ai-panel-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.ai-quota{color:var(--text-muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.ai-error{color:var(--error);background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}.ai-error .ai-icon{flex-shrink:0;font-size:16px}.ai-draft-output,.ai-execution-output{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);white-space:pre-wrap;border-radius:12px;margin:0;padding:12px;font-size:13px;line-height:1.5}.ai-draft-hint{margin-top:8px;font-size:12px}.ai-output{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);border-radius:12px;margin-top:14px;padding:12px;font-size:13px}.ai-output-title{margin-bottom:8px;font-weight:600}.ai-history-list{flex-direction:column;gap:12px;display:flex}.ai-history-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.ai-history-title{color:var(--text);font-size:13px;font-weight:600}.ai-history-meta{color:var(--text-muted);font-size:11px}.ai-history-actions{gap:12px;display:flex}.ai-muted{color:var(--text-muted);font-size:13px}.ai-brief-list{color:var(--text);flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.ai-recent-list{flex-direction:column;gap:10px;display:flex}.ai-recent-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.ai-pill{text-transform:capitalize;background:var(--primary-alpha);color:var(--primary-light);border-radius:999px;padding:2px 8px;font-size:11px}.ai-pill.user{background:var(--primary-dark)}.ai-chat-panel{flex-direction:column;min-height:380px;display:flex}.ai-chat-messages{flex-direction:column;flex:1;gap:12px;max-height:420px;margin-bottom:16px;display:flex;overflow-y:auto}.ai-chat-bubble{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.ai-chat-bubble.user{background:var(--primary-alpha);border-color:var(--primary-border);align-self:flex-end}.ai-chat-role{color:var(--text-muted);text-transform:capitalize;margin-bottom:6px;font-size:11px}.ai-chat-composer{align-items:center;gap:10px;display:flex}.ai-actions-grid{flex-wrap:wrap;gap:10px;display:flex}.ai-chip{border:1px solid var(--primary-border);background:var(--bg-surface);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:12px}.ai-chip:disabled{opacity:.6;cursor:not-allowed}.ai-modal-backdrop{background:var(--backdrop);z-index:9999;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ai-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;width:min(560px,100%);padding:20px}.ai-modal-body{flex-direction:column;gap:16px;display:flex}.ai-draft-payload{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px;font-size:12px}.ai-modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.ai-insights-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.ai-insights-filters{margin-top:16px;margin-bottom:16px}.ai-filter-chips{flex-wrap:wrap;gap:8px;display:flex}.ai-chip.active{background:var(--primary-alpha);border-color:var(--primary-border);color:var(--primary-light)}.ai-insights-controls{align-items:center;gap:12px;display:flex}.ai-empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.ai-insights-notice{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;margin-top:24px;padding:16px}.ai-insights-notice p{margin:0;font-size:13px;line-height:1.6}.ai-insight-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:16px}.ai-insight-card h3{margin:0 0 8px;font-size:14px}.ai-insight-value{color:var(--primary-light);margin:0 0 6px;font-size:22px}.ai-insight-module{background:var(--primary-alpha);color:var(--primary-light);text-transform:capitalize;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;display:inline-block}.ai-insight-meta{color:var(--text-muted);margin-top:8px;font-size:11px;display:block}.ai-automation-list{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.ai-automation-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:16px}.ai-automation-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ai-automation-header h4{color:var(--text);margin:0;font-size:14px}.ai-status-badge{text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.ai-status-preview{background:var(--warning-bg);color:var(--warning)}.ai-status-enabled{background:var(--success-bg);color:var(--success)}.ai-status-disabled{background:var(--muted-bg);color:var(--text-muted)}.ai-automation-body{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ai-automation-body p{color:var(--text);margin:0;font-size:13px}.ai-automation-actions{border-top:1px solid var(--border);gap:12px;padding-top:12px;display:flex}.ai-automation-notice{background:var(--primary-subtle);border:1px solid var(--primary-alpha);border-radius:10px;padding:12px}.ai-command-interface{flex-direction:column;gap:16px;height:100%;display:flex;overflow:hidden}.ai-assistant-question{background:var(--primary-subtle);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:12px}.ai-quota-display{color:var(--text-muted);text-align:right;flex-direction:column;gap:4px;font-size:11px;display:flex}.ai-quota-item{background:var(--bg-surface);border-radius:6px;padding:4px 8px}.ai-quick-answers{gap:8px;margin-bottom:12px;display:flex}.ai-quick-answer-btn{background:var(--primary-subtle);border:1px solid var(--primary-alpha);color:var(--primary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.ai-quick-answer-btn:hover{background:var(--primary-alpha);border-color:var(--primary-border)}.ai-command-examples{flex-direction:column;gap:8px;display:flex}.ai-example-chips{flex-wrap:wrap;gap:8px;display:flex}.ai-example-chip{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;transition:all .2s}.ai-example-chip:hover{background:var(--primary-subtle);border-color:var(--primary-alpha);color:var(--text)}.ai-command-input{min-height:100px!important}.ai-command-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.ai-command-row-actions{flex-direction:column;gap:10px;min-width:140px;display:flex}@media (max-width:720px){.ai-command-row{flex-direction:column}.ai-command-row-actions{flex-direction:row;justify-content:flex-end;width:100%}}.ai-command-status{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.ai-spinner{border:3px solid var(--primary-alpha);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.ai-command-confirmation,.ai-command-clarification{flex-direction:column;gap:16px;display:flex}.ai-command-confirmation h4,.ai-command-clarification h4{color:var(--text);margin:0;font-size:16px}.ai-command-preview{background:var(--primary-subtle);border:1px solid var(--border);border-radius:10px;padding:12px}.ai-command-preview p{color:var(--text);margin:0;font-size:14px}.ai-command-inferred{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:12px}.ai-command-inferred ul{margin:8px 0 0;padding-left:20px;list-style:outside}.ai-command-inferred li{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.ai-command-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.ai-clarification-fields{flex-direction:column;gap:12px;display:flex}.ai-clarification-field{flex-direction:column;gap:6px;display:flex}.ai-clarification-field label{color:var(--text-muted);text-transform:capitalize;font-size:13px}.ai-clarification-input{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:13px}.ai-command-result{border-radius:10px;padding:16px;font-size:14px}.ai-command-result.success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-light)}.ai-command-result.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-light)}.ai-result-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ai-result-header-title{align-items:center;gap:8px;display:flex}.ai-result-header-title .ai-icon{font-size:20px}.ai-result-header-title .ai-icon-success{color:var(--success-light)}.ai-result-header-title .ai-icon-warning{color:var(--warning)}.ai-result-header h4{margin:0;font-size:16px}.ai-result-actions{justify-content:center;margin-top:16px;display:flex}.ai-draft-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.ai-draft-header-title{align-items:center;gap:8px;display:flex}.ai-draft-header-title .ai-icon{color:var(--primary);font-size:16px}.ai-draft-header h4{color:var(--text);margin:0;font-size:16px}.ai-chat-container{background:var(--bg-elevated);border:1px solid var(--border);height:calc(100vh - 280px);min-height:500px;box-shadow:0 4px 20px var(--shadow);border-radius:16px;flex-direction:column;margin-bottom:0;padding:0;display:flex;overflow:hidden}.ai-chat-header{background:var(--bg-surface);border-bottom:1px solid var(--border);color:var(--text);flex-shrink:0;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.ai-chat-header .ai-icon{color:var(--primary);font-size:18px}.ai-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.ai-mode-toggle{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.ai-mode-toggle:hover:not(:disabled){background:var(--bg-surface-alt);border-color:var(--primary)}.ai-mode-toggle:disabled{opacity:.6;cursor:not-allowed}.ai-mode-toggle.ai-mode-auto{background:var(--success-bg);border-color:var(--success);color:var(--success)}.ai-mode-toggle.ai-mode-auto:hover:not(:disabled){background:var(--success);color:var(--white)}.ai-mode-toggle.ai-mode-confirm{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary)}.ai-mode-toggle.ai-mode-confirm:hover:not(:disabled){background:var(--primary);color:var(--white)}.ai-mode-icon{font-size:14px}.ai-mode-label{line-height:1}.ai-clear-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:all .2s;display:flex}.ai-clear-button:hover{background:var(--error-bg);color:var(--error)}.ai-chat-messages{background:var(--bg-surface-alt);background-image:radial-gradient(circle at 20% 50%,var(--pattern-1)0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--pattern-2)0%,transparent 50%);flex-direction:column;flex:1;gap:14px;min-height:200px;padding:20px;display:flex;overflow-y:auto}.ai-chat-empty{height:100%;min-height:200px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.ai-chat-input-section{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.ai-chat-input-section .ai-input-container{background:0 0;border:none;border-radius:0;margin:0;padding:12px}.ai-chat-bubble-container{width:100%;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ai-chat-user{justify-content:flex-end}.ai-chat-assistant{justify-content:flex-start}.ai-chat-bubble{max-width:80%;box-shadow:0 1px 4px var(--shadow);word-wrap:break-word;border-radius:12px;padding:10px 14px}.ai-chat-user .ai-chat-bubble{background:var(--primary-gradient);border:1px solid var(--primary-border);border-bottom-right-radius:2px}.ai-chat-assistant .ai-chat-bubble{background:var(--bg-elevated);border:1px solid var(--border);border-bottom-left-radius:2px}.ai-chat-bubble-header{text-transform:uppercase;opacity:.7;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.ai-chat-user .ai-chat-bubble-header{color:var(--primary-light)}.ai-chat-assistant .ai-chat-bubble-header{color:var(--secondary-light)}.ai-bubble-icon{font-size:12px}.ai-chat-bubble-content{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5}.ai-chat-bubble-meta{border-top:1px solid var(--border);color:var(--text-muted);margin-top:8px;padding-top:8px;font-size:11px;font-weight:500}.ai-capabilities-section{margin-bottom:24px}.ai-capabilities-title{color:var(--text);text-align:center;margin:0 0 20px;font-size:18px;font-weight:600}.ai-capabilities-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.ai-capability-card{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;padding:18px;transition:all .3s;display:flex;position:relative;overflow:hidden}.ai-capability-card:before{content:"";background:var(--card-color);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.ai-capability-card:hover{background:var(--bg-elevated-hover);border-color:var(--card-color);box-shadow:0 8px 20px var(--shadow-lg);transform:translateY(-2px)}.ai-capability-card:hover:before{opacity:1}.ai-capability-icon{background:var(--card-icon-bg);width:40px;height:40px;color:var(--card-color);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;font-size:20px;display:flex}.ai-capability-card:hover .ai-capability-icon{background:var(--card-color);color:var(--card-icon-hover)}.ai-capability-title{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.ai-capability-description{color:var(--text-muted);margin:0 0 12px;font-size:12px;line-height:1.4}.ai-capability-example{color:var(--text-muted);background:var(--bg-surface);border-left:2px solid var(--card-color);border-radius:8px;margin-top:10px;padding:8px 10px;font-size:11px;font-style:italic}.ai-command-help{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.ai-command-help h4{color:var(--text);margin:0 0 16px;font-size:14px}.ai-command-help-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.ai-command-help-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.ai-command-help-item strong{color:var(--primary);margin-bottom:4px;font-size:12px;display:block}.ai-locked-panel{text-align:center}@media (max-width:960px){.ai-center-header{flex-direction:column;align-items:flex-start}.ai-center-body{grid-template-columns:1fr}.ai-chat-composer{flex-direction:column;align-items:stretch}}.ai-icon{vertical-align:middle;display:inline-block}.ai-spinner{color:var(--primary);font-size:20px;animation:1s linear infinite spin;display:inline-block}.ai-spinner from{transform:rotate(0)}.ai-spinner to{transform:rotate(360deg)}.ai-command-status{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:8px;margin-top:12px;padding:16px;display:flex}.ai-command-status p{color:var(--text-muted);margin:0;font-size:13px}.ai-input-container{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;align-items:flex-end;gap:10px;width:100%;margin-top:16px;padding:10px;display:flex}.ai-message-input{background:var(--bg-surface);border:1px solid var(--border);min-width:0;max-height:200px;color:var(--text);resize:none;border-radius:8px;flex:1;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.5;overflow-y:auto;min-height:48px!important}.ai-message-input:focus{border-color:var(--primary-border);outline:none}.ai-send-button{background:var(--primary-gradient-solid);height:48px;color:var(--text);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn.ai-send-button{flex:0 0 48px;width:48px;min-width:48px;height:48px;padding:0}.ai-send-button:hover:not(:disabled){background:var(--primary-gradient-solid-hover);transform:scale(1.05)}.ai-send-button:disabled{opacity:.5;cursor:not-allowed}.ai-send-button svg{width:18px;height:18px}.ai-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.ai-action-buttons button{flex:1;min-width:100px}.ai-chat-bubble .ai-action-buttons{border-top:1px solid #94a3b826;margin-top:12px;padding-top:12px}.ai-chat-bubble .ai-action-buttons button{min-width:90px;padding:8px 16px;font-size:13px}.ai-executing-state{justify-content:center;padding:20px}.ai-executing-state .ai-command-status{background:0 0;border:none;margin:0;padding:0}@media (max-width:768px){.ai-center-header{flex-direction:column;align-items:stretch;gap:12px}.ai-center-tabs{justify-content:center;width:100%}.ai-quota-bar{flex-direction:column;gap:10px;padding:10px 14px}.ai-chat-container{border-radius:12px;height:calc(100vh - 320px);min-height:400px}.ai-chat-messages{gap:12px;padding:14px}.ai-chat-bubble{max-width:85%;padding:9px 12px}.ai-chat-bubble-content{font-size:14px}.ai-chat-header{padding:12px 14px;font-size:13px}.ai-chat-input-section{padding:10px}.ai-input-container{margin-top:0;padding:8px}.ai-message-input{padding:10px 12px;font-size:16px;min-height:44px!important}.ai-send-button,.btn.ai-send-button{flex:0 0 44px;width:44px;min-width:44px;height:44px}.ai-capabilities-grid{grid-template-columns:1fr;gap:12px}.ai-capability-card{padding:14px}.ai-action-buttons{flex-direction:column-reverse;gap:8px}.ai-action-buttons button{width:100%;min-width:auto}}.plan-page{width:100%;min-height:100vh;padding:24px;overflow-y:auto}.plan-page-container{max-width:1200px;margin:0 auto}.plan-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.plan-page-title{color:var(--text);background:linear-gradient(135deg,var(--primary-grad-start),var(--primary-grad-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:700}.dev-plan-setter{position:relative}.dev-plan-toggle{background:var(--bg-elevated);border:1px solid var(--warning);color:var(--warning);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.dev-plan-toggle:hover{background:#f59e0b1a;box-shadow:0 0 10px #f59e0b4d}.dev-plan-menu{background:var(--bg-surface);border:1px solid var(--border);z-index:100;border-radius:8px;flex-direction:column;gap:4px;min-width:150px;padding:8px;animation:.2s ease-out corexFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 12px #0000004d}.dev-plan-menu button{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .2s}.dev-plan-menu button:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary)}.plan-loading,.plan-error{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:16px}.plan-error{background:var(--bg-surface);border:1px solid var(--status-error);color:var(--status-error);border-radius:12px;box-shadow:0 0 20px #f443}.pending-banner{background:var(--bg-surface);border:1px solid var(--primary);box-shadow:0 0 20px var(--primary-glow-soft);border-radius:12px;align-items:center;gap:16px;margin-bottom:32px;padding:20px;animation:.3s ease-out corexFadeIn;display:flex}.pending-banner-approved{border-color:#10b981;box-shadow:0 0 20px #10b9814d}.pending-banner-approved .pending-banner-icon{color:#10b981}.pending-banner-rejected{border-color:#ef4444;box-shadow:0 0 20px #ef44444d}.pending-banner-rejected .pending-banner-icon{color:#ef4444}.pending-banner-pending{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow-soft)}.pending-banner-pending .pending-banner-icon{color:var(--primary)}.pending-banner-icon{color:var(--primary);flex-shrink:0;font-size:32px}.pending-banner-content{flex:1}.pending-banner-content strong{color:var(--text);margin-bottom:6px;font-size:16px;display:block}.pending-banner-content p{color:var(--text-muted);margin:0;font-size:14px}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px;display:grid}.plan-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:28px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0003}.plan-card:hover{box-shadow:0 8px 24px #0000004d,var(--glow-primary);border-color:var(--primary);transform:translateY(-4px)}.plan-card-free{border-color:var(--border)}.plan-card-plus{border-color:var(--primary);box-shadow:0 4px 12px #0003,0 0 10px var(--primary-glow-soft)}.plan-card-pro{border-color:var(--warning);box-shadow:0 4px 12px #0003,0 0 10px #f59e0b4d}.plan-card-header{text-align:center;margin-bottom:20px}.plan-icon{margin-bottom:12px;font-size:48px}.plan-card-free .plan-icon{color:var(--text)}.plan-card-plus .plan-icon{color:var(--primary)}.plan-card-pro .plan-icon{color:var(--warning)}.plan-name{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:700}.plan-price{color:var(--primary);margin-bottom:12px;font-size:28px;font-weight:700}.plan-card-pro .plan-price{color:var(--warning)}.plan-description{color:var(--text-muted);text-align:center;margin-bottom:20px;font-size:14px;line-height:1.5}.plan-features{flex:1;margin-bottom:24px}.plan-feature{color:var(--text);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.plan-feature .feature-icon{color:var(--success);flex-shrink:0;font-size:16px}.plan-card-footer{margin-top:auto}.plan-button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.plan-button-current{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);cursor:not-allowed}.plan-button-upgrade{background:linear-gradient(135deg,var(--primary-grad-start),var(--primary-grad-end));color:var(--bg);box-shadow:0 0 20px var(--primary-glow-soft)}.plan-button-upgrade:hover{box-shadow:0 0 30px var(--primary-glow);transform:translateY(-2px)}.plan-button-downgrade{color:var(--text-muted);border:1px solid var(--border);background:0 0}.plan-button-downgrade:hover{background:var(--bg-elevated);border-color:var(--status-error);color:var(--status-error)}.custom-plan-section{background:var(--bg-surface);border:1px solid var(--border);text-align:center;border-radius:12px;margin-bottom:48px;padding:32px;box-shadow:0 4px 12px #0003}.section-title{color:var(--text);margin-bottom:12px;font-size:24px;font-weight:600}.section-description{color:var(--text-muted);margin-bottom:20px;font-size:14px}.custom-plan-button{background:linear-gradient(135deg,var(--primary-grad-start),var(--primary-grad-end));color:var(--bg);cursor:pointer;box-shadow:0 0 20px var(--primary-glow-soft);border:none;border-radius:10px;padding:12px 28px;font-size:16px;font-weight:600;transition:all .3s}.custom-plan-button:hover{box-shadow:0 0 30px var(--primary-glow);transform:translateY(-2px)}.payment-continue-button{cursor:pointer;width:100%;color:var(--text);background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #06b6d44d}.payment-continue-button:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0e7490);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480}.payment-continue-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.payment-instructions{background:var(--bg-surface);border:1px solid var(--border);box-shadow:0 4px 12px #0003,0 0 15px var(--primary-glow-soft);border-radius:12px;padding:32px}.payment-steps{flex-direction:column;gap:20px;display:flex}.payment-method-card{cursor:pointer;text-align:left;background:#3b82f60d;border:2px solid #3b82f64d;border-radius:8px;width:100%;padding:20px;transition:all .2s}.payment-method-card h3{margin:0 0 8px}.payment-method-card:focus{outline:none;box-shadow:0 0 8px #3b82f633}.payment-step{align-items:flex-start;gap:16px;display:flex}.payment-step-number{background:linear-gradient(135deg,var(--primary-grad-start),var(--primary-grad-end));width:36px;height:36px;color:var(--bg);box-shadow:0 0 15px var(--primary-glow-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.payment-step p{color:var(--text);margin:0;padding-top:6px;font-size:15px;line-height:1.6}.payment-step strong{color:var(--primary);font-weight:600}.modal-content{background:var(--bg-surface);border:1px solid var(--border);width:100%;max-width:500px;box-shadow:0 8px 32px #0006,0 0 20px var(--primary-glow-soft);border-radius:16px;animation:.3s ease-out corexSlideUp}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{color:var(--text);margin:0;font-size:20px;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;transition:color .2s}.modal-close:hover{color:var(--status-error)}.modal-body{padding:24px}.form-group label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input,.form-textarea{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow-soft);outline:none}.form-textarea{resize:vertical;min-height:120px}.modal-footer{border-top:1px solid var(--border);gap:12px;padding:20px 24px;display:flex}.modal-button{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.modal-button:disabled{opacity:.5;cursor:not-allowed}.modal-button-cancel{color:var(--text-muted);border:1px solid var(--border);background:0 0}.modal-button-cancel:hover:not(:disabled){background:var(--bg-elevated)}.modal-button-submit{background:linear-gradient(135deg,var(--primary-grad-start),var(--primary-grad-end));color:var(--bg);box-shadow:0 0 20px var(--primary-glow-soft)}.modal-button-submit:hover:not(:disabled){box-shadow:0 0 30px var(--primary-glow);transform:translateY(-2px)}@keyframes corexSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.plan-page{padding:16px}.plan-page-title{font-size:24px}.dev-plan-setter,.dev-plan-toggle{width:100%}.dev-plan-menu{width:100%;left:0;right:0}.plans-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.plan-button{white-space:normal;word-break:break-word;padding:12px 16px;font-size:14px}.plan-card{padding:20px}.custom-plan-section,.payment-instructions{margin-bottom:32px;padding:20px}.section-title{font-size:20px}.payment-steps{gap:16px}.payment-step{text-align:center;flex-direction:column;align-items:center}.modal-content{max-width:100%}.plan-page-header{flex-direction:column;align-items:flex-start}.plans-grid{grid-template-columns:1fr;gap:16px}.pending-banner{text-align:center;flex-direction:column;padding:16px}.pending-banner-icon{margin-bottom:12px}}@media (max-width:480px){.plan-page{padding:12px}.plan-page-title{font-size:20px}.plan-card{padding:16px}.plan-icon{font-size:36px}.plan-name{font-size:20px}.plan-price{font-size:24px}.modal-header,.modal-body,.modal-footer{padding:16px}.dev-plan-toggle{padding:6px 12px;font-size:11px}}.bybit-checkout-page{background:var(--background-color,#0f172a);min-height:100vh;padding:20px}.checkout-container{max-width:800px;margin:0 auto;padding:20px}.btn-back-inline{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.btn-back-inline:hover{background:#94a3b81a;border-color:#94a3b880}.checkout-title{color:#f1f5f9;text-align:center;margin-bottom:24px;font-size:32px;font-weight:700}.manual-verification-banner{background:linear-gradient(135deg,#f59e0b1a,#fbbf240d);border:2px solid #f59e0b66;border-radius:12px;margin-bottom:32px;padding:20px}.manual-verification-banner h3{color:#f59e0b;align-items:center;gap:8px;margin:0 0 12px;font-size:18px;font-weight:700;display:flex}.manual-verification-banner p{color:var(--text-secondary);margin:0 0 12px;font-size:15px;line-height:1.6}.manual-verification-banner p:last-child{margin-bottom:0}.banner-hint{font-style:italic;color:#9ca3af!important;font-size:13px!important}.checkout-section{background:#1e293b80;border:1px solid #94a3b833;border-radius:12px;margin-bottom:20px;padding:24px}.section-hint{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.plan-summary{flex-direction:column;gap:8px;display:flex}.plan-name{color:#a78bfa;font-size:20px;font-weight:700}.plan-description{color:var(--text-secondary);font-size:14px;line-height:1.5}.plan-details-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-label{color:var(--text-secondary);font-size:13px;font-weight:500}.detail-value{color:#f1f5f9;font-size:15px;font-weight:600}.detail-value.highlight{color:#a78bfa;font-size:18px}.bybit-instructions{margin-top:16px}.bybit-instructions h3{color:#f1f5f9;font-size:16px;font-weight:600}.net-amount-display{flex-direction:column;gap:16px;display:flex}.amount-breakdown{background:#a855f71a;border:1px solid #a855f74d;border-radius:8px;padding:16px}.breakdown-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 0;font-size:15px;display:flex}.breakdown-row.discount{color:#10b981;font-weight:600}.breakdown-row.total{border-top:2px solid #a855f74d;margin-top:8px;padding-top:12px;font-size:18px;font-weight:700}.net-amount-value{color:#a78bfa;font-size:24px}.amount-display-simple{background:#a855f71a;border:1px solid #a855f74d;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.btn-copy-amount{color:#a78bfa;cursor:pointer;background:#a855f733;border:1px solid #a855f766;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-copy-amount:hover{background:#a855f74d;transform:translateY(-1px)}.payment-method-display{flex-direction:column;gap:8px;display:flex}.method-badge{color:#a78bfa;background:#a855f733;border-radius:8px;width:fit-content;padding:8px 16px;font-size:16px;font-weight:600;display:inline-block}.method-description{color:var(--text-secondary);font-size:14px}.amount-display{background:#a855f71a;border:1px solid #a855f74d;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.amount-value{color:#a78bfa;font-size:32px;font-weight:700}.amount-currency{color:var(--text-secondary);font-size:20px}.btn-copy{color:#a78bfa;cursor:pointer;background:#a855f733;border:1px solid #a855f766;border-radius:6px;margin-left:auto;padding:8px 12px;transition:all .2s}.btn-copy:hover{background:#a855f74d}.payment-instructions{color:var(--text-secondary);margin:0;padding-left:20px;line-height:1.8}.payment-instructions li{margin-bottom:8px}.payment-note{color:#f59e0b;align-items:center;gap:8px;margin:16px 0 0;font-size:14px;display:flex}.qr-code-container{background:#a855f70d;border:2px solid #a855f74d;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.qr-code-image{border:1px solid #a855f733;border-radius:8px;max-width:100%;height:auto}.qr-code-hint{color:var(--text-muted);text-align:center;margin:0;font-size:13px}.input-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-field{color:#f1f5f9;background:#1e293bcc;border:1px solid #94a3b84d;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .2s}.input-field:focus{background:#1e293bf2;border-color:#a78bfa;outline:none}.input-field::placeholder{color:#64748b}.proof-upload-area{width:100%}.upload-label{cursor:pointer;display:block}.upload-input{display:none}.upload-placeholder{background:#1e293b80;border:2px dashed #94a3b84d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;transition:all .2s;display:flex}.upload-placeholder:hover{background:#1e293bb3;border-color:#a855f780}.upload-placeholder p{color:var(--text-secondary);margin:0;font-size:16px}.upload-hint{color:#9ca3af!important;font-size:13px!important}.proof-preview{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.preview-image{border:1px solid #94a3b84d;border-radius:8px;max-width:100%;max-height:400px}.btn-remove-proof{color:var(--text);cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.btn-remove-proof:hover{background:#dc2626}.checkout-actions{justify-content:center;margin-top:32px;display:flex}.btn-submit{color:var(--text);cursor:pointer;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #a855f74d}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 16px #a855f766}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.checkout-error{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:60px 24px;display:flex}.checkout-error h2{color:#ef4444;margin:0;font-size:24px;font-weight:600}.btn-back{color:#60a5fa;cursor:pointer;background:#3b82f633;border:1px solid #3b82f666;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;transition:all .2s;display:inline-flex}.btn-back:hover{background:#3b82f64d}.checkout-success{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:60px 24px;display:flex}.checkout-success h2{color:#10b981;margin:0;font-size:28px;font-weight:700}.success-message{color:var(--text-secondary);max-width:500px;margin:0;font-size:16px;line-height:1.6}.success-hint{color:var(--text-secondary);margin:0;font-size:14px}.success-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.btn-primary{color:var(--text);cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.btn-secondary{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b866;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#94a3b81a;border-color:#94a3b899}@media (max-width:768px){.checkout-container{padding:12px}.checkout-title{font-size:24px}.checkout-section{padding:16px}.amount-value{font-size:24px}.amount-currency{font-size:16px}.plan-details-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:1}.success-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}}.legal-page{color:#e5e7eb;background:#0a0e1a;width:100%;min-height:100vh;padding:40px 24px}.legal-container{max-width:800px;margin:0 auto}.legal-back-button{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:32px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.legal-back-button:hover{background:var(--bg-hover);border-color:var(--border-hover)}.legal-back-button svg{font-size:18px}.legal-header{text-align:center;border-bottom:2px solid var(--border);margin-bottom:48px;padding-bottom:32px}.legal-icon{color:var(--primary);margin-bottom:16px;font-size:48px}.legal-title{color:#f3f4f6;margin:0 0 8px;font-size:36px;font-weight:700}.legal-subtitle{color:var(--text-muted);margin:0;font-size:14px}.legal-content{flex-direction:column;gap:40px;display:flex}.legal-section{flex-direction:column;gap:16px;display:flex}.legal-section h2{color:#f3f4f6;border-bottom:1px solid #ffffff1a;margin:0;padding-bottom:8px;font-size:24px;font-weight:600}.legal-section p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.7}.legal-section ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.legal-section li{color:var(--text-secondary);padding-left:24px;font-size:15px;line-height:1.7;position:relative}.legal-section li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:8px}.legal-section strong{color:var(--primary);font-weight:600}@media (max-width:768px){.legal-page{padding:24px 16px}.legal-title{font-size:28px}.legal-section h2{font-size:20px}.legal-content{gap:32px}}.about-us-page{background:var(--background);min-height:100vh;padding:2rem;overflow-y:auto}.about-us-container{max-width:900px;margin:0 auto}.about-us-header{margin-bottom:2rem}.back-button{background:var(--card-background);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:inline-flex}.back-button:hover{background:var(--hover-background);border-color:var(--primary);color:var(--primary)}.about-us-title{color:var(--text-primary);background:linear-gradient(135deg,var(--primary),var(--primary-light,var(--primary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700}.about-us-content{background:var(--card-background);border:1px solid var(--border);border-radius:12px;padding:2rem}.about-section{margin-bottom:2.5rem}.about-section:last-child{margin-bottom:0}.section-title{color:var(--text-primary);margin:0 0 1rem;font-size:1.5rem;font-weight:600}.section-text{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.7}.principles-list,.features-list{margin:0;padding:0;list-style:none}.principles-list li,.features-list li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;font-size:1rem;line-height:1.7;position:relative}.principles-list li:before,.features-list li:before{content:"•";color:var(--primary);font-size:1.2rem;font-weight:700;position:absolute;left:0}.principles-list li strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.about-us-page{padding:1rem}.about-us-title{font-size:2rem}.about-us-content{padding:1.5rem}.section-title{font-size:1.25rem}.section-text,.principles-list li,.features-list li{font-size:.9375rem}}@media (max-width:480px){.about-us-page{padding:.75rem}.about-us-title{font-size:1.75rem}.about-us-content{padding:1rem}.back-button{padding:.4rem .75rem;font-size:.8125rem}}.faith-page{max-width:1400px;min-height:100vh;color:var(--text,#e8f9ff);margin:0 auto;padding:1rem}.faith-page[dir=rtl]{text-align:right}.faith-header{margin-bottom:var(--spacing-3xl,3rem);text-align:center;position:relative}.faith-header h1{font-size:var(--font-2xl,2.5rem);font-weight:var(--font-semibold,600);margin-bottom:var(--spacing-sm,.5rem);background:linear-gradient(135deg,var(--primary)0%,var(--primary-hover)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.faith-header-actions{gap:var(--spacing-sm,.5rem);z-index:10;display:flex;position:absolute;top:0;right:0}.faith-page[dir=rtl] .faith-header-actions{left:auto;right:0}.language-selector{background:var(--bg-secondary,#ffffff0d);border:1px solid var(--border,#ffffff1a);border-radius:8px;gap:4px;padding:4px;display:flex}.language-selector .lang-btn{color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.language-selector .lang-btn:hover{background:var(--bg-tertiary,#ffffff14);color:var(--text,#e8f9ff)}.language-selector .lang-btn.active{background:var(--primary,#2563eb);color:var(--text)}.hijri-date{font-size:var(--font-lg,1.2rem);color:var(--text-secondary,#9ca3af);margin-top:var(--spacing-sm,.5rem)}.faith-loading,.faith-error{text-align:center;padding:var(--spacing-3xl,3rem);font-size:var(--font-lg,1.2rem)}.faith-error{color:var(--status-error,#ef4444)}.faith-tabs{margin-top:var(--spacing-xl,2rem)}.tabs-header{border-bottom:2px solid var(--border);scrollbar-width:thin;gap:8px;margin-bottom:24px;padding-bottom:0;display:flex;overflow:auto hidden}.tabs-header::-webkit-scrollbar{height:4px}.tabs-header::-webkit-scrollbar-track{background:var(--bg-secondary)}.tabs-header::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.tab-button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative}.tab-button:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-alpha)}.faith-tabs.tab-edit-mode .tab-button{outline:2px dashed var(--accent-primary);outline-offset:3px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;border-radius:10px}.faith-tabs.tab-edit-mode .tab-button:active{cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:none}.faith-edit-mode .faith-section-shell.is-editable{outline:2px dashed var(--accent-primary);outline-offset:6px;box-shadow:0 0 16px var(--primary-glow-soft);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none}.faith-edit-mode .faith-section-shell.is-editable:active{cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:none}.faith-section-shell.is-dragging{opacity:.6}.faith-section-shell{margin-bottom:24px}.faith-section-shell:last-child{margin-bottom:0}.tab-button svg{font-size:18px}.tabs-content{padding:24px 0;animation:.3s ease-in-out fadeIn}.coming-soon-message{text-align:center;max-width:600px;margin:0 auto;padding:60px 20px}.coming-soon-icon{margin-bottom:24px;font-size:72px}.coming-soon-message h2{color:var(--text-primary);margin-bottom:16px;font-size:28px}.coming-soon-message p{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.6}.coming-soon-note{color:var(--text-muted);background:var(--bg-elevated);border-radius:8px;padding:12px 20px;font-size:14px;display:inline-block}.coming-soon-message{text-align:center;padding:var(--spacing-3xl,3rem);background:var(--bg-surface,#151920);border:2px solid var(--border,#2a3240);border-radius:var(--radius-lg,16px);max-width:600px;margin:0 auto;box-shadow:0 8px 24px #0000004d}.coming-soon-icon{margin-bottom:var(--spacing-lg,1.5rem);font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coming-soon-message h2{font-size:var(--font-xl,1.875rem);font-weight:var(--font-semibold,600);margin-bottom:var(--spacing-base,1rem);color:var(--text,#e8f9ff)}.coming-soon-message p{font-size:var(--font-base,1rem);color:var(--text-secondary,#9ca3af);margin-bottom:var(--spacing-lg,1.5rem);line-height:1.6}.coming-soon-note{padding:var(--spacing-md,.75rem)var(--spacing-lg,1.5rem);border-radius:var(--radius-base,8px);color:var(--primary);font-size:var(--font-sm,.875rem);background:#00d2e91a}.faith-section{background:var(--bg-surface,#141824);border:1px solid var(--border,#2a3240);border-radius:var(--radius-lg,12px);padding:var(--spacing-xl,2rem);margin-bottom:var(--spacing-xl,2rem);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.faith-section:hover{border-color:var(--border-hover,#3a4250);box-shadow:var(--shadow-lg)}.faith-section h2{font-size:var(--font-xl,1.8rem);font-weight:var(--font-semibold,600);margin-bottom:var(--spacing-lg,1.5rem);color:var(--primary)}.faith-section h3{font-size:var(--font-lg,1.4rem);font-weight:var(--font-medium,500);margin:var(--spacing-lg,1.5rem)0 var(--spacing-base,1rem);color:var(--text,#e8f9ff)}.next-prayer-countdown{text-align:center;margin-bottom:var(--spacing-xl,2rem);padding:var(--spacing-lg,1.5rem);background:linear-gradient(135deg,var(--primary-grad-start,var(--primary))0%,var(--primary-grad-end,var(--primary-hover))100%);border-radius:var(--radius-lg,12px);color:var(--text,#fff);box-shadow:var(--glow-primary,0 0 20px #00d2e94d)}.next-prayer-countdown p{font-size:var(--font-lg,1.2rem);margin-bottom:var(--spacing-sm,.5rem);opacity:.95}.countdown{font-size:var(--font-2xl,2.5rem);font-weight:var(--font-bold,700);text-shadow:0 2px 8px #0000004d;font-family:Courier New,monospace}.prayer-times-grid{gap:var(--spacing-base,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.prayer-time-item{padding:var(--spacing-base,1rem);background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);transition:all var(--transition-base);flex-direction:column;align-items:center;display:flex}.prayer-time-item:hover{background:var(--bg-hover,#252b3a);border-color:var(--primary);transform:translateY(-2px)}.prayer-name{font-size:var(--font-base,1.1rem);font-weight:var(--font-semibold,600);margin-bottom:var(--spacing-sm,.5rem);color:var(--text-secondary,#9ca3af)}.prayer-time{font-size:var(--font-lg,1.3rem);font-weight:var(--font-bold,700);color:var(--primary)}.prayer-streak{margin-bottom:var(--spacing-lg,1.5rem);padding:var(--spacing-base,1rem);background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);justify-content:space-around;display:flex}.prayer-streak p{font-size:var(--font-base,1.1rem);font-weight:var(--font-semibold,600);color:var(--text,#e8f9ff)}.prayer-checklist{gap:var(--spacing-md,.75rem);flex-direction:column;display:flex}.prayer-check-item{padding:var(--spacing-base,1rem);background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-base,1rem);display:flex}.prayer-check-item:hover{background:var(--bg-hover,#252b3a);border-color:var(--border-hover,#3a4250)}.prayer-check-item.checked{border:2px solid var(--status-success,#10b981);background:#22c55e1a}.prayer-check-item.late{border:2px solid var(--status-error,#ef4444);background:#ef44441a}.prayer-check-item input[type=checkbox]{cursor:pointer;width:1.5rem;height:1.5rem;accent-color:var(--primary)}.prayer-check-item span{font-size:var(--font-base,1.1rem);font-weight:var(--font-medium,500);color:var(--text,#e8f9ff)}.late-badge{background:var(--status-error,#ef4444);color:var(--text,#fff);border-radius:var(--radius-sm,4px);font-size:var(--font-sm,.9rem);font-weight:var(--font-medium,500);margin-inline-start:auto;padding:.25rem .75rem}.khatma-progress{margin-bottom:var(--spacing-lg,1.5rem)}.progress-bar{background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);border-radius:var(--radius-lg,12px);width:100%;height:24px;margin-bottom:var(--spacing-md,.75rem);overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-grad-start,var(--primary))0%,var(--primary-grad-end,var(--primary-hover))100%);height:100%;transition:width var(--transition-slow,.3s)ease;box-shadow:var(--glow-primary)}.khatma-progress p{font-size:var(--font-base,1rem);color:var(--text-secondary,#9ca3af);margin-bottom:var(--spacing-xs,.25rem)}.resume-reading-btn,.faith-section button{padding:var(--spacing-md,.75rem)var(--spacing-lg,1.5rem);background:var(--primary);color:var(--text,#fff);border-radius:var(--radius-base,8px);font-size:var(--font-base,1rem);font-weight:var(--font-medium,500);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-base,1rem);box-shadow:var(--shadow-md);border:none}.resume-reading-btn:hover,.faith-section button:hover{background:var(--primary-hover);box-shadow:var(--shadow-lg),var(--glow-primary);transform:translateY(-2px)}.resume-reading-btn:active,.faith-section button:active{transform:translateY(0)}.surah-selector select{width:100%;padding:var(--spacing-md,.75rem);font-size:var(--font-base,1rem);border:2px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);margin-bottom:var(--spacing-base,1rem);background:var(--bg-elevated,#1e2430);color:var(--text,#e8f9ff);transition:all var(--transition-base)}.surah-selector select:hover{border-color:var(--border-hover,#3a4250)}.surah-selector select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00d2e91a}.bookmarks-quick-access{margin:var(--spacing-xl,2rem)0;padding:var(--spacing-lg,1.5rem);background:var(--bg-elevated,#1a1f2e);border:2px solid var(--primary);border-radius:var(--radius-lg,12px);box-shadow:var(--glow-primary)}.bookmarks-quick-access h3{font-size:var(--font-lg,1.2rem);font-weight:var(--font-semibold,600);color:var(--primary);margin-bottom:var(--spacing-lg,1.5rem);text-align:center}.bookmarks-grid{gap:var(--spacing-base,1rem);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.bookmark-quick-btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-lg,1.5rem);background:var(--bg-surface,#141824);border:2px solid var(--border,#2a3240);border-radius:var(--radius-lg,12px);color:var(--text,#e8f9ff);cursor:pointer;transition:all var(--transition-base);flex-direction:column;display:flex}.bookmark-quick-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--text,#fff);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bookmark-surah{font-size:var(--font-base,1rem);font-weight:var(--font-semibold,600)}.bookmark-ayah{font-size:var(--font-sm,.9rem);opacity:.8}.ayah-search-box{margin:var(--spacing-lg,1.5rem)0;position:relative}.ayah-search-input{width:100%;padding:var(--spacing-lg,1.5rem);padding-right:var(--spacing-3xl,3rem);font-size:var(--font-base,1rem);background:var(--bg-elevated,#1a1f2e);border:2px solid var(--border,#2a3240);border-radius:var(--radius-lg,12px);color:var(--text,#e8f9ff);text-align:right;transition:all var(--transition-base);direction:rtl}.ayah-search-input:focus{border-color:var(--primary);box-shadow:var(--glow-primary);outline:none}.ayah-search-input::placeholder{color:var(--text-secondary,#9ca3af);opacity:.6}.clear-search-btn{left:var(--spacing-base,1rem);background:var(--status-error,#ef4444);border-radius:var(--radius-full,999px);width:28px;height:28px;color:var(--text,#fff);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.clear-search-btn:hover{background:#dc2626;transform:translateY(-50%)scale(1.1)}.search-results-count{text-align:center;margin:var(--spacing-base,1rem)0;font-size:var(--font-base,1rem);font-weight:var(--font-semibold,600);color:var(--primary);padding:var(--spacing-sm,.5rem)var(--spacing-base,1rem);border-radius:var(--radius-base,8px);border:1px solid var(--primary);background:#00d2e91a;display:block}@media (max-width:480px){.clear-search-btn{display:none!important}.ayah-search-input{padding-left:var(--spacing-base,1rem)!important}}@media (max-width:768px){.hijri-calendar-section .faith-section,.hijri-calendar-section>div,[class*=hijri]>div[style*="padding: 20px"]{padding:12px!important}[style*="minHeight: 60px"]{min-height:50px!important;padding:4px!important}[style*="fontSize: 12px"][style*="fontWeight: 600"]{padding:4px 2px!important;font-size:10px!important}[style*="fontSize: 14px"][style*=fontWeight]{font-size:12px!important}[style*="fontSize: 12px"][style*=color]{font-size:10px!important}[style*="gridTemplateColumns: repeat(7"][style*="gap: 4px"]{gap:2px!important}}@media (max-width:480px){.hijri-calendar-section .faith-section,.hijri-calendar-section>div,[class*=hijri]>div[style*=padding]{padding:8px!important}[style*=minHeight]{min-height:45px!important;padding:3px!important}[style*=fontSize][style*="fontWeight: 600"]{padding:3px!important;font-size:10px!important;line-height:1.2!important}[style*="fontSize: 14px"][style*=fontWeight]{font-size:13px!important;line-height:1.3!important}[style*="fontSize: 12px"][style*=color]{font-size:9px!important;line-height:1.2!important}[style*="gridTemplateColumns: repeat(7"][style*="gap: 4px"]{gap:1px!important}@media (max-width:360px){[style*="fontSize: 10px"][style*="textAlign: center"]{display:none!important}}}.quran-section.searching .ayah-inline{background:#00d2e90d;border-left:3px solid #0000;transition:all .2s}.quran-section.searching .ayah-inline:hover{border-left-color:var(--primary);background:#00d2e926}.ayah-continuous-text{padding:var(--spacing-xl,2rem);background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);border-radius:var(--radius-lg,12px);margin-top:var(--spacing-lg,1.5rem);scroll-behavior:smooth;max-height:600px;overflow-y:auto}.quran-section.searching .ayah-continuous-text{max-height:800px}.bismillah{text-align:center;font-size:var(--font-2xl,2rem);font-weight:var(--font-bold,700);color:var(--primary);margin-bottom:var(--spacing-xl,2rem);padding-bottom:var(--spacing-lg,1.5rem);border-bottom:2px solid var(--border,#2a3240);font-family:Traditional Arabic,Amiri,serif}.ayah-paragraphs{font-size:var(--font-xl,1.5rem);color:var(--text,#e8f9ff);text-align:justify;direction:rtl;font-family:Traditional Arabic,Amiri,Scheherazade,serif;line-height:2.5}.ayah-inline{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm,4px);padding:2px 4px;transition:background-color .2s}.ayah-inline:hover{background:#00d2e91a}.ayah-inline:active{background:#00d2e933}.ayah-inline.highlighted{background:var(--primary);color:var(--text,#fff);border-radius:var(--radius-md,8px);box-shadow:var(--glow-primary);padding:4px 8px;transition:all .3s}.ayah-number-inline{font-size:var(--font-base,1rem);color:var(--primary);font-weight:var(--font-bold,700);margin:0 var(--spacing-xs,.25rem);vertical-align:middle;display:inline}.verse-context-menu{background:var(--bg-surface,#141824);border:2px solid var(--primary);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-lg),var(--glow-primary);padding:var(--spacing-sm,.5rem);z-index:10000;opacity:1;min-width:180px;animation:.2s menuFadeIn}[dir=rtl] .verse-context-menu{left:auto!important}@media (max-width:768px){[dir=rtl] .verse-context-menu{left:16px!important;right:auto!important}}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.verse-context-menu .menu-item{align-items:center;gap:var(--spacing-base,1rem);padding:var(--spacing-base,1rem);border-radius:var(--radius-md,8px);color:var(--text,#e8f9ff);font-size:var(--font-base,1rem);font-weight:var(--font-medium,500);cursor:pointer;transition:all var(--transition-base);text-align:right;direction:rtl;background:0 0;border:none;width:100%;display:flex}.verse-context-menu .menu-item:hover{background:var(--primary);color:var(--text,#fff);transform:translate(-2px)}.verse-context-menu .menu-icon{font-size:var(--font-lg,1.2rem);justify-content:center;align-items:center;min-width:24px;display:flex}.audio-player-controls{gap:var(--spacing-base,1rem);padding:var(--spacing-lg,1.5rem);background:var(--bg-elevated,#1a1f2e);border:2px solid var(--primary);border-radius:var(--radius-lg,12px);margin:var(--spacing-lg,1.5rem)0;box-shadow:var(--glow-primary);justify-content:center;display:flex}.audio-control-btn{padding:var(--spacing-base,1rem)var(--spacing-xl,2rem);font-size:var(--font-base,1rem);font-weight:var(--font-semibold,600);border:2px solid var(--primary);border-radius:var(--radius-lg,12px);background:var(--primary);color:var(--text,#fff);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-sm,.5rem);display:flex}.audio-control-btn:hover{background:var(--primary-hover);box-shadow:var(--glow-primary);transform:translateY(-2px)}.audio-control-btn:active{transform:translateY(0)}.audio-control-btn.stop-btn{background:var(--status-error,#ef4444);border-color:var(--status-error,#ef4444)}.audio-control-btn.stop-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 0 20px #ef44444d}.ayah-list{max-height:500px;padding:var(--spacing-base,1rem);background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);overflow-y:auto}.ayah-item{padding:var(--spacing-lg,1.5rem);background:var(--bg-surface,#141824);border:1px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);margin-bottom:var(--spacing-base,1rem);border-right:4px solid var(--primary);transition:all var(--transition-base)}.ayah-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md),var(--glow-primary)}[dir=rtl] .ayah-item{border-right:1px solid var(--border,#2a3240);border-left:4px solid var(--primary)}[dir=rtl] .ayah-item:hover{border-left-color:var(--primary)}.ayah-text{font-size:var(--font-lg,1.3rem);margin-bottom:var(--spacing-base,1rem);color:var(--text,#e8f9ff);line-height:2;font-weight:var(--font-normal,400)}.ayah-controls{align-items:center;gap:var(--spacing-base,1rem);flex-wrap:wrap;display:flex}.ayah-number{font-size:var(--font-lg,1.2rem);color:var(--primary);font-weight:var(--font-semibold,600)}.ayah-controls button{padding:var(--spacing-sm,.5rem)var(--spacing-base,1rem);font-size:var(--font-sm,.9rem);margin:0}.bookmarks-section{margin-top:var(--spacing-xl,2rem);padding-top:var(--spacing-lg,1.5rem);border-top:2px solid var(--border,#2a3240)}.bookmarks-section ul{padding:0;list-style:none}.bookmark-item{align-items:center;gap:var(--spacing-base,1rem);padding:var(--spacing-lg,1.5rem);background:var(--bg-elevated,#1e2430);border:2px solid var(--border,#2a3240);border-radius:var(--radius-lg,12px);margin-bottom:var(--spacing-base,1rem);transition:all var(--transition-base);color:var(--text,#e8f9ff);cursor:pointer;border-right:4px solid var(--primary);display:flex}.bookmark-item:hover{background:var(--primary);border-color:var(--primary);color:var(--text,#fff);box-shadow:var(--shadow-lg),var(--glow-primary);transform:translate(-4px)}[dir=rtl] .bookmark-item{border-right:2px solid var(--border,#2a3240);border-left:4px solid var(--primary)}[dir=rtl] .bookmark-item:hover{border-left-color:var(--primary);transform:translate(4px)}.bookmark-icon{font-size:var(--font-xl,1.5rem);flex-shrink:0}.bookmark-text{font-size:var(--font-base,1rem);font-weight:var(--font-medium,500);flex:1}.bookmark-arrow{font-size:var(--font-lg,1.2rem);opacity:0;transition:opacity var(--transition-base)}.bookmark-item:hover .bookmark-arrow{opacity:1}.bookmarks-section li{padding:var(--spacing-md,.75rem);background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);border-radius:var(--radius-md,6px);margin-bottom:var(--spacing-sm,.5rem);transition:all var(--transition-base);color:var(--text,#e8f9ff)}.bookmarks-section li:hover{background:var(--bg-hover,#252b3a);border-color:var(--primary)}.daily-hadith,.daily-duaa{padding:var(--spacing-lg,1.5rem);background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);margin-bottom:var(--spacing-lg,1.5rem);border-right:4px solid var(--primary);transition:all var(--transition-base)}.daily-hadith:hover,.daily-duaa:hover{border-color:var(--primary);box-shadow:var(--shadow-md),var(--glow-primary)}[dir=rtl] .daily-hadith,[dir=rtl] .daily-duaa{border-right:1px solid var(--border,#2a3240);border-left:4px solid var(--primary)}.hadith-text,.duaa-text{font-size:var(--font-lg,1.3rem);margin-bottom:var(--spacing-base,1rem);color:var(--text,#e8f9ff);line-height:2;font-weight:var(--font-normal,400)}.hadith-meta,.duaa-reference{font-size:var(--font-sm,.95rem);color:var(--text-secondary,#9ca3af);margin-bottom:var(--spacing-base,1rem)}.hadith-meta{gap:var(--spacing-base,1rem);flex-wrap:wrap;align-items:center;display:flex}.hadith-actions,.duaa-actions{gap:var(--spacing-base,1rem);margin-top:var(--spacing-base,1rem);flex-wrap:wrap;display:flex}.randomize-btn{padding:var(--spacing-md,.75rem)var(--spacing-lg,1.5rem);font-size:var(--font-base,1rem);background:linear-gradient(135deg,var(--primary)0%,#08c 100%);color:var(--text);border-radius:var(--radius-base,8px);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:500}.randomize-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d2e94d}.randomize-btn:active{transform:translateY(0)}.hadith-controls{gap:var(--spacing-base,1rem);margin-bottom:var(--spacing-lg,1.5rem);flex-wrap:wrap;align-items:center;display:flex}.tashkeel-toggle{align-items:center;gap:var(--spacing-sm,.5rem);display:flex}.toggle-label{color:var(--text,#e8f9ff);font-size:var(--font-base,1rem);white-space:nowrap}.toggle-switch{cursor:pointer;width:48px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background-color:var(--border,#2a3240);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text,#e8f9ff);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary);box-shadow:0 0 8px #00d2e966}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch:hover .toggle-slider{background-color:var(--border-hover,#3a4250)}.toggle-switch input:checked:hover+.toggle-slider{background-color:var(--primary-hover,#00c4db)}.hadith-search-btn-inline{background:var(--primary);color:var(--text,#fff);border-radius:var(--radius-sm,6px);cursor:pointer;border:none;justify-content:center;align-items:center;padding:8px 12px;transition:background .2s,box-shadow .2s;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.hadith-search-btn-inline:hover:not(:disabled){background:var(--primary-hover,#00c4db);box-shadow:var(--glow-primary)}.hadith-search-btn-inline:disabled{opacity:.5;cursor:not-allowed}.search-results-count,.search-loading{color:var(--text-secondary,#9ca3af);font-size:var(--font-sm,.875rem);white-space:nowrap}.hadith-search-box,.duaa-search-box{flex:1;min-width:250px;position:relative}.hadith-search-box input,.duaa-search-box input{width:100%;padding:var(--spacing-md,.75rem);font-size:var(--font-base,1rem);border:2px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);background:var(--bg-elevated,#1e2430);color:var(--text,#e8f9ff);text-align:right;transition:all var(--transition-base);direction:rtl;padding-right:80px}.hadith-search-box input:hover,.duaa-search-box input:hover{border-color:var(--border-hover,#3a4250)}.hadith-search-box input:focus,.duaa-search-box input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00d2e91a}.duaa-search-box{margin-bottom:var(--spacing-lg,1.5rem)}.hadith-controls select,.hadith-controls input{min-width:200px;padding:var(--spacing-md,.75rem);font-size:var(--font-base,1rem);border:2px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);background:var(--bg-elevated,#1e2430);color:var(--text,#e8f9ff);transition:all var(--transition-base);flex:1}.hadith-controls select:hover,.hadith-controls input:hover{border-color:var(--border-hover,#3a4250)}.hadith-controls select:focus,.hadith-controls input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00d2e91a}.hadith-search-results,.duaa-search-results{max-height:400px;padding:var(--spacing-xs,4px);overflow-y:auto}.hadith-result-item,.duaa-result-item{padding:var(--spacing-base,1rem);background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);margin-bottom:var(--spacing-md,.75rem);transition:all var(--transition-base)}.hadith-result-item:hover,.duaa-result-item:hover{border-color:var(--primary)}.duaa-result-item .duaa-category{margin-top:var(--spacing-sm,.5rem);padding:var(--spacing-xs,4px)var(--spacing-md,.75rem);color:var(--primary);border-radius:var(--radius-sm,4px);font-size:var(--font-sm,.875rem);background:#00d2e91a;display:inline-block}.hadith-result-item:hover{background:var(--bg-hover,#252b3a);border-color:var(--primary)}.hadith-result-item p{margin-bottom:var(--spacing-sm,.5rem);color:var(--text,#e8f9ff);line-height:1.8}.hadith-result-item span{font-size:var(--font-sm,.9rem);color:var(--text-secondary,#9ca3af)}.duaa-transliteration{font-size:var(--font-base,1.1rem);color:var(--text-secondary,#9ca3af);margin-top:var(--spacing-md,.75rem);font-style:italic;line-height:1.6}.duaa-categories{gap:var(--spacing-md,.75rem);margin-bottom:var(--spacing-lg,1.5rem);flex-wrap:wrap;display:flex}.duaa-categories button{padding:var(--spacing-md,.75rem)var(--spacing-lg,1.25rem);background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);color:var(--text,#e8f9ff);transition:all var(--transition-base);margin:0}.duaa-categories button:hover{background:var(--bg-hover,#252b3a);border-color:var(--primary)}.duaa-categories button.active{background:var(--primary);border-color:var(--primary);color:var(--text,#fff);box-shadow:var(--glow-primary)}.duaa-list{max-height:500px;padding:var(--spacing-xs,4px);overflow-y:auto}.duaa-item{padding:var(--spacing-lg,1.5rem);background:var(--bg-elevated,#1e2430);border:1px solid var(--border,#2a3240);border-radius:var(--radius-base,8px);margin-bottom:var(--spacing-base,1rem);border-right:3px solid var(--primary);transition:all var(--transition-base)}.duaa-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md),var(--glow-primary)}[dir=rtl] .duaa-item{border-right:1px solid var(--border,#2a3240);border-left:3px solid var(--primary)}[dir=rtl] .duaa-item:hover{border-left-color:var(--primary)}.duaa-item p{color:var(--text,#e8f9ff);line-height:1.8}.duaa-item .transliteration{margin-top:var(--spacing-md,.75rem);color:var(--text-secondary,#9ca3af);font-style:italic;line-height:1.6}@media (max-width:768px){.faith-page{padding:var(--spacing-base,1rem)}.faith-header h1{font-size:var(--font-xl,2rem)}.faith-section{padding:var(--spacing-lg,1.5rem)}.prayer-times-grid{grid-template-columns:repeat(2,1fr)}.hadith-controls{flex-direction:column}.hadith-controls select,.hadith-controls input{min-width:100%}.countdown{font-size:var(--font-xl,2rem)}.duaa-categories{gap:var(--spacing-sm,.5rem)}.duaa-categories button{padding:var(--spacing-sm,.5rem)var(--spacing-base,1rem);font-size:var(--font-sm,.9rem)}.ayah-paragraphs{font-size:var(--font-lg,1.2rem);line-height:2.2}.bismillah{font-size:var(--font-xl,1.5rem)}}.tasbeeh-section{text-align:center}.tasbeeh-container{max-width:500px;margin:0 auto}.tasbeeh-counter{margin-bottom:var(--spacing-xl,2rem);position:relative}.counter-display{font-size:5rem;font-weight:var(--font-bold,700);color:var(--primary);margin-bottom:var(--spacing-base,1rem);text-shadow:var(--glow-primary,0 0 20px #00d2e94d);line-height:1}.counter-limit{color:var(--text-secondary,#9ca3af);opacity:.6;margin-left:var(--spacing-xs,.25rem);font-size:3rem}.completion-badge{padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);background:var(--status-success,#22c55e);color:var(--text,#fff);border-radius:var(--radius-full,999px);font-size:var(--font-base,1rem);font-weight:var(--font-semibold,600);margin-top:var(--spacing-base,1rem);box-shadow:var(--shadow-md);animation:2s infinite pulse-glow;display:inline-block}.limit-reached-message{margin-top:var(--spacing-base,1rem);font-size:var(--font-lg,1.2rem);color:var(--primary);font-weight:var(--font-medium,500)}.tasbeeh-progress{margin-bottom:var(--spacing-xl,2rem)}.progress-bar{background:var(--bg-elevated,#1a1f2e);border-radius:var(--radius-full,999px);width:100%;height:8px;margin-bottom:var(--spacing-sm,.5rem);overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary)0%,var(--primary-hover)100%);border-radius:var(--radius-full,999px);height:100%;box-shadow:var(--glow-primary);transition:width .3s}.tasbeeh-progress p{font-size:var(--font-sm,.9rem);color:var(--text-secondary,#9ca3af)}.tasbeeh-controls{gap:var(--spacing-base,1rem);margin-bottom:var(--spacing-xl,2rem);justify-content:center;display:flex}.tasbeeh-btn{max-width:150px;padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);font-size:var(--font-lg,1.2rem);font-weight:var(--font-semibold,600);border:2px solid var(--border,#2a3240);border-radius:var(--radius-lg,12px);background:var(--bg-elevated,#1a1f2e);color:var(--text,#e8f9ff);cursor:pointer;transition:all var(--transition-base);flex:1}.tasbeeh-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary);color:var(--text,#fff);box-shadow:var(--glow-primary);transform:translateY(-2px)}.tasbeeh-btn:active:not(:disabled){transform:translateY(0)}.tasbeeh-btn:disabled{opacity:.4;cursor:not-allowed}.increment-btn{border-color:var(--primary);background:#00d2e91a}.decrement-btn{border-color:var(--text-secondary,#9ca3af);background:#9ca3af1a}.reset-btn{border-color:var(--status-warning,#f59e0b);color:var(--status-warning,#f59e0b);background:#f59e0b1a}.reset-btn:hover:not(:disabled){border-color:var(--status-warning,#f59e0b);background:var(--status-warning,#f59e0b);color:var(--text,#fff);box-shadow:0 0 20px #f59e0b4d}.tasbeeh-presets{gap:var(--spacing-base,1rem);margin-bottom:var(--spacing-lg,1.5rem);flex-wrap:wrap;justify-content:center;display:flex}.preset-chip{padding:var(--spacing-sm,.5rem)var(--spacing-xl,2rem);font-size:var(--font-base,1rem);font-weight:var(--font-medium,500);border:2px solid var(--border,#2a3240);border-radius:var(--radius-full,999px);background:var(--bg-elevated,#1a1f2e);color:var(--text-secondary,#9ca3af);cursor:pointer;transition:all var(--transition-base)}.preset-chip:hover{border-color:var(--primary);color:var(--primary)}.preset-chip.active{border-color:var(--primary);background:var(--primary);color:var(--text,#fff);box-shadow:var(--glow-primary)}.tasbeeh-settings{padding-top:var(--spacing-lg,1.5rem);border-top:1px solid var(--border,#2a3240);justify-content:center;display:flex}.reset-mode-toggle{align-items:center;gap:var(--spacing-base,1rem);font-size:var(--font-base,1rem);color:var(--text,#e8f9ff);cursor:pointer;display:flex}.reset-mode-toggle input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary)}.tasbeeh-loading,.tasbeeh-error{text-align:center;padding:var(--spacing-xl,2rem);font-size:var(--font-base,1rem)}.tasbeeh-error{color:var(--status-error,#ef4444)}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #22c55e80}50%{box-shadow:0 0 20px #22c55ecc}}@media (max-width:768px){.counter-display{font-size:4rem}.counter-limit{font-size:2.5rem}.tasbeeh-controls{flex-direction:column}.tasbeeh-btn{max-width:100%}}[data-theme=light] .prayer-check-item.checked{background:#22c55e26}[data-theme=light] .prayer-check-item.late{background:#ef444426}.names-of-allah-section{margin-top:var(--spacing-2xl,2rem)}.names-header{margin-bottom:var(--spacing-lg,1.5rem);justify-content:space-between;align-items:center;gap:var(--spacing-md,1rem);flex-wrap:wrap;display:flex}.names-header h2{margin:0}.tafsir-toggle{align-items:center;gap:var(--spacing-sm,.5rem);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-base,1rem);color:var(--text-secondary,#9ca3af);display:flex}.tafsir-toggle input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary,#06b6d4)}.tafsir-toggle span{font-weight:500}.names-container{gap:var(--spacing-md,1rem);max-height:500px;padding:var(--spacing-sm,.5rem);flex-direction:column;display:flex;overflow-y:auto}.names-container::-webkit-scrollbar{width:8px}.names-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.names-container::-webkit-scrollbar-thumb{background:var(--primary,#06b6d4);border-radius:4px}.name-card{gap:var(--spacing-md,1rem);padding:var(--spacing-md,1rem);background:var(--bg-elevated,#1e293b80);border:1px solid var(--border,#ffffff1a);border-radius:12px;flex-direction:column;transition:all .3s;display:flex}.name-card:hover{border-color:var(--primary,#06b6d4);box-shadow:0 0 20px #06b6d433}.name-row{justify-content:space-between;align-items:center;gap:var(--spacing-lg,1.5rem);display:flex}.name-text{font-size:var(--font-lg,1.2rem);color:var(--text,#e8f9ff);font-weight:700}.name-text.name-english{text-align:left;order:1}.name-text.name-arabic{text-align:right;order:0}.tafsir-section{gap:var(--spacing-sm,.5rem);padding-top:var(--spacing-sm,.5rem);border-top:1px solid var(--border,#ffffff1a);flex-direction:column;display:flex}.name-tafsir{font-size:var(--font-sm,.875rem);color:var(--text-secondary,#9ca3af);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}@media (max-width:768px){.name-row{justify-content:space-between;align-items:center;gap:var(--spacing-md,.5rem);display:flex}.name-text.name-arabic{order:1}.name-text.name-english{text-align:left;order:2}.faith-header-actions{top:0;right:16px}.faith-page[dir=rtl] .faith-header-actions{left:16px;right:auto}.language-selector{gap:3px;padding:3px}.language-selector .lang-btn{padding:5px 10px;font-size:13px}}@media (max-width:480px){.faith-header-actions{top:0;right:12px}.faith-page[dir=rtl] .faith-header-actions{left:12px;right:auto}.language-selector{border-radius:6px;gap:2px;padding:2px}.language-selector .lang-btn{border-radius:4px;padding:4px 8px;font-size:12px}.audio-control-btn{min-height:44px;padding:14px 18px;font-size:14px}.audio-control-btn.stop-btn{min-height:44px;padding:14px 18px}}[data-platform=apk] .faith-page{padding:12px}[data-platform=apk] .faith-header{margin-bottom:16px}[data-platform=apk] .faith-header h1{font-size:20px}[data-platform=apk] .faith-header-actions{top:0;right:10px}[data-platform=apk] .faith-page[dir=rtl] .faith-header-actions{left:10px;right:auto}[data-platform=apk] .language-selector{border-radius:6px;gap:2px;padding:2px}[data-platform=apk] .language-selector .lang-btn{border-radius:4px;padding:4px 8px;font-size:11px}[data-platform=apk] .hijri-date{font-size:12px}[data-platform=apk] .tabs-header{gap:6px;margin-bottom:16px}[data-platform=apk] .tab-button{padding:8px 14px;font-size:13px}[data-platform=apk] .tab-button svg{font-size:16px}[data-platform=apk] .tabs-content{padding:12px 0}[data-platform=apk] .faith-section{border-radius:10px;margin-bottom:12px;padding:12px}[data-platform=apk] .faith-section h2{margin-bottom:10px;font-size:16px}[data-platform=apk] .faith-section h3{margin:10px 0 8px;font-size:14px}[data-platform=apk] .next-prayer-countdown{padding:12px}[data-platform=apk] .next-prayer-countdown p{font-size:12px}[data-platform=apk] .countdown{font-size:22px}[data-platform=apk] .prayer-times-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}[data-platform=apk] .prayer-time-item{padding:10px}[data-platform=apk] .prayer-name{font-size:12px}[data-platform=apk] .prayer-time{font-size:15px}[data-platform=apk] .prayer-streak{padding:10px}[data-platform=apk] .prayer-streak p{font-size:13px}[data-platform=apk] .prayer-check-item{gap:10px;padding:10px}[data-platform=apk] .prayer-check-item input[type=checkbox]{width:18px;height:18px}[data-platform=apk] .prayer-check-item span{font-size:13px}[data-platform=apk] .late-badge{padding:2px 6px;font-size:10px}[data-platform=apk] .progress-bar{height:16px}[data-platform=apk] .resume-reading-btn,[data-platform=apk] .faith-section button{margin-bottom:10px;padding:8px 12px;font-size:13px}[data-platform=apk] .surah-selector select{padding:8px 10px;font-size:13px}[data-platform=apk] .bookmarks-quick-access{margin:12px 0;padding:12px}[data-platform=apk] .bookmarks-quick-access h3{margin-bottom:10px;font-size:14px}[data-platform=apk] .bookmarks-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}[data-platform=apk] .bookmark-quick-btn{border-radius:10px;padding:12px}[data-platform=apk] .bookmark-surah{font-size:13px}[data-platform=apk] .bookmark-ayah{font-size:11px}[data-platform=apk] .ayah-search-input{padding:12px 12px 12px 36px;font-size:14px}[data-platform=apk] .clear-search-btn{width:24px;height:24px}[data-platform=apk] .search-results-count{padding:6px 10px;font-size:12px}[data-platform=apk] .ayah-continuous-text{margin-top:12px;padding:12px}[data-platform=apk] .daily-hadith,[data-platform=apk] .daily-duaa{margin-bottom:12px;padding:12px}[data-platform=apk] .hadith-text,[data-platform=apk] .duaa-text{font-size:14px;line-height:1.8}[data-platform=apk] .hadith-meta,[data-platform=apk] .duaa-reference,[data-platform=apk] .duaa-transliteration{font-size:12px}[data-platform=apk] .hadith-actions,[data-platform=apk] .duaa-actions{gap:8px}[data-platform=apk] .randomize-btn{padding:8px 12px;font-size:13px}[data-platform=apk] .hadith-controls,[data-platform=apk] .duaa-search-box{gap:8px}[data-platform=apk] .duaa-categories button{padding:6px 10px;font-size:12px}[data-platform=apk] .duaa-item{padding:12px}[data-platform=apk] .tasbeeh-section .counter-display{font-size:3rem}[data-platform=apk] .tasbeeh-section .counter-limit{font-size:2rem}[data-platform=apk] .tasbeeh-btn{padding:12px 14px;font-size:14px}[data-platform=apk] .preset-chip,[data-platform=apk] .completion-badge{padding:6px 12px;font-size:12px}[data-platform=apk] .names-container{gap:8px;max-height:360px;padding:4px}[data-platform=apk] .name-card{padding:10px}[data-platform=apk] .name-text{font-size:14px}[data-platform=apk] .name-tafsir{font-size:11px}[data-platform=apk] .faith-page input:not([type=range]),[data-platform=apk] .faith-page select,[data-platform=apk] .faith-page textarea{box-sizing:border-box;width:100%;max-width:100%}.emoji-picker-bottom-sheet{background:var(--card-bg,#1f2937);border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;height:450px;max-height:60vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUpSheet;display:flex;box-shadow:0 -4px 20px #0000004d}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.emoji-picker-header{border-bottom:1px solid var(--border-color,#ffffff1a);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.emoji-picker-tabs{gap:8px;display:flex}.emoji-picker-tab{color:var(--text-secondary,#9ca3af);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.emoji-picker-tab.active{background:var(--groups-primary,#7c3aed);color:#fff}.emoji-picker-tab:hover:not(.active){color:var(--text-primary,#f3f4f6);background:#ffffff0d}.emoji-picker-close{width:32px;height:32px;color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.emoji-picker-close:hover{color:var(--text-primary,#f3f4f6);background:#ffffff1a}.emoji-picker-search{border-bottom:1px solid var(--border-color,#ffffff1a);flex-shrink:0;padding:12px 16px;position:relative}.emoji-picker-search .search-icon{color:var(--text-secondary,#9ca3af);pointer-events:none;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.emoji-search-input{background:var(--input-bg,#ffffff0d);border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary,#f3f4f6);border-radius:8px;outline:none;padding:10px 12px 10px 36px;font-size:14px;transition:all .2s}.emoji-search-input:focus{border-color:var(--groups-primary,#7c3aed);background:var(--input-bg-focus,#ffffff14)}.emoji-picker-categories{border-bottom:1px solid var(--border-color,#ffffff1a);-ms-overflow-style:none;scrollbar-width:none;flex-shrink:0;gap:4px;padding:8px 16px;display:flex;overflow-x:auto}.emoji-picker-categories::-webkit-scrollbar{display:none}.emoji-category-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.emoji-category-button:hover{background:#ffffff1a}.emoji-category-button.active{background:var(--groups-primary,#7c3aed)}.emoji-picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));align-content:start;gap:8px;padding:16px;display:grid;overflow-y:auto}.emoji-grid-item{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;transition:all .2s;display:flex}.emoji-grid-item:hover{background:#ffffff1a;transform:scale(1.2)}.emoji-grid-item:active{transform:scale(.95)}.emoji-picker-placeholder{color:var(--text-secondary,#9ca3af);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.emoji-picker-placeholder svg{opacity:.5}.emoji-picker-placeholder p{margin:0;font-size:16px}.placeholder-button{background:var(--groups-primary,#7c3aed);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.placeholder-button:hover{background:var(--groups-primary-hover,#6d28d9);transform:translateY(-2px)}.placeholder-button:active{transform:translateY(0)}@media (max-width:768px){.emoji-picker-bottom-sheet{max-height:70vh}.emoji-picker-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;padding:12px}.emoji-grid-item{width:40px;height:40px;font-size:26px}}.emoji-picker-grid{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.emoji-picker-grid::-webkit-scrollbar{width:6px}.emoji-picker-grid::-webkit-scrollbar-track{background:0 0}.emoji-picker-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.emoji-picker-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{box-sizing:border-box;margin:0;padding:0}:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px)}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html[dir=rtl] body,html[dir=rtl] .sidebar-nav,html[dir=rtl] .settings-tabs,html[dir=rtl] .settings-header{direction:rtl}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.toast-container{z-index:9999;flex-direction:column;gap:10px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:16px;animation:.3s ease-out slideIn;display:flex;box-shadow:0 4px 12px #0000004d}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-success{border-left-color:#0f8}.toast-error{border-left-color:#f44}.toast-warning{border-left-color:#fa0}.toast-info{border-left-color:var(--accent-primary)}.toast-message{color:var(--text-primary);flex:1}.toast-close{color:var(--text-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;transition:opacity .2s;display:flex}.toast-close:hover{opacity:1}.toast-action-btn{background:var(--accent-primary);color:var(--text-primary);cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s}.toast-action-btn:hover{background:var(--accent-secondary)}.toast-content{flex:1;align-items:center;gap:12px;display:flex}.notifications-bell-container{margin-right:12px;position:relative}.notifications-bell-button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex;position:relative}.notifications-bell-button:hover{background:var(--bg-tertiary)}.notifications-badge{color:var(--text);text-align:center;background:#f44;border-radius:10px;min-width:18px;padding:2px 5px;font-size:10px;font-weight:700;position:absolute;top:4px;right:4px}.notifications-panel{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:1000;border-radius:12px;flex-direction:column;width:380px;max-height:500px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.notifications-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.notifications-header h3{color:var(--text-primary);font-size:16px;font-weight:600}.notifications-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.notifications-close-btn:hover{background:var(--bg-tertiary)}.notifications-body{flex:1;min-height:200px;overflow-y:auto}.notifications-loading{color:var(--text-secondary);justify-content:center;align-items:center;padding:40px;display:flex}.notifications-empty{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.notifications-empty p{font-size:14px}.notifications-list{flex-direction:column;display:flex}.notification-item{border-bottom:1px solid var(--border-color);cursor:default;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.notification-item.unread{background:#00ff880d}.notification-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.notification-body{color:var(--text-secondary);margin-bottom:6px;font-size:13px;line-height:1.4}.notification-meta{align-items:center;gap:8px;display:flex}.notification-time{color:var(--text-tertiary);font-size:11px}.notification-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.notification-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.notification-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-action-btn.view{color:var(--accent-primary)}.notification-action-btn.view:hover{color:var(--accent-secondary)}.notification-action-btn.mark-read{color:#0f8}.notification-action-btn.delete{color:#f44}.notification-action-btn.delete:hover{background:#ff44441a}.header-timer-indicator:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.timer-display-value{color:var(--primary);letter-spacing:4px;font-family:monospace;font-size:clamp(28px,8vw,72px);font-weight:700}@media (max-width:600px){.timer-display-value{letter-spacing:2px}}.p-xs{padding:var(--spacing-xs)!important}.p-sm{padding:var(--spacing-sm)!important}.p-md{padding:var(--spacing-md)!important}.p-base{padding:var(--spacing-base)!important}.p-lg{padding:var(--spacing-lg)!important}.p-xl{padding:var(--spacing-xl)!important}.p-2xl{padding:var(--spacing-2xl)!important}.px-xs{padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important}.px-sm{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}.px-md{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.px-base{padding-left:var(--spacing-base)!important;padding-right:var(--spacing-base)!important}.px-lg{padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.px-xl{padding-left:var(--spacing-xl)!important;padding-right:var(--spacing-xl)!important}.py-xs{padding-top:var(--spacing-xs)!important;padding-bottom:var(--spacing-xs)!important}.py-sm{padding-top:var(--spacing-sm)!important;padding-bottom:var(--spacing-sm)!important}.py-md{padding-top:var(--spacing-md)!important;padding-bottom:var(--spacing-md)!important}.py-base{padding-top:var(--spacing-base)!important;padding-bottom:var(--spacing-base)!important}.py-lg{padding-top:var(--spacing-lg)!important;padding-bottom:var(--spacing-lg)!important}.py-xl{padding-top:var(--spacing-xl)!important;padding-bottom:var(--spacing-xl)!important}.m-xs{margin:var(--spacing-xs)!important}.m-sm{margin:var(--spacing-sm)!important}.m-md{margin:var(--spacing-md)!important}.m-base{margin:var(--spacing-base)!important}.m-lg{margin:var(--spacing-lg)!important}.m-xl{margin:var(--spacing-xl)!important}.m-2xl{margin:var(--spacing-2xl)!important}.mb-xs{margin-bottom:var(--spacing-xs)!important}.mb-sm{margin-bottom:var(--spacing-sm)!important}.mb-md{margin-bottom:var(--spacing-md)!important}.mb-base{margin-bottom:var(--spacing-base)!important}.mb-lg{margin-bottom:var(--spacing-lg)!important}.mb-xl{margin-bottom:var(--spacing-xl)!important}.mt-xs{margin-top:var(--spacing-xs)!important}.mt-sm{margin-top:var(--spacing-sm)!important}.mt-md{margin-top:var(--spacing-md)!important}.mt-base{margin-top:var(--spacing-base)!important}.mt-lg{margin-top:var(--spacing-lg)!important}.mt-xl{margin-top:var(--spacing-xl)!important}.gap-xs{gap:var(--spacing-xs)!important}.gap-sm{gap:var(--spacing-sm)!important}.gap-md{gap:var(--spacing-md)!important}.gap-base{gap:var(--spacing-base)!important}.gap-lg{gap:var(--spacing-lg)!important}.gap-xl{gap:var(--spacing-xl)!important}.text-xs{font-size:var(--font-xs)!important}.text-sm{font-size:var(--font-sm)!important}.text-base{font-size:var(--font-base)!important}.text-lg{font-size:var(--font-lg)!important}.text-xl{font-size:var(--font-xl)!important}.text-2xl{font-size:var(--font-2xl)!important}.text-3xl{font-size:var(--font-3xl)!important}.font-normal{font-weight:var(--font-normal)!important}.font-medium{font-weight:var(--font-medium)!important}.font-semibold{font-weight:var(--font-semibold)!important}.font-bold{font-weight:var(--font-bold)!important}.leading-tight{line-height:var(--leading-tight)!important}.leading-normal{line-height:var(--leading-normal)!important}.leading-relaxed{line-height:var(--leading-relaxed)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-base{border-radius:var(--radius-base)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.transition-fast{transition:all var(--transition-fast)!important}.transition-base{transition:all var(--transition-base)!important}.transition-slow{transition:all var(--transition-slow)!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-end{justify-content:flex-end!important}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1!important}*{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root,[data-theme=dark]{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-xs:12px;--font-sm:14px;--font-base:16px;--font-lg:18px;--font-xl:24px;--font-2xl:32px;--font-3xl:48px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-sm:4px;--radius-md:6px;--radius-base:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000080;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--bg:#0a0f14;--bg-alt:#0f1620;--bg-surface:#141824;--bg-elevated:#1e2430;--bg-hover:#252b3a;--text:#e8f9ff;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:#2a3240;--border-hover:#3a4250;--background:#0a0f14;--surface:#141824;--surface-secondary:#1e2430;--surface-hover:#252b3a;--bg-primary:#0a0f14;--bg-secondary:#141824;--bg-tertiary:#1e2430;--text-primary:#e8f9ff;--border-color:#2a3240}[data-theme=light]{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-xs:12px;--font-sm:14px;--font-base:16px;--font-lg:18px;--font-xl:24px;--font-2xl:32px;--font-3xl:48px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-sm:4px;--radius-md:6px;--radius-base:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #00000026;--shadow-xl:0 20px 25px -5px #0003;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--bg:#e4e4e4;--bg-alt:#e9f2f9;--bg-surface:#fff;--bg-elevated:#dfdfdf;--bg-hover:#e2e8f0;--text:#0a0f14;--text-secondary:#4b5563;--text-muted:#6b7280;--border:#cbd5e1;--border-hover:#94a3b8;--background:#f6faff;--surface:#fff;--surface-secondary:#f0f4f8;--surface-hover:#e2e8f0;--bg-primary:#f6faff;--bg-secondary:#fff;--bg-tertiary:#f0f4f8;--text-primary:#0a0f14;--border-color:#cbd5e1}[data-palette=neonCyan]{--primary:#00d2e9;--primary-hover:#00c6d4;--primary-glow:#00e5ff99;--primary-glow-soft:#00e5ff4d;--primary-grad-start:#00e5ff;--primary-grad-end:#007bff;--accent:#00e5ff;--accent-hover:#00f0ff;--accent-primary:#00e5ff;--accent-secondary:#00a8cc;--text-on-primary:#000;--shadow-primary:0 4px 20px #00d2e94d;--glow-primary:0 0 20px var(--primary-glow)}[data-palette=quantumPurple]{--primary:#a855f7;--primary-hover:#b866ff;--primary-glow:#a855f799;--primary-glow-soft:#a855f74d;--primary-grad-start:#a855f7;--primary-grad-end:#7c3aed;--accent:#a855f7;--accent-hover:#b866ff;--accent-primary:#a855f7;--accent-secondary:#8644c4;--text-on-primary:#fff;--shadow-primary:0 4px 20px #a855f74d;--glow-primary:0 0 20px var(--primary-glow)}[data-palette=alertRed]{--primary:#f36;--primary-hover:#f47;--primary-glow:#f369;--primary-glow-soft:#ff33664d;--primary-grad-start:#f36;--primary-grad-end:#f04;--accent:#f36;--accent-hover:#f47;--accent-primary:#f36;--accent-secondary:#cc2952;--text-on-primary:#fff;--shadow-primary:0 4px 20px #ff33664d;--glow-primary:0 0 20px var(--primary-glow)}[data-palette=oceanBlue]{--primary:#0077be;--primary-hover:#08c;--primary-glow:#0077be99;--primary-glow-soft:#0077be4d;--primary-grad-start:#0077be;--primary-grad-end:#005580;--accent:#0077be;--accent-hover:#08c;--accent-primary:#0077be;--accent-secondary:#005580;--text-on-primary:#fff;--shadow-primary:0 4px 20px #0077be4d;--glow-primary:0 0 20px var(--primary-glow)}[data-palette=matrixGreen]{--primary:#009264;--primary-hover:#00835c;--primary-glow:#0a705099;--primary-glow-soft:#0a70504d;--primary-grad-start:#00b67c;--primary-grad-end:#00835c;--accent:#0a7050;--accent-hover:#0d8560;--accent-primary:#0a7050;--accent-secondary:#085a40;--text-on-primary:#000;--shadow-primary:0 4px 20px #10b9814d;--glow-primary:0 0 20px var(--primary-glow)}[data-palette=solarOrange]{--primary:#d97000;--primary-hover:#e67e00;--primary-glow:#d9700099;--primary-glow-soft:#d970004d;--primary-grad-start:#d97000;--primary-grad-end:#c66300;--accent:#d97000;--accent-hover:#e67e00;--accent-primary:#d97000;--accent-secondary:#b35f00;--text-on-primary:#000;--shadow-primary:0 4px 20px #ff8c004d;--glow-primary:0 0 20px var(--primary-glow)}[data-palette=monochrome]{--primary:gray;--primary-hover:#909090;--primary-glow:#80808099;--primary-glow-soft:#8080804d;--primary-grad-start:gray;--primary-grad-end:#606060;--accent:gray;--accent-hover:#909090;--accent-primary:gray;--accent-secondary:#606060;--text-on-primary:#fff;--shadow-primary:0 4px 20px #8080804d;--glow-primary:0 0 20px var(--primary-glow)}[data-palette=lemonYellow]{--primary:#8a8a00;--primary-hover:#c7c700;--primary-glow:#ff09;--primary-glow-soft:#ffff004d;--primary-grad-start:#b9b900;--primary-grad-end:#a1a100;--accent:#dd0;--accent-hover:#c4c400;--accent-primary:#b8b819;--accent-secondary:#cc0;--text-on-primary:#000;--shadow-primary:0 4px 20px #ffff004d;--glow-primary:0 0 20px var(--primary-glow)}:root{--status-success:#0f8;--status-error:#f44;--status-warning:#fa0;--status-info:var(--primary);--success-rgb:16,185,129;--error-rgb:239,68,68;--warning-rgb:245,158,11;--accent-rgb:99,102,241;--text-rgb:232,249,255;--text-secondary-rgb:156,163,175;--text-muted-rgb:107,114,128;--bg-elevated-rgb:30,36,48}.corex-glow{box-shadow:0 0 20px var(--primary-glow-soft),0 0 40px var(--primary-glow-soft)}.corex-gradient{background:linear-gradient(135deg,var(--primary-grad-start)0%,var(--primary-grad-end)100%)}.corex-fade-in{animation:.4s ease-out corexFadeIn}@keyframes corexFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.corex-hover-glow{transition:box-shadow .3s,transform .3s}.corex-hover-glow:hover{box-shadow:0 0 30px var(--primary-glow),0 0 60px var(--primary-glow-soft);transform:scale(1.03)}.corex-border-glow{border:1px solid var(--primary);box-shadow:0 0 10px var(--primary-glow-soft),inset 0 0 10px var(--primary-glow-soft);animation:2s ease-in-out infinite corexBorderPulse;position:relative}@keyframes corexBorderPulse{0%,to{box-shadow:0 0 10px var(--primary-glow-soft),inset 0 0 10px var(--primary-glow-soft)}50%{box-shadow:0 0 20px var(--primary-glow),inset 0 0 15px var(--primary-glow-soft)}}@media (max-width:768px){.corex-glow,.corex-hover-glow:hover{box-shadow:0 0 10px var(--primary-glow-soft)}.corex-border-glow{box-shadow:0 0 5px var(--primary-glow-soft),inset 0 0 5px var(--primary-glow-soft)}}.auth-layout{background:linear-gradient(135deg,var(--bg)0%,var(--bg-alt)100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-layout:before{content:"";background:radial-gradient(circle,var(--primary-glow-soft)0%,transparent 70%);opacity:.1;width:200%;height:200%;animation:20s linear infinite authGlowRotate;position:absolute;top:-50%;left:-50%}@keyframes authGlowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container{z-index:1;width:100%;max-width:400px;position:relative}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{color:var(--primary);text-shadow:0 0 25px var(--primary-glow),0 0 50px var(--primary-glow-soft);margin-bottom:8px;font-size:36px;font-weight:700;animation:3s ease-in-out infinite authLogoPulse}@keyframes authLogoPulse{0%,to{text-shadow:0 0 25px var(--primary-glow),0 0 50px var(--primary-glow-soft)}50%{text-shadow:0 0 35px var(--primary-glow),0 0 70px var(--primary-glow)}}.auth-tagline{color:var(--text-secondary);font-size:14px}.auth-content{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 8px 32px #0006,0 0 1px var(--primary-glow-soft);border-radius:12px;padding:32px}.auth-page{width:100%}.auth-title{color:var(--text);text-align:center;margin-bottom:24px;font-size:24px;font-weight:600}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:14px}.auth-link{color:var(--primary);font-weight:500;text-decoration:none;transition:all .3s;position:relative}.auth-link:after{content:"";background:var(--primary);width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.auth-link:hover{color:var(--primary-hover);text-shadow:0 0 10px var(--primary-glow-soft)}.auth-link:hover:after{transform:scaleX(1)}.app-layout{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-main{flex:1;display:flex;overflow:hidden}.app-content{background:var(--bg);flex:1;padding:24px;overflow-y:auto}.header{background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000004d,0 0 1px var(--primary-glow-soft);-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-logo{color:var(--primary);font-size:20px;font-weight:700}.header-right{align-items:center;gap:16px;display:flex}.header-username{color:var(--text);font-weight:500}.header-plan{background:linear-gradient(135deg,var(--primary-grad-start)0%,var(--primary-grad-end)100%);color:var(--bg);text-transform:uppercase;box-shadow:0 0 10px var(--primary-glow-soft);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.header-link{color:var(--text-secondary);text-decoration:none;transition:color .3s}.header-link:hover{color:var(--primary)}.header-logout{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .3s}.header-logout:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 10px var(--primary-glow-soft)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(10px);width:240px;padding:20px 0;overflow-y:auto;box-shadow:2px 0 8px #0003}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-icon{font-size:20px;transition:transform .3s}.sidebar-label{font-size:14px;font-weight:500}.card{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 4px 16px #0000004d,0 0 1px var(--primary-glow-soft);border-radius:12px;margin-bottom:.75rem;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--primary)50%,transparent 100%);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--primary);box-shadow:0 4px 20px #0006,0 0 15px var(--primary-glow-soft),var(--glow-primary),inset 0 0 20px #0000001a;transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border);color:var(--text);background:linear-gradient(180deg,var(--bg-elevated)0%,var(--bg-surface)100%);padding:13px 17px;font-size:16px;font-weight:600}.card-body{padding:14px}@media (max-width:768px){.card-body{padding:12px}}.switch{width:40px;height:22px;display:inline-block;position:relative}.switch-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.switch-track{background:var(--border);border-radius:999px;width:100%;height:100%;transition:background .18s,box-shadow .18s;display:block;position:relative}.switch-thumb{background:var(--bg-surface);border-radius:50%;width:18px;height:18px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #00000073}.switch-input:checked+.switch-track{background:linear-gradient(135deg,var(--primary-grad-start)0%,var(--primary-grad-end)100%);box-shadow:0 0 10px var(--primary-glow-soft)}.switch-input:checked+.switch-track .switch-thumb{background:var(--bg);transform:translate(18px)}.switch-small{width:32px;height:18px}.switch-small .switch-thumb{width:14px;height:14px}.btn{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-base);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;line-height:var(--leading-normal);border:none;min-height:44px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px var(--primary-glow-soft)}.btn:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--bg-elevated);color:var(--primary);border:1px solid var(--primary);box-shadow:0 0 10px var(--primary-glow-soft),inset 0 0 10px #0003}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-grad-start)0%,var(--primary-grad-end)100%);color:var(--bg);box-shadow:0 0 25px var(--primary-glow),0 0 50px var(--primary-glow-soft);border-color:var(--primary-hover);transform:scale(1.02)translateY(-1px)}.btn-primary:focus-visible{outline-color:var(--primary)}.btn-feature{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);min-width:110px;height:44px;font-size:var(--font-sm);white-space:nowrap;justify-content:center;align-items:center;width:auto;display:inline-flex}.btn-feature.btn-sm{padding:var(--spacing-sm)var(--spacing-md);min-width:96px;height:40px;font-size:var(--font-xs)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);transition:all var(--transition-base)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--bg-hover);box-shadow:0 0 15px var(--primary-glow-soft);transform:scale(1.01)translateY(-1px)}.btn-secondary:focus-visible{outline-color:var(--border)}.btn-danger{background:var(--status-error);color:#fff;border:1px solid var(--status-error);box-shadow:0 0 10px #ff44444d}.btn-danger:hover:not(:disabled){background:#f66;transform:scale(1.02)translateY(-1px);box-shadow:0 0 20px #ff444480}.btn-danger:focus-visible{outline-color:var(--status-error)}.btn-sm{padding:var(--spacing-sm)var(--spacing-base);font-size:var(--font-xs);min-height:36px}.btn-lg{padding:var(--spacing-base)var(--spacing-xl);font-size:var(--font-base);min-height:52px}.input-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.input-label{color:var(--text);font-size:var(--font-sm);font-weight:var(--font-medium);transition:color var(--transition-base);line-height:var(--leading-normal)}.input{padding:var(--spacing-md)var(--spacing-base);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-base);color:var(--text);font-size:var(--font-sm);transition:all var(--transition-base);width:100%;line-height:var(--leading-normal);min-height:44px;position:relative}.input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow-soft);background:var(--bg-surface)}select.input{background:var(--bg-surface);cursor:pointer}[data-theme=light] select.input,[data-theme=light] select.input option{color:var(--text);background:#fff}textarea.input{padding:var(--spacing-md)var(--spacing-base);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-base);color:var(--text);font-size:var(--font-sm);font-family:inherit;line-height:var(--leading-relaxed);transition:all var(--transition-base);resize:vertical;width:100%;min-height:120px}textarea.input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow-soft);background:var(--bg-surface)}[data-theme=light] textarea.input{background:#fff}.input:focus{border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--primary-glow-soft),0 0 20px var(--primary-glow-soft),inset 0 0 10px #0000001a;outline:none;transform:scale(1.01)}.input:focus+.input-label{color:var(--primary)}.input-error{border-color:var(--status-error);box-shadow:0 0 0 3px #f443}.input-error:focus{box-shadow:0 0 0 3px #ff44444d,0 0 15px #f443}.input-error-message{color:var(--status-error);font-size:12px;animation:.3s ease-out corexFadeIn}.input:disabled{opacity:.6;cursor:not-allowed}.input::placeholder{color:var(--text-muted);transition:color .3s}.input:focus::placeholder{color:#0000}.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner-circle{border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:.8s linear infinite spin}.spinner-small .spinner-circle{border-width:2px;width:16px;height:16px}.spinner-medium .spinner-circle{width:32px;height:32px}.spinner-large .spinner-circle{border-width:4px;width:48px;height:48px}.page{max-width:1300px;margin:0 auto}.page-title{color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:700}.page-content{flex-direction:column;gap:20px;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px;display:grid}.stats{flex-direction:column;gap:12px;display:flex}.stat-item{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-secondary);font-size:14px}.stat-value{color:var(--text-primary);text-transform:capitalize;font-size:14px;font-weight:600}.status-indicator{border-radius:12px;margin-top:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-online{color:var(--status-success);border:1px solid var(--status-success);background:#0f83}.settings-section{flex-direction:column;gap:12px;display:flex}.settings-section p{color:var(--text-secondary);font-size:14px;line-height:1.6}.settings-section strong{color:var(--text-primary)}.settings-section .btn{width:auto;margin-top:8px}.settings-description{margin-top:16px;margin-bottom:8px;color:var(--text)!important;font-weight:500!important}.theme-toggle{gap:1rem;margin-bottom:2rem;display:flex}.theme-option{background:var(--card-bg);border:2px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.theme-option:hover:not(:disabled){border-color:var(--primary);background:rgba(var(--primary-rgb),.05);transform:translateY(-2px)}.theme-option:disabled{cursor:not-allowed;opacity:.5}.theme-option-active{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);box-shadow:0 0 20px var(--primary-glow),inset 0 0 10px rgba(var(--primary-rgb),.2)}.theme-option-active:before{content:"";background:linear-gradient(135deg,transparent 0%,rgba(var(--primary-rgb),.1)50%,transparent 100%);animation:3s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.theme-icon{font-size:1.25rem;line-height:1}.theme-label{letter-spacing:.3px;font-size:.95rem;font-weight:600}@media (max-width:768px){.theme-toggle{flex-direction:column;gap:.75rem}.theme-option{width:100%}}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px;display:grid}@media (max-width:768px){.palette-grid{grid-template-columns:1fr}}.palette-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;gap:16px;padding:16px;transition:all .3s;display:flex;position:relative}.palette-card:hover:not(.palette-card-locked){border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow-soft);transform:translateY(-2px)}.palette-card-active{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow-soft),inset 0 0 10px var(--primary-glow-soft)}.palette-card-locked{opacity:.6;cursor:not-allowed}.palette-card-locked .palette-preview{filter:grayscale(50%)}.palette-preview{border-radius:8px;flex-shrink:0;width:60px;height:60px;position:relative;overflow:hidden}.palette-preview-cyan{background:linear-gradient(135deg,#00e5ff 0%,#007bff 100%);box-shadow:0 0 15px #00e5ff66}.palette-preview-purple{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);box-shadow:0 0 15px #a855f766}.palette-preview-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 0 15px #10b98166}.palette-preview-red{background:linear-gradient(135deg,#f36 0%,#f04 100%);box-shadow:0 0 15px #f366}.palette-info{flex-direction:column;flex:1;gap:8px;display:flex}.palette-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.palette-name{color:var(--text);margin:0;font-size:16px;font-weight:600}.palette-badge-locked,.palette-badge-active{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.palette-badge-locked{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.palette-badge-active{background:var(--primary);color:var(--bg);box-shadow:0 0 10px var(--primary-glow-soft)}.palette-description{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.palette-button{width:100%;margin-top:auto;padding:8px 16px;font-size:13px}.app-shell{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-shell-main{flex:1;display:flex;overflow:hidden}.app-shell-content{background:var(--bg);flex:1;padding:12px;overflow-y:auto}.app-shell-loading{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.app-shell-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#000000b3;animation:.2s ease-out corexFadeIn;position:fixed;inset:0}.header-module2{background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000004d,0 0 1px var(--primary-glow-soft);z-index:100;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:16px 24px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:16px;min-width:0;max-width:400px;display:flex}.header-hamburger{cursor:pointer;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:all .3s;display:none}.header-hamburger:hover{color:var(--primary);transform:scale(1.1)}.header-brand{align-items:center;gap:12px;display:flex}.header-logo-icon{object-fit:contain;flex-shrink:0;width:40px;height:40px}.header-text{flex-direction:column;gap:2px;display:flex}.header-logo{color:var(--primary);white-space:nowrap;font-size:18px;font-weight:700;line-height:1}.header-page-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:1;overflow:hidden}.header-center{flex:1;justify-content:center;align-items:center;display:flex}.header-datetime-notch{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);box-shadow:0 0 15px var(--primary-glow-soft),inset 0 0 10px #0003;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.header-datetime-notch:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow),inset 0 0 15px #0000004d}.datetime-desktop{display:inline}.datetime-mobile{display:none}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:12px;max-width:400px;display:flex}.header-notification{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;transition:all .3s;position:relative}.header-notification:hover{border-color:var(--primary);background:var(--bg-elevated);box-shadow:0 0 10px var(--primary-glow-soft)}.header-icon,.notification-icon{color:var(--text);font-size:20px;line-height:1;transition:color .3s}.header-notification:hover .notification-icon,.header-icon-btn:hover .header-icon{color:var(--primary)}.notification-badge{background:var(--status-error);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-4px;right:-4px;box-shadow:0 0 10px #ff444480}.header-notification-container{position:relative}.notifications-menu{background:var(--bg-surface);border:1px solid var(--border);width:380px;max-height:500px;box-shadow:0 8px 32px #0006,0 0 1px var(--primary-glow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;opacity:1;border-radius:12px;flex-direction:column;animation:.2s ease-out corexFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}.notifications-menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.notifications-menu-header h3{color:var(--text);margin:0;font-size:18px;font-weight:600}.mark-all-read-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mark-all-read-btn:hover{background:var(--bg-elevated)}.notifications-list{flex:1;max-height:400px;overflow-y:auto}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:0 0}.notifications-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}.notifications-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.notifications-empty .empty-icon{opacity:.3;margin-bottom:12px;font-size:48px}.notifications-empty p{margin:0;font-size:14px}.notification-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .2s;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover,.notification-item.unread{background:var(--bg-elevated)}.notification-item.unread .notification-title{font-weight:600}.unread-indicator{background:var(--primary);width:4px;height:4px;box-shadow:0 0 8px var(--primary-glow);border-radius:50%;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.notification-icon{flex-shrink:0;margin-top:2px;font-size:20px}.notification-icon-success{color:#10b981}.notification-icon-error{color:#ef4444}.notification-icon-warning{color:#f59e0b}.notification-icon-info{color:#3b82f6}.notification-icon-system{color:#8b5cf6}.notification-icon-admin{color:#ec4899}.notification-icon-default{color:var(--text-muted)}.notification-content{flex:1;min-width:0}.notification-title{color:var(--text);margin-bottom:4px;font-size:14px;line-height:1.4}.notification-body{color:var(--text-muted);word-wrap:break-word;margin-bottom:4px;font-size:13px;line-height:1.4}.notification-time{color:var(--text-muted);opacity:.7;font-size:11px}.notification-pin{color:var(--warning);flex-shrink:0;font-size:14px}@media (max-width:768px){.notifications-menu{width:auto;max-width:none;position:fixed;top:60px;left:8px;right:8px}}@media (max-width:480px){.notifications-menu{top:56px;left:4px;right:4px}.notification-item{padding:10px 12px}.notifications-menu-header{padding:12px}}[dir=rtl] .notifications-menu{left:0;right:auto}[dir=rtl] .mark-all-read-btn{flex-direction:row-reverse}@media (max-width:768px){[dir=rtl] .notifications-menu{left:8px;right:8px}}@media (max-width:480px){[dir=rtl] .notifications-menu{left:4px;right:4px}}.header-avatar-container{position:relative}.header-avatar{background:linear-gradient(135deg,var(--primary-grad-start)0%,var(--primary-grad-end)100%);width:40px;height:40px;color:var(--bg);border:2px solid var(--primary);cursor:pointer;box-shadow:0 0 15px var(--primary-glow-soft);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .3s;display:flex}.header-avatar:hover{box-shadow:0 0 25px var(--primary-glow);transform:scale(1.05)}.avatar-menu{top:calc(100% + 8px);background:var(--bg-surface);border:1px solid var(--border);min-width:200px;max-width:280px;box-shadow:0 8px 32px #0006,0 0 1px var(--primary-glow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;opacity:1;border-radius:12px;padding:12px;animation:.2s ease-out corexFadeIn;position:absolute;inset-inline-end:0}[dir=rtl] .avatar-menu{left:0;right:auto}@media (max-width:768px){[dir=rtl] .avatar-menu{left:16px!important;right:auto!important}}.avatar-menu-header{border-bottom:1px solid var(--border);margin-bottom:8px;padding:8px 12px}.avatar-menu-username{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:600}.avatar-menu-plan-badge{background:linear-gradient(135deg,var(--primary-grad-start)0%,var(--primary-grad-end)100%);color:var(--bg);text-transform:uppercase;box-shadow:0 0 10px var(--primary-glow-soft);border-radius:8px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.avatar-menu-divider{background:var(--border);height:1px;margin:8px 0}.avatar-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.avatar-menu-item:hover{background:var(--bg-elevated);color:var(--primary);box-shadow:inset 0 0 10px var(--primary-glow-soft)}.avatar-menu-icon{color:inherit;font-size:16px;line-height:1}.avatar-menu-item-upgrade{color:var(--status-success)}.avatar-menu-item-upgrade:hover{color:var(--status-success);background:#00ff881a}.avatar-menu-item-admin{color:var(--primary)}.avatar-menu-item-logout{color:var(--status-error)}.avatar-menu-item-logout:hover{color:var(--status-error);background:#ff44441a}.sidebar-module2{background:var(--bg-surface);border-right:1px solid var(--border);z-index:99;border-radius:12px;flex-direction:column;width:260px;height:calc(100vh - 105px);max-height:calc(100vh - 105px);margin:15px 0 15px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:73px;overflow:hidden auto;box-shadow:2px 0 8px #0003}.sidebar-user-card{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 16px;display:flex}.sidebar-avatar{background:linear-gradient(135deg,var(--primary-grad-start)0%,var(--primary-grad-end)100%);width:48px;height:48px;color:var(--bg);border:2px solid var(--primary);box-shadow:0 0 15px var(--primary-glow-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-username{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.sidebar-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:12px;overflow:hidden}.sidebar-badges{flex-wrap:wrap;gap:6px;display:flex}.sidebar-badge{text-transform:uppercase;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600}.sidebar-badge-role{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.sidebar-badge-plan{background:linear-gradient(135deg,var(--primary-grad-start)0%,var(--primary-grad-end)100%);color:var(--bg);box-shadow:0 0 10px var(--primary-glow-soft)}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px 0;display:flex}.sidebar-link{color:var(--text-secondary);border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-link:before{content:"";background:var(--primary);width:3px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.sidebar-link:hover{background:var(--bg-elevated);color:var(--text)}.sidebar-link:hover:before{transform:scaleY(.5)}.sidebar-link-active{background:var(--bg-elevated);color:var(--primary);box-shadow:inset 0 0 10px var(--primary-glow-soft)}.sidebar-link-active:before{transform:scaleY(1)}.sidebar-icon{color:inherit;flex-shrink:0;font-size:20px;line-height:1;transition:transform .3s}.sidebar-link:hover .sidebar-icon,.sidebar-link-active .sidebar-icon{transform:scale(1.1)}.sidebar-label{flex:1;font-size:14px;font-weight:500}.sidebar-badge-coming-soon{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border);text-transform:uppercase;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:600}.sidebar-footer-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-direction:column;gap:12px;margin:auto 12px 12px;padding:16px;display:flex;box-shadow:0 2px 8px #0003}.sidebar-footer-name{color:var(--text);text-align:center;font-size:13px;font-weight:600}.sidebar-footer-linkedin{background:var(--bg-surface);border:1px solid var(--border);color:var(--primary);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.sidebar-footer-linkedin:hover{background:var(--bg-hover);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow-soft);transform:translateY(-2px)}.sidebar-footer-icon{font-size:18px;line-height:1}@media (max-width:768px){.header-hamburger{display:flex}.header-page-title,.datetime-desktop{display:none}.datetime-mobile{display:inline}.header-datetime-notch{padding:6px 16px;font-size:12px}.sidebar-module2{z-index:1001;border-radius:0;height:100vh;max-height:100vh;margin:0;position:fixed;top:0;bottom:0;left:-280px}.sidebar-open{left:0}.app-shell-content{margin-left:0;padding:4px}}@media (max-width:1024px){.header-icon-btn,.header-notification{width:40px!important;min-width:40px!important;height:40px!important;padding:10px!important}.header-icon-btn svg,.notification-icon{font-size:20px}}@media (max-width:768px){.datetime-desktop{display:none}.datetime-mobile{display:inline}}@media (max-width:480px){.header-module2{gap:8px;padding:12px 8px}.header-logo-icon{width:32px;height:32px}.header-logo{font-size:16px}.header-page-title{font-size:11px}.header-right{gap:6px;max-width:none}.header-left{gap:8px}.header-icon-btn,.header-notification{width:36px!important;min-width:36px!important;height:36px!important;padding:8px!important}.header-icon-btn svg,.header-notification svg,.header-icon,.notification-icon{color:var(--text-primary);width:18px!important;height:18px!important;font-size:18px!important}.header-avatar{width:36px;height:36px;font-size:13px}.header-timer-indicator{margin-right:4px!important;padding:4px 8px!important;font-size:11px!important}.header-timer-indicator span{display:none}.header-icon-btn.hide-on-mobile{display:none!important}}@media (max-width:530px){.header-logo{display:none}}@media (max-width:400px){.header-datetime-notch{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 80px);padding:6px 12px;font-size:11px;overflow:hidden}}@media (max-width:768px){[style*=gridTemplateColumns][style*=repeat\(auto-fit],[style*=grid-template-columns][style*=repeat\(auto-fit]{grid-template-columns:1fr!important;max-width:100%!important}[style*="display: grid"]>div,[style*=display\:grid]>div{max-width:100%!important;overflow-x:hidden!important}}.dashboard-page{padding:var(--spacing-lg);scrollbar-width:none;-ms-overflow-style:none;max-width:1600px;margin:0 auto}.dashboard-page::-webkit-scrollbar{display:none}.dashboard-welcome{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:flex-start;display:flex}.welcome-content{flex:1}.dashboard-welcome .page-title{margin:0 0 var(--spacing-sm)0;font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--text);line-height:var(--leading-tight)}.dashboard-welcome .page-subtitle{color:var(--text-secondary);font-size:var(--font-base);line-height:var(--leading-normal);margin:0}.btn-refresh-all{align-items:center;gap:var(--spacing-sm);background:var(--primary);color:var(--bg);border-radius:var(--radius-base);font-weight:var(--font-semibold);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;padding:10px 20px;display:flex}.btn-refresh-all:hover{background:var(--primary-hover);box-shadow:0 0 20px var(--primary-glow-soft);transform:translateY(-1px)}.btn-refresh-all:active{transform:translateY(0)}.dashboard-loading{justify-content:center;align-items:center;gap:var(--spacing-base);flex-direction:column;min-height:400px;display:flex}.dashboard-section{margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text);margin-bottom:var(--spacing-base);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border);line-height:var(--leading-tight)}.dashboard-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}@media (min-width:1400px){.dashboard-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.dashboard-grid{gap:var(--spacing-base);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-grid{gap:var(--spacing-base);grid-template-columns:1fr}.dashboard-page{padding:var(--spacing-base)}.dashboard-welcome{gap:var(--spacing-base);padding:var(--spacing-base);flex-direction:column}.dashboard-welcome .page-title{font-size:var(--font-xl)}.btn-refresh-all{justify-content:center;width:100%}.dashboard-welcome-card button span:not(.fa){display:none!important}.dashboard-welcome-card button{min-width:40px;padding:8px 12px!important}.btn-edit-mobile{display:flex!important}.btn-refresh-dashboard .btn-text,.dashboard-welcome-card button .btn-text{display:none!important}.btn-refresh-dashboard svg,.dashboard-welcome-card button svg{margin:0!important;display:inline-block!important}}@media (max-width:480px){.dashboard-page{padding:8px}.dashboard-welcome{padding:12px}.dashboard-welcome .page-title{font-size:var(--font-lg)}.dashboard-section{margin-bottom:var(--spacing-xl)}.page,.page-content{padding:8px!important}.faith-page{padding:12px!important}.faith-section{margin-bottom:12px!important;padding:12px!important}.tab-header{flex-direction:column;gap:12px;align-items:stretch!important}.tab-actions{flex-direction:column;gap:8px;width:100%}.tab-actions select,.tab-actions button{width:100%;min-height:44px}.tab-header>div:first-child{margin-bottom:8px}}.widget-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);padding:16px;position:relative;overflow:hidden}@media (max-width:768px){.widget-card{margin-bottom:12px;padding:12px}}.widget-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #0000004d,var(--glow-primary)}.widget-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-base);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);display:flex}.widget-header svg{font-size:var(--font-xl);color:var(--primary);flex-shrink:0}.widget-header h3{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--text);line-height:var(--leading-tight);flex:1;margin:0}.btn-refresh{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-base);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;display:flex}.btn-refresh:hover{color:var(--primary);background:var(--bg-hover)}.btn-refresh:active{transform:rotate(180deg)}.widget-loading{gap:var(--spacing-md);padding:var(--spacing-base)0;flex-direction:column;display:flex}.skeleton{background:linear-gradient(90deg,var(--bg-hover)0%,var(--bg-elevated)50%,var(--bg-hover)100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:var(--spacing-base);width:100%}.skeleton-text:nth-child(2){width:80%}.skeleton-text:nth-child(3){width:60%}.widget-error{border-color:var(--danger)}.error-message{color:var(--danger);font-size:var(--font-sm);margin:var(--spacing-base)0;line-height:var(--leading-normal)}.btn-retry{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-base);background:var(--danger);color:var(--text);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);font-size:var(--font-sm);transition:all var(--transition-base);border:none;display:flex}.btn-retry:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-retry:active{transform:translateY(0)}.widget-locked{border-color:var(--warning);opacity:.9}.widget-locked-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.lock-icon{color:var(--warning);opacity:.7;margin-bottom:16px;font-size:48px}.lock-message{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.btn-upgrade{background:var(--primary);color:var(--bg);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.btn-upgrade:hover{background:var(--primary-hover);box-shadow:0 0 20px var(--primary-glow-soft);transform:translateY(-2px)}.widget-limited{border:1px solid var(--warning);background:#ffc1071a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.widget-limited p{color:var(--text-secondary);flex:1;margin:0;font-size:13px}.widget-limited .btn-upgrade{padding:6px 12px;font-size:13px}.weather-widget{grid-column:span 1}.weather-header-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.weather-unit-toggle{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.weather-unit-toggle:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.weather-content{flex-direction:column;gap:20px;padding:8px 0;display:flex}.weather-current{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;padding:20px 0;display:flex}.weather-location{color:var(--text);margin-bottom:12px;font-size:16px;font-weight:600}.weather-temp-main{align-items:flex-start;gap:4px;margin-bottom:8px;display:flex}.weather-temp-value{color:var(--primary);font-size:56px;font-weight:700;line-height:1}.weather-temp-unit{color:var(--primary);opacity:.7;margin-top:8px;font-size:24px;font-weight:600}.weather-description{color:var(--text-secondary);text-transform:capitalize;font-size:16px;font-weight:500}.weather-forecast-section{flex-direction:column;gap:12px;display:flex}.weather-horizon-controls{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0;display:flex}.weather-horizon-btn{background:var(--bg-elevated);border:1px solid var(--border);min-width:70px;color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:6px;flex:1;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.weather-horizon-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--text)}.weather-horizon-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg);box-shadow:0 0 16px var(--primary-glow-soft);font-weight:600}.weather-horizon-btn.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.weather-forecast-title{color:var(--text);border-bottom:1px solid var(--border);margin:0;padding-bottom:8px;font-size:14px;font-weight:600}.weather-forecast-scroll{scrollbar-width:thin;scrollbar-color:var(--primary)var(--bg-elevated);gap:12px;padding:8px 0;display:flex;overflow:auto hidden}.weather-forecast-scroll::-webkit-scrollbar{height:6px}.weather-forecast-scroll::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:3px}.weather-forecast-scroll::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.weather-forecast-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.weather-forecast-day{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:100px;padding:12px 16px;transition:all .2s;display:flex}.weather-forecast-day:hover{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow-soft);transform:translateY(-2px)}.weather-forecast-day.today{background:linear-gradient(135deg,var(--primary-grad-start)0%,var(--primary-grad-end)100%);border-color:var(--primary);color:var(--bg)}.forecast-date{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:600}.weather-forecast-day.today .forecast-date{color:var(--bg);opacity:.9}.forecast-icon{margin:4px 0;font-size:32px}.forecast-temps{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.forecast-max{color:var(--text)}.weather-forecast-day.today .forecast-max{color:var(--bg)}.forecast-min{color:var(--text-secondary);opacity:.8}.weather-forecast-day.today .forecast-min{color:var(--bg);opacity:.7}.forecast-desc{color:var(--text-muted);text-align:center;text-transform:capitalize;font-size:11px}.weather-forecast-day.today .forecast-desc{color:var(--bg);opacity:.8}.weather-no-forecast{text-align:center;color:var(--text-secondary);padding:20px;font-size:14px;font-style:italic}@media (max-width:768px){.weather-temp-value{font-size:48px}.weather-temp-unit{font-size:20px}.weather-forecast-day{min-width:90px;padding:10px 12px}.forecast-icon{font-size:28px}}.weather-main{flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}.weather-temp{color:var(--primary);font-size:48px;font-weight:700}.weather-condition{color:var(--text-secondary);font-size:18px;font-weight:500}.weather-details{flex-direction:column;gap:8px;display:flex}.weather-detail{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}.weather-detail:last-child{border-bottom:none}.weather-detail .label{color:var(--text-secondary);font-size:14px}.weather-detail .value{color:var(--text);font-size:14px;font-weight:500}.tasks-content{padding:8px 0}.tasks-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid;overflow-x:auto}.task-stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;padding:16px;transition:all .2s;display:flex}.task-stat:hover{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow-soft)}.task-stat-warning:hover{border-color:var(--danger);box-shadow:0 0 12px #ef44444d}.task-stat-success:hover{border-color:var(--success);box-shadow:0 0 12px #10b9814d}.task-stat .stat-value{color:var(--primary);margin-bottom:4px;font-size:32px;font-weight:700}.task-stat-warning .stat-value{color:var(--danger)}.task-stat-success .stat-value{color:var(--success)}.task-stat .stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:13px;font-weight:500}.productivity-content{flex-direction:column;gap:24px;padding:8px 0;display:flex}.productivity-score{justify-content:center;padding:16px 0;display:flex}.score-circle{border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.score-inner{background:var(--bg-surface);border:2px solid var(--border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.score-value{color:var(--primary);font-size:32px;font-weight:700}.score-label{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:500}.productivity-stats{flex-direction:column;gap:12px;display:flex}.productivity-stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.productivity-stat .stat-label{color:var(--text-secondary);font-size:14px}.productivity-stat .stat-value{color:var(--text);font-size:14px;font-weight:600}.finance-content{flex-direction:column;gap:20px;padding:8px 0;display:flex}.finance-balance{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;padding:20px 0;display:flex}.balance-label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:500}.balance-value{color:var(--primary);margin-bottom:4px;font-size:36px;font-weight:700}.balance-accounts{color:var(--text-muted);font-size:12px}.finance-monthly{gap:12px;display:flex}.finance-stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex:1;align-items:center;gap:12px;padding:16px;display:flex}.finance-stat svg{font-size:24px}.finance-income svg{color:var(--success)}.finance-expense svg{color:var(--danger)}.finance-stat div{flex-direction:column;gap:4px;display:flex}.finance-stat .stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:12px}.finance-stat .stat-value{color:var(--text);font-size:16px;font-weight:600}.finance-last-transaction{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.transaction-label{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:500}.transaction-details{flex-direction:column;gap:4px;display:flex}.transaction-amount{font-size:20px;font-weight:700}.transaction-income{color:var(--success)}.transaction-expense{color:var(--danger)}.transaction-category{color:var(--text);font-size:14px}.transaction-date{color:var(--text-muted);font-size:12px}.quick-actions-widget{grid-column:span 1}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:8px 0;display:grid}.quick-action-btn{background:var(--bg-elevated);border:2px solid var(--border);cursor:pointer;color:var(--text);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.quick-action-btn svg{font-size:24px}.dashboard-welcome-card{background:linear-gradient(135deg,var(--bg-surface)0%,var(--bg-elevated)100%);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}.dashboard-welcome-card:before{content:"";background:linear-gradient(90deg,var(--primary-grad-start),var(--primary-grad-end));height:4px;box-shadow:0 0 12px var(--primary-glow-soft);position:absolute;top:0;left:0;right:0}.welcome-card-content{flex:1}.welcome-greeting{color:var(--text);background:linear-gradient(135deg,var(--text)0%,var(--primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:600}.welcome-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.tasks-widget .tasks-grid{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.widget-action-btn{background:var(--primary);color:var(--bg);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.widget-action-btn:hover{background:var(--primary-hover);box-shadow:0 0 16px var(--primary-glow-soft);transform:translateY(-1px)}.widget-plan-notice{border:1px solid var(--warning);text-align:center;background:#ffc1071a;border-radius:6px;margin-top:12px;padding:8px 12px}.widget-plan-notice small{color:var(--text-secondary);font-size:12px}.productivity-score-bar{margin-bottom:20px}.score-bar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.score-bar-header .score-label{color:var(--text-secondary);font-size:14px;font-weight:500}.score-bar-header .score-value{font-size:20px;font-weight:700}.score-bar-track{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;height:12px;overflow:hidden}.score-bar-fill{border-radius:6px;height:100%;transition:width .6s;position:relative}.score-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.productivity-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.productivity-stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;padding:16px;transition:all .2s;display:flex}.productivity-stat-card:hover{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow-soft)}.productivity-stat-card .stat-value{color:var(--primary);margin-bottom:4px;font-size:28px;font-weight:700}.productivity-stat-card .stat-label{color:var(--text-secondary);text-align:center;font-size:13px}.finance-balance-display{background:linear-gradient(135deg,var(--bg-elevated)0%,var(--bg-surface)100%);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.balance-icon{color:var(--primary);font-size:32px}.balance-info{flex-direction:column;gap:4px;display:flex}.balance-label{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:500}.balance-value{color:var(--text);font-size:28px;font-weight:700}.finance-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.finance-stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.finance-stat-card:hover{border-color:var(--success);box-shadow:0 0 12px #10b98133}.finance-stat-card svg{color:var(--success);font-size:24px}.finance-stat-card div{flex-direction:column;gap:4px;display:flex}.finance-stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.finance-stat-card .stat-value{color:var(--text);font-size:16px;font-weight:600}.dashboard-widget{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.dashboard-widget:hover{border-color:var(--primary);box-shadow:0 4px 16px #0000004d,var(--glow-primary)}.widget-locked-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.widget-locked-state .lock-icon{color:var(--text-muted);opacity:.5;margin-bottom:8px;font-size:48px}.widget-locked-state .lock-message{color:var(--text-secondary);margin:0;font-size:15px;font-weight:500}.widget-placeholder{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.widget-placeholder p{margin:0;font-size:14px}.main-grid{column-count:3;column-fill:balance;column-gap:20px;display:block}.dashboard-edit-hint{color:var(--text-secondary);margin:8px 0 12px;font-size:12px}.dashboard-widget-shell{break-inside:avoid;vertical-align:top;width:100%;height:auto;min-height:200px;margin:0 0 20px;display:inline-block;position:relative}.dashboard-edit-mode .dashboard-widget-shell.is-editable{cursor:grab;outline:1px dashed var(--primary);outline-offset:6px;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;border-radius:12px;height:auto}.dashboard-edit-mode .dashboard-widget-shell.is-editable:active{cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:none}.dashboard-widget-shell.is-dragging{opacity:.6}.insights-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;display:grid}.insights-advanced-card{width:100%;min-width:0;display:block;position:relative}.insights-edit-mode .insights-advanced-card.is-editable{cursor:grab;outline:1px dashed var(--primary);outline-offset:6px;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;border-radius:12px}.insights-edit-mode .insights-advanced-card.is-editable:active{cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:none}.insights-advanced-card.is-dragging{opacity:.6}.automation-edit-mode .automation-rule-card{outline:2px dashed var(--accent-primary);outline-offset:6px;box-shadow:0 0 16px var(--primary-glow-soft)}.automation-edit-mode .automation-rule-shell.is-editable{cursor:grab}.automation-edit-mode .automation-rule-shell.is-editable:active{cursor:grabbing}.automation-rule-shell.is-dragging{opacity:.6}.security-edit-mode .security-card{outline:2px dashed var(--accent-primary);outline-offset:6px;box-shadow:0 0 16px var(--primary-glow-soft)}.security-edit-mode .security-card.is-editable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none}.security-edit-mode .security-card.is-editable:active{cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:none}.security-card.is-dragging{opacity:.6}@media (min-width:1200px){.main-grid{column-count:3}}@media (min-width:768px) and (max-width:1199px){.main-grid{column-count:2}}@media (max-width:767px){.main-grid{column-count:1;column-gap:0}}@media (min-width:1200px){.insights-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}}@media (min-width:768px) and (max-width:1199px){.insights-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}}@media (max-width:767px){.insights-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}}.advanced-grid{gap:20px;display:grid}@media (min-width:1200px){.advanced-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:1199px){.advanced-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.advanced-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-welcome-card{text-align:center;flex-direction:column;gap:16px;padding:24px 20px}.welcome-greeting{font-size:24px}.btn-refresh-all{justify-content:center;width:100%}.tasks-widget .tasks-grid{grid-template-columns:repeat(2,1fr);gap:8px}.productivity-stats-grid{grid-template-columns:repeat(2,1fr)}.finance-stats-grid,.quick-actions-grid{grid-template-columns:1fr}}.rule-actions-buttons{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}@media (max-width:480px){.rule-actions-buttons{flex-direction:column}.rule-actions-buttons .btn{width:100%!important;min-width:auto!important}}.rule-actions-buttons .btn{flex:1;width:auto;min-width:80px}.builder-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@media (max-width:480px){.builder-actions{flex-direction:column-reverse}.builder-actions .btn{width:100%!important;min-width:auto!important}}.builder-actions .btn{width:auto;min-width:100px}.automation-rule-card .rule-actions-buttons .btn{padding:6px 12px;font-size:12px}.steps-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:20px;padding-bottom:16px;display:flex}@media (max-width:480px){.steps-nav{gap:2px}.steps-nav button{flex:1;min-width:60px;padding:6px 8px;font-size:12px}}.steps-nav button{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .3s}.steps-nav button:hover{border-color:var(--primary);color:var(--primary)}.steps-nav button.active{background:var(--primary);color:var(--bg);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow-soft)}.rule-builder .btn{width:auto}.condition-item .btn,.action-item .btn{width:auto;min-width:60px;padding:4px 8px;font-size:12px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.step-content{padding:20px 0}.conditions-list,.actions-list{margin-bottom:20px}.condition-item,.action-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}@media (max-width:640px){.condition-item,.action-item{flex-direction:column;align-items:stretch;gap:8px}.condition-item select,.condition-item input,.action-item select,.action-item input{flex:none;width:100%}}.condition-item:last-child,.action-item:last-child{margin-bottom:0}.condition-item select,.action-item select,.condition-item input,.action-item input{flex:1}.automation-rule-card .rule-header{margin-bottom:16px}.validation-errors{margin-bottom:20px}.validation-error{color:var(--status-error);background:var(--bg-secondary);border:1px solid var(--status-error);border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:14px}.automation-rule-card .rule-description{color:var(--text-secondary);margin-bottom:16px}.automation-rule-card .rule-trigger,.automation-rule-card .rule-conditions,.automation-rule-card .rule-actions{background:var(--bg-elevated);border-left:3px solid var(--primary);border-radius:6px;margin-bottom:12px;padding:8px 12px}.automation-rule-card .rule-stats{background:var(--bg-surface);color:var(--text-secondary);border-radius:6px;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:12px;display:flex}@media (max-width:480px){.automation-rule-card .rule-stats{flex-direction:column;align-items:flex-start;gap:4px}}.automation-rule-card .rule-stats span{align-items:center;gap:4px;display:flex}.rule-actions-menu-mobile{display:none}.automation-layout{box-sizing:border-box;width:100%;padding:0 20px}@media (min-width:768px){.automation-layout{padding:0 32px}}@media (min-width:1200px){.automation-layout{max-width:1400px;margin:0 auto;padding:0 40px}}.rules-grid{grid-template-columns:1fr;gap:20px;margin-top:24px;display:grid}@media (min-width:640px){.rules-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}}@media (min-width:1024px){.rules-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (min-width:1400px){.rules-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}.rules-header{margin-bottom:20px}@media (max-width:400px){.header-logo{display:none}.header-datetime-notch{padding:6px 12px;font-size:11px}.tab-header{flex-direction:column;gap:12px;align-items:stretch!important}.tab-actions{flex-direction:column;width:100%}.tab-actions select,.tab-actions button{width:100%}[style*="grid-template-columns: repeat(auto-fit, minmax(450px"],[style*=minmax\(420px]{grid-template-columns:1fr!important}[style*="display: grid"][style*=minmax]{grid-template-columns:1fr!important;gap:16px!important}[style*=gridTemplateColumns][style*="420px"],[style*=grid-template-columns][style*="420px"]{grid-template-columns:1fr!important;max-width:100%!important;overflow-x:hidden!important}[style*=gridTemplateColumns][style*="420px"]>div,[style*=grid-template-columns][style*="420px"]>div{box-sizing:border-box!important;word-wrap:break-word!important;max-width:100%!important;overflow-x:hidden!important}.main-grid,.advanced-grid{gap:12px!important}.widget-card{min-width:0!important;overflow-x:hidden!important}.dashboard-welcome-card button{border:2px solid var(--primary)!important;text-indent:-9999px!important;white-space:nowrap!important;background:0 0!important;border-radius:50%!important;justify-content:center!important;gap:0!important;width:32px!important;min-width:auto!important;height:32px!important;padding:0!important;position:relative!important;overflow:hidden!important}.dashboard-welcome-card button svg{color:var(--primary)!important;margin:0!important;font-size:16px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.dashboard-welcome-card>div>div>div>span[style*="font-size: 11px"]{display:none!important}.plan-button{white-space:normal!important;word-break:break-word!important;text-align:center!important;padding:12px 16px!important;font-size:14px!important}button[style*="display: flex"],button[style*=display\:flex]{white-space:normal!important;word-break:break-word!important;padding:8px 12px!important;font-size:13px!important}section[class*=bg-gray-800]>div[class*=flex]:first-child{flex-direction:column!important;align-items:center!important;gap:16px!important}section[class*=bg-gray-800]>div[class*=flex]:first-child>button{width:100%!important}.modal-overlay{padding:12px!important}.modal-content,.modal,[class*=modal]{max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;margin:0!important;overflow-y:auto!important}table{-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}thead{display:none!important}tbody{width:100%!important;display:block!important}tr{border:1px solid var(--border)!important;background:var(--bg-surface)!important;border-radius:8px!important;margin-bottom:16px!important;padding:12px!important;display:block!important}td{text-align:left!important;border:none!important;width:100%!important;padding:8px 0!important;display:block!important}td:before{content:attr(data-label)": "!important;color:var(--text-secondary)!important;min-width:100px!important;font-weight:600!important;display:inline-block!important}.admin-table,table.admin-table,[class*=admin] table{display:table!important}.admin-table thead,table.admin-table thead,[class*=admin] table thead{display:table-header-group!important}.admin-table tbody,table.admin-table tbody,[class*=admin] table tbody{display:table-row-group!important}.admin-table tr,table.admin-table tr,[class*=admin] table tr{display:table-row!important}.admin-table td,table.admin-table td,[class*=admin] table td{display:table-cell!important}.admin-table td:before,table.admin-table td:before,[class*=admin] table td:before{display:none!important}div[style*=justify-between][style*=items-center]>button[style*="display: flex"][style*="gap: 8px"]{justify-content:center!important;width:100%!important;max-width:300px!important;margin:0 auto!important}div[style*=justify-between][style*=items-center]:has(button[style*="gap: 8px"]){flex-direction:column!important;align-items:center!important;gap:16px!important}[style*="grid-template-columns: repeat(auto-fill, minmax(320px"]{grid-template-columns:1fr!important}}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.empty-state p,.page-title{margin-bottom:8px}.page-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:16px}.trigger-config{margin-top:16px}.trigger-config .form-group{margin-bottom:16px}.offline-badge{z-index:12000;flex-direction:column;gap:8px;display:flex;position:fixed;top:92px;right:24px}.offline-badge--pending{top:130px}.offline-badge-pill{letter-spacing:.3px;text-transform:uppercase;color:var(--text);background:#0f172acc;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #00000059}.offline-badge-pill--offline{color:#fecaca;background:#7f1d1d66;border-color:#f8717166}.offline-badge-pill--info{color:#bfdbfe;background:#1e40af59;border-color:#60a5fa66}.offline-badge-pill--warning{color:#fde68a;background:#78350f59;border-color:#fbbf2473}.offline-banner{z-index:12000;color:#fee2e2;text-transform:uppercase;letter-spacing:.4px;background:#7f1d1deb;border-bottom:1px solid #f8717166;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;position:fixed;top:64px;left:0;right:0}.offline-banner-title{align-items:center;gap:8px;display:inline-flex}.offline-banner-icon{border:2px solid #fecaca;border-radius:999px;flex-shrink:0;width:12px;height:12px;position:relative}.offline-banner-icon:after{content:"";background:#fecaca;border-radius:999px;width:10px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.offline-banner-meta{color:#fecaca;text-transform:none;letter-spacing:.2px;font-size:11px;font-weight:500}.offline-banner-actions{align-items:center;gap:10px;display:inline-flex}.offline-banner-dismiss{color:#fee2e2;cursor:pointer;background:#7f1d1d99;border:1px solid #f8717166;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.offline-banner-dismiss:hover{background:#7f1d1dd9}.offline-banner-dismiss:focus-visible{outline-offset:2px;outline:2px solid #fecacae6}[data-platform=apk] .app-shell.is-offline .app-shell-content button:not([data-offline-allow=true]),[data-platform=apk] .app-shell.is-offline .app-shell-content .btn:not([data-offline-allow=true]),[data-platform=apk] .app-shell.is-offline .app-shell-content [role=button]:not([data-offline-allow=true]),[data-platform=apk] .app-shell.is-offline .app-shell-content input:not([data-offline-allow=true]),[data-platform=apk] .app-shell.is-offline .app-shell-content select:not([data-offline-allow=true]),[data-platform=apk] .app-shell.is-offline .app-shell-content textarea:not([data-offline-allow=true]){pointer-events:none;opacity:.55;filter:grayscale(.2);cursor:not-allowed}@media (max-width:768px){.offline-badge{top:76px;right:16px}.offline-badge--pending{top:116px}.offline-banner{flex-direction:column;align-items:flex-start;top:52px}}@media (max-width:1024px){:root{--font-sm:15px;--font-base:17px;--font-lg:20px;--font-xl:26px;--spacing-sm:10px;--spacing-md:14px;--spacing-base:18px;--spacing-lg:28px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}body{font-size:var(--font-base);line-height:1.55}.faith-page,.page,.dashboard-page,.productivity-page{padding-top:max(16px,calc(env(safe-area-inset-top) + 8px))!important}.page,.dashboard-page,.productivity-page{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.page>:not(.app-shell-content),.dashboard-page>:not(.app-shell-content),.productivity-page>:not(.app-shell-content){padding-left:12px;padding-right:12px}.header-module2{padding-top:12px;z-index:100!important}[data-status-bar-visible=true] .header-module2{padding-top:max(12px,var(--safe-top))}.app-shell-content{padding-bottom:calc(var(--spacing-lg) + var(--safe-bottom))}.keyboard-shortcuts-dock{bottom:calc(var(--spacing-base) + var(--safe-bottom))}.app-shell-backdrop{z-index:998!important}button,.btn,[role=button]{min-height:44px;padding:12px 16px;font-size:15px}input,select,textarea{min-height:44px;padding:12px 14px;font-size:16px}.toast-container{max-width:none;top:12px;left:12px;right:12px}.toast{border-radius:12px;padding:16px}.toast-message{font-size:15px}.modal-content,.modal,[class*=modal]:not(.gps-modal):not(.gps-modal-overlay):not(.gps-modal-content){padding:16px!important}.modal-title,[class*=modal-title],[class*=modal]:not(.gps-modal):not(.gps-modal-content) h1,[class*=modal]:not(.gps-modal):not(.gps-modal-content) h2{font-size:16px!important}.modal-description,.modal-body,[class*=modal-description],[class*=modal]:not(.gps-modal):not(.gps-modal-content) p{font-size:14px!important}.modal-note,[class*=modal-note],[class*=modal]:not(.gps-modal):not(.gps-modal-content) small{font-size:12px!important}[class*=modal]:not(.gps-modal):not(.gps-modal-content) button{min-height:44px!important;font-size:14px!important}.settings-card,.settings-section,.settings-row,.settings-card-body{gap:var(--spacing-base)}.dashboard-page{padding:12px}.dashboard-welcome-card{gap:12px;padding:20px 16px}.welcome-greeting{font-size:20px}.welcome-subtitle{font-size:12px}.welcome-plan-badge{padding:3px 8px;font-size:11px}.section-title{font-size:16px}.dashboard-widget{padding:14px}.dashboard-edit-hint{font-size:11px}}[data-platform=apk] .dashboard-welcome-header{flex-direction:column;align-items:flex-start;gap:12px}[data-platform=apk] .dashboard-plan-row{align-items:center;width:100%}[data-platform=apk] .dashboard-plan-info{flex:1;min-width:0}[data-platform=apk] .dashboard-plan-expiry{font-size:11px}[data-platform=apk] .dashboard-welcome-actions{align-self:flex-end;align-items:flex-end;margin-top:0}[data-platform=apk] .dashboard-welcome-action-row{justify-content:flex-end}[data-platform=apk] .dashboard-welcome-actions .btn-refresh-dashboard,[data-platform=apk] .dashboard-welcome-actions .btn-edit-mobile{aspect-ratio:1;box-sizing:border-box!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:0!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;line-height:1!important;display:inline-flex!important}[data-platform=apk] .btn-refresh-dashboard .btn-text,[data-platform=apk] .btn-edit-mobile .btn-text{display:none!important}[data-platform=apk] .btn-refresh-dashboard svg,[data-platform=apk] .btn-edit-mobile svg{margin:0!important;display:inline-block!important}[data-platform=apk] .task-check{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;line-height:1!important}[data-platform=apk] .finance-balance-display .balance-value{font-size:20px}[data-platform=apk] .finance-balance-display .balance-icon{font-size:24px}[data-platform=apk] .keyboard-trigger-desktop-only{display:none!important}[data-platform=apk] .security-page{padding:12px 10px}[data-platform=apk] .security-page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}[data-platform=apk] .security-page-header .page-title{font-size:20px!important}[data-platform=apk] .security-page-header .page-subtitle{font-size:12px!important;line-height:1.4!important}[data-platform=apk] .security-page-header .btn{justify-content:center!important;width:100%!important}[data-platform=apk] .security-grid{grid-template-columns:1fr!important;gap:12px!important}[data-platform=apk] .security-card{border-radius:12px!important;padding:14px!important}[data-platform=apk] .security-card-header{margin-bottom:12px!important}[data-platform=apk] .security-card-header--with-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important}[data-platform=apk] .security-card-title-row{gap:6px!important}[data-platform=apk] .security-card-icon,[data-platform=apk] .security-card-title{font-size:16px!important}[data-platform=apk] .security-card-actions{width:100%;flex-direction:column!important;align-items:stretch!important;gap:8px!important}[data-platform=apk] .security-card-actions .btn{justify-content:center!important;width:100%!important}[data-platform=apk] .security-card-quota{width:100%!important;min-width:0!important}[data-platform=apk] .security-card-search{margin-bottom:12px!important}[data-platform=apk] .security-card input:not([type=range]),[data-platform=apk] .security-card select,[data-platform=apk] .security-card textarea{min-height:40px!important;padding:10px 12px!important;font-size:14px!important}[data-platform=apk] .security-card-list{gap:10px!important;max-height:320px!important}[data-platform=apk] .security-activity-list{overflow-x:hidden}[data-platform=apk] .security-card-item{border-radius:10px!important;padding:10px!important}[data-platform=apk] .security-item-title{font-size:13px!important}[data-platform=apk] .security-item-subtitle{font-size:11px!important}[data-platform=apk] .security-item-meta{font-size:10px!important}[data-platform=apk] .security-item-secret{font-size:12px!important}[data-platform=apk] .security-item-notes{font-size:10px!important}[data-platform=apk] .security-icon-button{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;line-height:1;display:inline-flex;padding:0!important}@media (max-width:768px){.header-avatar{aspect-ratio:1!important;border-radius:50%!important;flex-shrink:0!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.modal-overlay{-webkit-overflow-scrolling:touch!important;justify-content:center!important;align-items:center!important;padding:16px!important;overflow-y:auto!important}.modal-content,.modal{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;max-height:calc(90vh - var(--safe-top,0px) - var(--safe-bottom,0px))!important;border-radius:12px!important;flex-direction:column!important;margin:auto!important;padding:20px!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;overflow-y:auto!important;transform:none!important}.modal-header{flex-shrink:0!important;margin-bottom:0!important;padding:16px 16px 12px!important}.modal-title{font-size:16px!important;line-height:1.4!important}.modal-icon,.modal-icon-warning{width:18px!important;height:18px!important;font-size:18px!important}.modal-body{flex:1!important;min-height:0!important;margin-bottom:0!important;padding:16px!important;overflow-y:auto!important}.modal-description,.modal-body p{font-size:13px!important;line-height:1.5!important}.modal-label{margin-bottom:6px!important;font-size:12px!important}.modal-input,.modal-input-group input,.modal-input-group select,.modal-input-group textarea{border-radius:8px!important;min-height:44px!important;padding:12px 14px!important;font-size:14px!important}.modal-input-group{margin-bottom:14px!important}.modal-footer{flex-direction:column-reverse!important;flex-shrink:0!important;gap:10px!important;padding:12px 16px 16px!important}.modal-footer button,.modal-footer .btn{width:100%!important;min-height:48px!important;padding:14px 20px!important;font-size:14px!important}.modal-close,.modal-close-btn{width:32px!important;height:32px!important;font-size:18px!important;top:12px!important;right:12px!important}div[style*="position: fixed"][style*="top: 50%"][style*="left: 50%"],div[style*=position\:fixed][style*="top:50%"][style*="left:50%"]{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;max-height:calc(90vh - var(--safe-top,0px) - var(--safe-bottom,0px))!important;margin:0!important;padding:20px!important;position:fixed!important;top:50%!important;left:50%!important;overflow-y:auto!important;transform:translate(-50%,-50%)!important}div[style*=maxWidth][style*="500px"],div[style*=max-width][style*="500px"],div[style*=maxWidth][style*="600px"],div[style*=max-width][style*="600px"]{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important}}@media (max-width:480px){.modal-overlay{padding:12px!important}.modal-content,.modal,div[style*="position: fixed"][style*="top: 50%"][style*="left: 50%"],div[style*=position\:fixed][style*="top:50%"][style*="left:50%"]{border-radius:8px!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;padding:16px!important}div[style*=maxWidth][style*="500px"],div[style*=max-width][style*="500px"],div[style*=maxWidth][style*="600px"],div[style*=max-width][style*="600px"]{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}}@media (max-width:768px){.wizard-container{padding:12px!important}.wizard-header{margin-bottom:16px!important;padding:14px 16px!important}.wizard-title{font-size:18px!important}.wizard-subtitle{font-size:13px!important}.wizard-steps{scrollbar-width:none!important;margin-bottom:20px!important;padding:0 8px!important;overflow-x:auto!important}.wizard-steps::-webkit-scrollbar{display:none!important}.wizard-step{min-width:80px!important;padding:8px 4px!important}.step-number{width:28px!important;height:28px!important;margin-bottom:6px!important;font-size:13px!important}.step-label{font-size:11px!important;line-height:1.3!important}.wizard-content{padding:16px!important}.wizard-section-title{margin-bottom:12px!important;font-size:16px!important}.wizard-field-group,.wizard-form-group{margin-bottom:14px!important}.wizard-field-label,.wizard-label{margin-bottom:6px!important;font-size:13px!important}.wizard-field-input,.wizard-input{min-height:44px!important;padding:12px 14px!important;font-size:16px!important}.wizard-actions{background:var(--bg-surface)!important;border-top:1px solid var(--border)!important;flex-direction:row!important;gap:10px!important;margin:0 -12px -12px!important;padding:14px 16px!important;position:sticky!important;bottom:0!important}.wizard-actions button,.wizard-actions .btn{flex:1!important;min-height:48px!important;padding:14px 16px!important;font-size:15px!important}.wizard-navigation{padding:12px 0!important}.wizard-progress{height:6px!important;margin-bottom:16px!important}.wizard-progress-bar{height:6px!important}.import-wizard-modal .modal-content{padding:0!important}.file-drop-zone{min-height:140px!important;padding:24px 16px!important}.file-drop-icon{margin-bottom:10px!important;font-size:32px!important}.file-drop-text{font-size:14px!important}.file-drop-hint{font-size:12px!important}.mapping-table{font-size:13px!important}.mapping-header,.mapping-row{padding:10px 8px!important}.preview-table{font-size:12px!important}.preview-row{padding:8px 6px!important}.confirmation-dialog,.confirm-dialog{max-width:calc(100vw - 24px)!important;padding:16px!important}.confirmation-title,.confirm-title{font-size:17px!important}.confirmation-message,.confirm-message{font-size:14px!important;line-height:1.5!important}.confirmation-actions,.confirm-actions{flex-direction:column-reverse!important;gap:10px!important;margin-top:16px!important}.confirmation-actions button,.confirm-actions button{width:100%!important;min-height:48px!important;font-size:15px!important}.dropdown-menu,.context-menu{max-width:calc(100vw - 24px)!important;max-height:60vh!important;font-size:14px!important}.dropdown-item,.context-menu-item{min-height:44px!important;padding:12px 14px!important;font-size:14px!important}.dropdown-icon,.context-menu-icon{font-size:16px!important}.tooltip{max-width:200px!important;padding:6px 10px!important;font-size:12px!important}.automation-layout{padding:0 4px!important}.page-title{margin-bottom:8px!important;font-size:24px!important}.page-subtitle{margin-bottom:16px!important;font-size:14px!important}.rules-grid{grid-template-columns:1fr!important;gap:16px!important;margin-top:16px!important}.automation-rule-card{padding:14px!important}.automation-rule-card .rule-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.automation-rule-card .rule-title{font-size:16px!important;line-height:1.4!important}.automation-rule-card .rule-description{margin-bottom:12px!important;font-size:14px!important;line-height:1.5!important}.automation-rule-card .rule-trigger,.automation-rule-card .rule-conditions,.automation-rule-card .rule-actions{margin-bottom:10px!important;padding:10px 12px!important;font-size:14px!important}.automation-rule-card .rule-stats{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;margin-bottom:12px!important;padding:10px 12px!important;font-size:13px!important}.automation-rule-card .rule-stats span{font-size:13px!important}.status-badge{border-radius:12px!important;padding:4px 10px!important;font-size:12px!important}.rule-actions-buttons{display:none!important}.rule-actions-menu-mobile{margin-top:14px!important;display:block!important;position:relative!important}.rule-menu-trigger{background:var(--bg-elevated)!important;border:1px solid var(--border)!important;cursor:pointer!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:48px!important;padding:12px!important;transition:all .2s!important;display:flex!important}.rule-menu-trigger:active{background:var(--bg-hover)!important;transform:scale(.98)!important}.rule-menu-trigger svg{color:var(--text-primary)!important;font-size:20px!important}[data-theme=light] .rule-menu-trigger svg,[data-theme=dark] .rule-menu-trigger svg{color:var(--text-primary)!important}.rule-menu-dropdown{background:var(--bg-card)!important;border:1px solid var(--border)!important;z-index:10000!important;opacity:1!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:8px!important;margin-bottom:8px!important;animation:.2s slideUpFadeIn!important;position:absolute!important;bottom:100%!important;left:0!important;right:0!important;overflow:hidden!important;box-shadow:0 8px 16px #0006!important}[data-theme=dark] .rule-menu-dropdown{background:#14181f!important}[data-theme=light] .rule-menu-dropdown{background:#fff!important}[dir=rtl] .rule-menu-dropdown{left:auto!important;right:0!important}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rule-menu-item{border:none!important;border-bottom:1px solid var(--border)!important;width:100%!important;min-height:48px!important;color:var(--text-primary)!important;text-align:left!important;cursor:pointer!important;background:0 0!important;align-items:center!important;padding:14px 16px!important;font-size:15px!important;transition:background .15s!important;display:flex!important}.rule-menu-item:last-child{border-bottom:none!important}.rule-menu-item:active{background:var(--bg-hover)!important}.rule-menu-item-danger{color:var(--status-error)!important}.rules-header{margin-bottom:16px!important}.rules-header .btn{justify-content:center!important;width:100%!important;min-height:48px!important;font-size:15px!important}.empty-state{text-align:center!important;padding:32px 16px!important}.empty-state p{font-size:14px!important;line-height:1.6!important}.loading-text{text-align:center!important;padding:24px 16px!important;font-size:14px!important}.error-state-compact{padding:16px!important;font-size:14px!important}.card-title .universal-quota-ui{font-size:12px!important}.steps-nav{flex-wrap:wrap!important;gap:6px!important;margin-bottom:16px!important;padding-bottom:12px!important}.steps-nav button{flex:calc(50% - 3px)!important;min-width:0!important;min-height:44px!important;padding:10px 8px!important;font-size:13px!important}.form-group{margin-bottom:18px!important}.form-group label{margin-bottom:8px!important;font-size:14px!important;display:block!important}.form-group input,.form-group select,.form-group textarea{width:100%!important;min-height:44px!important;padding:12px 14px!important;font-size:16px!important}.form-group textarea{min-height:88px!important}.step-content{padding:16px 0!important}.conditions-list,.actions-list{margin-bottom:16px!important}.condition-item,.action-item{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important;padding:14px!important}.condition-item select,.condition-item input,.action-item select,.action-item input{flex:none!important;width:100%!important;min-height:44px!important;font-size:16px!important}.condition-item .btn,.action-item .btn{width:100%!important;min-height:44px!important;padding:10px 14px!important;font-size:14px!important}.builder-actions{bottom:calc(var(--safe-bottom) + 12px)!important;background:var(--bg)!important;z-index:10!important;flex-direction:column-reverse!important;gap:10px!important;margin-top:20px!important;padding:12px 0!important;position:sticky!important}.builder-actions .btn{flex:none!important;width:100%!important;min-height:48px!important;font-size:15px!important}.validation-errors{margin-bottom:16px!important}.validation-error{margin-bottom:8px!important;padding:10px 12px!important;font-size:13px!important;line-height:1.5!important}.trigger-type-select,.trigger-mode-select{width:100%!important;min-height:44px!important;font-size:16px!important}input[type=time],input[type=date]{min-height:44px!important;font-size:16px!important}.operator-select{width:100%!important;min-height:44px!important;font-size:16px!important}.add-condition-btn,.add-action-btn{justify-content:center!important;width:100%!important;min-height:48px!important;font-size:15px!important}.automation-edit-mode .automation-rule-shell.is-editable{cursor:grab!important;-webkit-user-select:none!important;user-select:none!important;touch-action:none!important;-webkit-touch-callout:none!important}.automation-edit-mode .automation-rule-shell.is-editable:active{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important;touch-action:none!important}.automation-rule-shell.is-dragging{opacity:.5!important}.card-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.card-header .universal-quota-ui{width:100%!important}.command-palette-backdrop{padding:8px!important;padding-top:calc(8px + var(--safe-top))!important;align-items:flex-start!important}.command-palette{width:100%!important;max-width:100%!important;max-height:calc(100vh - 16px - var(--safe-top) - var(--safe-bottom))!important;border-radius:16px!important}.command-palette-header{gap:10px!important;padding:14px 16px!important}.command-palette-icon{flex-shrink:0!important;font-size:18px!important}.command-palette-input{flex:1!important;min-width:0!important;font-size:16px!important}.command-palette-kbd{flex-shrink:0!important;padding:6px 10px!important;font-size:11px!important}.command-palette-results{max-height:calc(100vh - 180px - var(--safe-top) - var(--safe-bottom))!important;-webkit-overflow-scrolling:touch!important;overflow-y:auto!important}.command-palette-empty{padding:32px 16px!important}.command-palette-empty-icon{margin-bottom:12px!important;font-size:40px!important}.command-palette-empty p{margin-bottom:6px!important;font-size:15px!important}.command-palette-empty small{font-size:13px!important}.command-palette-shortcuts{flex-direction:column!important;align-items:center!important;gap:10px!important;margin-top:20px!important}.command-palette-shortcut{gap:8px!important;font-size:13px!important}.command-palette-shortcut kbd{text-align:center!important;min-width:32px!important;padding:6px 10px!important;font-size:11px!important}.command-palette-list{padding:6px!important}.command-palette-item{border-radius:10px!important;gap:12px!important;min-height:56px!important;margin-bottom:4px!important;padding:14px 12px!important}.command-palette-item:last-child{margin-bottom:0!important}.command-palette-item-icon{flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:24px!important;font-size:22px!important;display:flex!important}.command-palette-item-content{flex:1!important;min-width:0!important}.command-palette-item-title{margin-bottom:4px!important;font-size:15px!important;font-weight:500!important;line-height:1.4!important}.command-palette-item-subtitle{font-size:13px!important;line-height:1.3!important}.command-palette-item-badge{border-radius:6px!important;flex-shrink:0!important;padding:6px 10px!important;font-size:11px!important;font-weight:500!important}.command-palette-item-selected{border-left:3px solid var(--primary,#00d2e9)!important;padding-left:9px!important}.command-palette-highlight{border-radius:4px!important;padding:2px 4px!important;font-weight:600!important}.command-palette-footer{padding:12px 16px!important;padding-bottom:calc(12px + var(--safe-bottom))!important}.command-palette-footer-hint{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;font-size:12px!important}.command-palette-footer-hint kbd{border-radius:4px!important;padding:4px 8px!important;font-size:10px!important}.command-palette-results::-webkit-scrollbar{width:6px!important}.command-palette-results::-webkit-scrollbar-track{background:0 0!important}.command-palette-results::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:3px!important}.command-palette-results::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.sidebar-module2{width:280px!important;height:100dvh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;z-index:1001!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;left:0!important;transform:translate(-100%)!important}.sidebar-module2.sidebar-open{transform:translate(0)!important}.widget-header{flex-wrap:wrap!important;gap:.5rem!important}.widget-header>div:first-child{flex:auto;min-width:0}.widget-header .widget-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:clamp(.9rem,3vw,1rem)!important}.widget-header button{white-space:nowrap;flex-shrink:0;min-height:36px!important;padding:clamp(.25rem,1.5vw,.375rem) clamp(.5rem,2vw,.75rem)!important;font-size:clamp(.75rem,2vw,.875rem)!important}.widget-header .view-all-btn .view-all-text{display:none!important}.widget-header .view-all-btn{justify-content:center!important;gap:0!important;width:36px!important;height:36px!important;padding:.5rem!important}[data-platform=apk] h1{word-break:break-word;font-size:clamp(1.25rem,4.5vw,1.875rem)!important;line-height:1.2!important}[data-platform=apk] svg[data-icon=bullhorn],[data-platform=apk] .fa-bullhorn{font-size:clamp(24px,5vw,28px)!important}}