.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-32);position:relative;overflow:hidden}.login-bg{position:fixed;inset:0;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#6366f1,#8b5cf6);top:-200px;right:-200px;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#ec4899,#f43f5e);bottom:-100px;left:-100px;animation-delay:-5s}.orb-3{width:300px;height:300px;background:linear-gradient(135deg,#06b6d4,#3b82f6);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}.login-container{position:relative;z-index:1;width:100%;max-width:460px;background:linear-gradient(180deg,#101827d9,#0f172ab3);-webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%);border:1px solid var(--border-subtle);border-radius:calc(var(--radius-xl) + 4px);padding:3.25rem;box-shadow:0 20px 60px #080f1e99,inset 0 1px #ffffff05;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.login-container:hover{transform:translateY(-4px);box-shadow:0 28px 80px #080f1eb3,inset 0 1px #ffffff05}[data-theme=light] .login-container{background:linear-gradient(180deg,#fffffff2,#f5f5f5f0);border:1px solid rgba(0,0,0,.06)}[data-theme=beige] .login-container{background:linear-gradient(180deg,#f5f0e8f5,#ede7dbf0);border:1px solid rgba(44,36,22,.08)}[data-theme=ultra-dark] .login-container{background:linear-gradient(180deg,#0a0a0afa,#000000f5);border:1px solid var(--border-subtle);box-shadow:0 28px 80px #000000e6,inset 0 1px #ffffff08}.login-header{text-align:center;margin-bottom:var(--space-40)}.login-header .logo{display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:80px;border-radius:var(--radius-lg);margin-bottom:var(--space-24);overflow:hidden;box-shadow:0 10px 40px #0000004d}.login-header .logo img{max-width:100%;max-height:100%;object-fit:contain}.login-header .logo.wide{width:auto;max-width:280px;height:auto;min-height:80px;padding:var(--space-8);background:transparent;box-shadow:none}.login-header .logo.wide img{width:auto;height:80px}.login-header h1{font-size:var(--text-28);font-weight:700;margin-bottom:var(--space-8);background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:var(--text-secondary);font-size:var(--text-15)}.login-form{display:flex;flex-direction:column;gap:var(--space-20)}.input-group{position:relative}.input-group .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:2}.input-group input{width:100%;height:52px;padding:var(--space-14) var(--space-48) var(--space-14) var(--space-48)!important;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-16);text-indent:.5rem}.input-group input::placeholder{color:var(--text-muted);opacity:1}.input-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-group input:focus+.input-icon,.input-group input:not(:placeholder-shown)+.input-icon{color:var(--accent)}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);padding:var(--space-4);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--text-primary)}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);height:52px;font-size:var(--text-16);margin-top:var(--space-8);padding:var(--space-12) var(--space-24);background:var(--gradient-1);color:#fff;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-md),0 0 20px var(--accent-glow)}.login-button:hover{box-shadow:var(--shadow-lg),0 0 30px var(--accent-glow)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button svg{flex-shrink:0}.login-divider{display:flex;align-items:center;gap:var(--space-16);margin:var(--space-8) 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.login-divider span{color:var(--text-muted);font-size:var(--text-14);text-transform:uppercase;letter-spacing:.05em}.sso-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-12);width:100%;height:52px;font-size:var(--text-16);padding:var(--space-12) var(--space-16);background:linear-gradient(180deg,var(--surface-overlay),var(--surface-overlay));color:var(--text-primary);font-weight:600;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);box-shadow:0 8px 30px #02061773;padding-left:var(--space-12)}.sso-button:hover{transform:translateY(-3px);box-shadow:0 18px 50px #0206178c;background:linear-gradient(90deg,var(--surface-overlay),var(--surface-overlay))}.sso-button:disabled{opacity:.85;cursor:not-allowed}.sso-icon-wrapper{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-8);background:linear-gradient(135deg,#f97316,#06b6d4);box-shadow:0 6px 18px #060b1473;flex-shrink:0}.sso-icon{width:20px;height:20px;object-fit:contain}.sso-button .sso-button-label{display:inline-block;vertical-align:middle}.sso-button:focus-visible{outline:none;box-shadow:0 0 0 4px #06b6d424,0 18px 50px #0206178c}.sso-button.loading{cursor:progress}.sso-loading{display:inline-flex;gap:var(--space-12);align-items:center}.button-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:#ffffffe6;animation:spin 1s linear infinite;flex-shrink:0}.sso-loading-text{font-weight:500;color:var(--text-primary);font-size:var(--text-15)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.95}to{transform:scale(1);opacity:1}}.sso-icon-wrapper{animation:pulse 3s ease-in-out infinite}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.login-divider{margin-top:var(--space-16)}.register-button{margin-top:var(--space-8);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);width:100%;height:44px;font-size:var(--text-15);background:transparent;color:var(--text-muted);border:1px dashed var(--border-hairline);border-radius:var(--radius-10);padding:var(--space-8) var(--space-16);cursor:pointer;transition:all var(--transition-fast)}.register-button:hover{color:var(--accent);border-color:#06b6d41f;background:var(--surface-overlay)}.register-button:disabled{opacity:.8;cursor:progress}.register-button:focus-visible{outline:none;box-shadow:0 0 0 4px #06b6d414}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);font-size:var(--text-14)}.login-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center;margin-top:var(--space-32);padding-top:var(--space-20);border-top:1px solid var(--border-color)}.login-footer p{color:var(--text-muted);font-size:var(--text-14);margin:0}.login-note{color:var(--text-muted);font-size:var(--text-14);margin:0;text-align:center}.register-button.small{height:40px;font-size:var(--text-15);border-radius:var(--radius-8);padding:var(--space-6) var(--space-14)}@media(max-width:480px){.login-container{padding:var(--space-32) var(--space-24);border-radius:var(--radius-lg)}.login-header .logo{width:64px;height:64px}.login-header .logo svg{width:32px;height:32px}}.session-expired-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-16)}.session-expired-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-32);max-width:400px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040}.session-expired-icon{width:80px;height:80px;background:#f59e0b26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-24);color:#f59e0b}.session-expired-modal h2{font-size:var(--text-24);font-weight:600;margin-bottom:var(--space-12);color:var(--text-primary)}.session-expired-modal p{color:var(--text-secondary);font-size:var(--text-15);line-height:1.5;margin-bottom:var(--space-24)}.session-expired-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-32);background:var(--accent);color:#fff;font-weight:500;border-radius:var(--radius-md);transition:all .2s ease;min-width:120px}.session-expired-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.status-page{--sp-bg: #f6f7f9;--sp-card: #ffffff;--sp-text: #16202c;--sp-muted: #64748b;--sp-border: #e3e8ef;--sp-ok: #16a34a;--sp-warn: #d97706;--sp-down: #dc2626;--sp-unknown: #64748b;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-24);background:var(--sp-bg);color:var(--sp-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){.status-page{--sp-bg: #0f172a;--sp-card: #16202f;--sp-text: #e8eef7;--sp-muted: #94a3b8;--sp-border: #243044;--sp-ok: #4ade80;--sp-warn: #fbbf24;--sp-down: #f87171;--sp-unknown: #94a3b8}}.status-shell{width:100%;max-width:620px;background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--radius-16);padding:var(--space-28);box-shadow:0 10px 30px #0f172a0f}.status-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);color:var(--sp-muted)}.status-spin{animation:status-spin 1s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.status-spin{animation:none}}.status-overall{display:flex;align-items:center;gap:var(--space-16);padding-bottom:var(--space-20);border-bottom:1px solid var(--sp-border)}.status-overall.ok{color:var(--sp-ok)}.status-overall.warn{color:var(--sp-warn)}.status-overall.down{color:var(--sp-down)}.status-overall.unknown{color:var(--sp-unknown)}.status-title{margin:0;font-size:var(--text-20);font-weight:650;letter-spacing:-.01em;color:var(--sp-text)}.status-sub{margin:var(--space-4) 0 0;font-size:var(--text-14);color:var(--sp-muted)}.status-list{list-style:none;margin:0;padding:0}.status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-14) 0;border-bottom:1px solid var(--sp-border)}.status-row:last-child{border-bottom:none}.status-row-main{display:flex;align-items:center;gap:var(--space-12);min-width:0}.status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--sp-unknown)}.status-dot.operational{background:var(--sp-ok)}.status-dot.down{background:var(--sp-down)}.status-name{display:block;font-weight:550;font-size:var(--text-15);overflow-wrap:anywhere}.status-desc{display:block;font-size:var(--text-13);color:var(--sp-muted);overflow-wrap:anywhere}.status-row-state{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.status-label{font-size:var(--text-14);font-weight:600;color:var(--sp-unknown)}.status-label.operational{color:var(--sp-ok)}.status-label.down{color:var(--sp-down)}.status-since{font-size:var(--text-12);color:var(--sp-muted)}.status-empty{margin:var(--space-24) 0 0;text-align:center;color:var(--sp-muted);font-size:var(--text-14)}.status-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-24);padding-top:var(--space-16);border-top:1px solid var(--sp-border);font-size:var(--text-13);color:var(--sp-muted)}.status-refresh,.status-retry{display:inline-flex;align-items:center;gap:var(--space-6);background:transparent;border:1px solid var(--sp-border);border-radius:var(--radius-8);color:var(--sp-muted);padding:var(--space-6) var(--space-10);cursor:pointer;font:inherit;font-size:var(--text-13)}.status-retry{margin-top:var(--space-20)}.status-refresh:hover,.status-retry:hover{color:var(--sp-text);border-color:var(--sp-muted)}.status-refresh:focus-visible,.status-retry:focus-visible{outline:2px solid var(--sp-muted);outline-offset:2px}@media(max-width:480px){.status-shell{padding:var(--space-20)}.status-overall{gap:var(--space-12)}.status-title{font-size:var(--text-18)}}.ssc-spin{animation:ssc-spin 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes ssc-spin{to{transform:rotate(360deg)}}.ssc-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16) 0}.ssc-loading .loading-spinner{width:48px;height:48px}.services-status-card{background:var(--bg-card);border-radius:var(--radius-16);box-shadow:0 2px 12px #0002;padding:var(--space-20) var(--space-24) var(--space-16) var(--space-24);margin-bottom:var(--space-16);min-width:220px;max-width:320px;display:flex;flex-direction:column;gap:var(--space-12);position:relative}.ssc-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:var(--text-18)}.ssc-refresh{background:none;border:none;cursor:pointer;padding:var(--space-4);border-radius:50%;transition:background .2s}.ssc-refresh:active,.ssc-refresh:focus{background:#222a}.ssc-status-list{display:flex;flex-direction:column;gap:var(--space-4);min-height:1.5rem}.ssc-status-item{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-16);padding:var(--space-2) 0}.ssc-dot{width:.7em;height:.7em;border-radius:50%;margin-left:auto;margin-right:.2em;background:#64748b;box-shadow:0 0 4px #0002;transition:background .3s}.ssc-dot.online{background:#22c55e}.ssc-dot.offline{background:#ef4444}.ssc-name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssc-error{color:#ef4444;font-size:.95em;margin-top:.2em}.ssc-footer{font-size:.85em;color:#64748b;margin-top:.2em;text-align:right}.pull-to-refresh-indicator{position:fixed;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-16);z-index:1000;transition:opacity .2s ease;pointer-events:none}.pull-to-refresh-indicator .refresh-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;box-shadow:var(--shadow-lg);color:var(--accent)}.pull-to-refresh-indicator span{font-size:var(--text-14);color:var(--text-secondary);font-weight:500;white-space:nowrap;background:var(--bg-secondary);padding:var(--space-4) var(--space-12);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.dashboard{padding:var(--space-32);max-width:1600px;margin:0 auto;overflow-x:hidden;position:relative}.services-sparkline{display:flex;align-items:center;gap:var(--space-8);cursor:pointer;margin-right:var(--space-18)}.services-trend-wrap{display:flex;align-items:center;gap:var(--space-18)}.percent-delta-wrap{display:flex;align-items:center;gap:var(--space-10);transform:translateY(10px)}.percent-number{font-weight:900;color:var(--text-primary);font-size:var(--text-20);letter-spacing:.2px}.delta-pill{font-size:var(--text-14);padding:var(--space-10) var(--space-18);border-radius:var(--radius-14);background:var(--surface-raised);color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--space-10);justify-content:center;border:1px solid var(--border-subtle);min-width:56px;height:40px;font-weight:800;box-shadow:0 10px 30px #02061773;transition:transform .12s ease,box-shadow .12s ease}.delta-pill:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0206178c}.delta-pill.status-green{background:linear-gradient(90deg,#10b9812e,#14b8a60f);color:var(--text-primary);border:1px solid rgba(34,197,94,.14)}.delta-pill.status-orange{background:linear-gradient(90deg,#f59e0b33,#f5b2480f);color:var(--text-primary);border:1px solid rgba(245,158,11,.09)}.delta-pill.status-red{background:linear-gradient(90deg,#db27772e,#ef44440f);color:var(--text-primary);border:1px solid rgba(239,68,68,.12)}.delta-pill.neutral{opacity:.99}[data-theme=light] .percent-number{color:#07121a;font-weight:800}[data-theme=light] .delta-pill{background:#ffffffeb;color:#07121a;border:1px solid rgba(2,6,23,.06);box-shadow:none}[data-theme=light] .delta-pill.status-green{background:linear-gradient(90deg,#e6fff2,#e6fff2);color:#08331f;border:1px solid rgba(34,197,94,.12)}[data-theme=light] .delta-pill.status-orange{background:linear-gradient(90deg,#fff6e6,#fff6e6);color:#5a3800;border:1px solid rgba(245,158,11,.08)}[data-theme=light] .delta-pill.status-red{background:linear-gradient(90deg,#ffeef2,#ffeef2);color:#6b0f0f;border:1px solid rgba(239,68,68,.08)}.donut-wrap,.donut-center{display:none}.services-online .stats-trend{margin-right:64px}[data-theme=light] .services-trend{background:#0206170a;color:var(--text-secondary);border:1px solid rgba(2,6,23,.06)}.services-popover{position:fixed;min-width:260px;width:320px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-10);box-shadow:var(--shadow-lg);padding:var(--space-10);z-index:99999;pointer-events:auto}.popover-list{display:flex;flex-direction:column;gap:var(--space-8);max-height:240px;overflow:auto;padding-right:var(--space-6)}.popover-item{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-6);border-radius:var(--radius-8);background:transparent;transition:background .12s}.popover-item:hover{background:var(--surface-overlay)}.dot{width:10px;height:10px;border-radius:50%;margin-right:var(--space-6);flex:0 0 auto}.dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e1f}.dot.offline{background:#ef4444;box-shadow:0 0 6px #ef444414}.service-link{flex:1;color:var(--text-secondary);font-weight:600;text-decoration:none}.item-actions{display:flex;gap:var(--space-6)}.popover-footer{font-size:var(--text-12);color:var(--text-secondary);text-align:left;margin-top:var(--space-6)}.popover-item.locked{opacity:.62}.service-link.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.item-actions .btn-icon.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.progress-wrap{display:inline-block;vertical-align:middle;margin-right:var(--space-8)}.progress-bg{background:var(--surface-overlay);border-radius:var(--radius-pill);overflow:hidden;width:110px}.progress-fill{height:100%;border-radius:var(--radius-pill);transition:width .28s ease;background:linear-gradient(90deg,var(--np-accent,#4fb0ff),#7ad3ff)}.progress-label{font-size:var(--text-12);color:#cfe7ff;margin-left:var(--space-8);min-width:36px;display:inline-block;text-align:center}.progress-empty{display:block;width:64px;height:4px;margin:auto;background:var(--surface-raised);border-radius:var(--radius-pill)}.trend-pill.neutral+.progress-wrap .progress-fill{background:linear-gradient(90deg,#b6dff7,#9fd7ff)}.services-popover{box-shadow:0 24px 60px #020617e6}[data-theme=light] .services-popover{background:#fff;border:1px solid rgba(2,6,23,.06);box-shadow:0 10px 30px #0f172a0f}[data-theme=light] .popover-item:hover{background:#02061708}[data-theme=light] .service-link{color:var(--text-primary)}[data-theme=light] .trend-pill{background:#02061708;color:var(--text-secondary)}[data-theme=beige] .percent-number{color:#2c2416;font-weight:800}[data-theme=beige] .delta-pill{background:#f5f0e8eb;color:#2c2416;border:1px solid rgba(44,36,22,.08);box-shadow:none}[data-theme=beige] .delta-pill.status-green{background:linear-gradient(90deg,#eaf5e6,#eaf5e6);color:#1a3d12;border:1px solid rgba(34,197,94,.12)}[data-theme=beige] .delta-pill.status-orange{background:linear-gradient(90deg,#f5efe0,#f5efe0);color:#5a3800;border:1px solid rgba(245,158,11,.1)}[data-theme=beige] .delta-pill.status-red{background:linear-gradient(90deg,#f5e8e8,#f5e8e8);color:#6b0f0f;border:1px solid rgba(239,68,68,.1)}[data-theme=beige] .services-trend{background:#2c24160a;color:var(--text-secondary);border:1px solid rgba(44,36,22,.06)}[data-theme=beige] .services-popover{background:#f5f0e8;border:1px solid rgba(44,36,22,.08);box-shadow:0 10px 30px #2c24160f}[data-theme=beige] .popover-item:hover{background:#2c24160a}[data-theme=beige] .trend-pill{background:#2c24160a;color:var(--text-secondary)}.qr-code-widget{position:absolute;top:2rem;right:2rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:10;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.qr-code-widget img{width:70px;height:70px;border-radius:var(--radius-md)}.qr-code-text{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-12);color:var(--text-muted)}@media(max-width:768px){.qr-code-widget{display:none}}.dashboard-hero{margin-bottom:var(--space-40)}.hero-content{margin-bottom:var(--space-20)}.hero-widgets{display:flex;gap:var(--space-16);margin-bottom:var(--space-24);flex-wrap:wrap;align-items:stretch}.hero-widgets>*{flex:0 1 auto}.hero-widgets>*:only-child{flex:1 1 100%;max-width:100%;min-width:0}.weather-widget{flex:0 1 auto;display:flex;flex-direction:column;justify-content:center;gap:var(--space-10);padding:var(--space-18) var(--space-24);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:210px;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s;background:linear-gradient(135deg,var(--surface-raised),var(--surface-overlay));border:1px solid var(--border-subtle);box-shadow:0 4px 24px #00000038}.weather-widget.weather-clear{background:linear-gradient(135deg,#facc1514,#fbbf2405);border-color:#facc151f}.weather-widget.weather-cloudy{background:linear-gradient(135deg,#94a3b814,#94a3b805);border-color:#94a3b81a}.weather-widget.weather-fog{background:linear-gradient(135deg,#94a3b80f,#64748b05);border-color:#94a3b814}.weather-widget.weather-rain{background:linear-gradient(135deg,#38bdf814,#0ea5e905);border-color:#38bdf81f}.weather-widget.weather-snow{background:linear-gradient(135deg,#bae6fd1a,#bae6fd08);border-color:#bae6fd1f}.weather-widget.weather-storm{background:linear-gradient(135deg,#a855f714,#8b5cf605);border-color:#a855f71a}.weather-widget:hover{box-shadow:0 8px 32px #00000047}.widget-visibility-toggle{position:absolute;top:.5rem;right:.5rem;background:#0003;border:1px solid var(--border-subtle);border-radius:var(--radius-6);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #94a3b8);opacity:0;transition:opacity .2s,background .2s,color .2s,transform .15s;z-index:10;padding:0}.weather-widget:hover .widget-visibility-toggle,.quick-tips-widget:hover .widget-visibility-toggle,.online-users-card:hover .widget-visibility-toggle{opacity:1}.widget-visibility-toggle:hover{background:#00000059;color:var(--text-secondary, #cbd5e1);transform:scale(1.08)}.widget-visibility-toggle:active{transform:scale(.95)}@media(max-width:768px),(hover:none){.widget-visibility-toggle{opacity:1;background:#00000040}}[data-theme=light] .widget-visibility-toggle{background:#ffffffb3;border-color:#00000014;color:#64748b}[data-theme=light] .widget-visibility-toggle:hover{background:#fffffff2;color:#475569}[data-theme=beige] .widget-visibility-toggle{background:#faf7f2b3;border-color:#2c241614;color:#9c8e7c}[data-theme=beige] .widget-visibility-toggle:hover{background:#faf7f2f2;color:#6b5d4d}.weather-main{display:flex;align-items:center;gap:var(--space-14)}.weather-icon-wrap{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-14);background:var(--surface-raised);color:var(--text-primary);flex-shrink:0}.weather-clear .weather-icon-wrap{background:#facc151f;color:#facc15}.weather-rain .weather-icon-wrap{background:#38bdf81f;color:#38bdf8}.weather-snow .weather-icon-wrap{background:#bae6fd26;color:#bae6fd}.weather-storm .weather-icon-wrap{background:#a855f71f;color:#a855f7}.weather-cloudy .weather-icon-wrap{background:#94a3b81a;color:#94a3b8}.weather-fog .weather-icon-wrap{background:#94a3b814;color:#94a3b8}.weather-temp-col{display:flex;flex-direction:column;gap:var(--space-2)}.weather-temp{font-size:var(--text-36);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1}.weather-desc{font-size:var(--text-13);color:var(--text-secondary);font-weight:500;text-transform:capitalize}.weather-details{display:flex;flex-wrap:wrap;gap:var(--space-8)}.weather-detail{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-12);color:var(--text-muted);padding:var(--space-4) var(--space-8);background:var(--surface-raised);border-radius:var(--radius-pill);border:1px solid var(--border-hairline);white-space:nowrap}.weather-widget.weather-error{flex-direction:column;align-items:flex-start;gap:var(--space-12);color:var(--text-muted)}.weather-error-content{display:flex;flex-direction:column;gap:var(--space-12);width:100%}.weather-error-header{display:flex;align-items:center;gap:var(--space-8);color:var(--text)}.weather-error-title{font-size:var(--text-15);font-weight:600;color:var(--text)}.weather-error-info{font-size:var(--text-13);line-height:1.4;margin:0;color:var(--text-muted);opacity:.85}.weather-permission-btn{display:inline-flex;align-items:center;gap:var(--space-8);background:var(--accent);color:#fff;border:none;padding:var(--space-8) var(--space-16);border-radius:var(--radius-8);font-size:var(--text-14);font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.weather-permission-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3);filter:brightness(1.1)}.weather-permission-btn:active{transform:translateY(0)}.weather-retry{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:var(--space-4);border-radius:var(--radius-6);display:flex;transition:color .15s}.weather-retry:hover{color:var(--accent)}.weather-skeleton{display:flex;align-items:center;gap:var(--space-14);width:100%}.skel-circle{width:52px;height:52px;border-radius:var(--radius-14);background:var(--surface-raised);animation:skel-pulse 1.5s ease infinite;flex-shrink:0}.skel-lines{display:flex;flex-direction:column;gap:var(--space-8);flex:1}.skel-line{height:12px;border-radius:var(--radius-6);background:var(--surface-raised);animation:skel-pulse 1.5s ease infinite}.skel-lg{width:60%}.skel-sm{width:40%}.weather-loading .weather-detail{background:var(--surface-raised);animation:skel-pulse 1.5s ease infinite;border:none}@keyframes skel-pulse{0%,to{opacity:.4}50%{opacity:.8}}[data-theme=light] .weather-widget{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#0206170f;box-shadow:0 4px 16px #0000000a}[data-theme=light] .weather-widget.weather-clear{background:linear-gradient(135deg,#facc1514,#fffef5)}[data-theme=light] .weather-widget.weather-rain{background:linear-gradient(135deg,#38bdf80f,#f0f9ff)}[data-theme=light] .weather-widget.weather-snow{background:linear-gradient(135deg,#bae6fd26,#f8fafc)}[data-theme=light] .weather-widget.weather-storm{background:linear-gradient(135deg,#a855f70f,#faf5ff)}[data-theme=light] .weather-detail{background:#00000008;border-color:#0000000a}[data-theme=light] .skel-circle,[data-theme=light] .skel-line,[data-theme=light] .weather-loading .weather-detail{background:#0000000f}[data-theme=beige] .weather-widget{background:linear-gradient(135deg,#f5f0e8cc,#ede7db80);border-color:#2c241614;box-shadow:0 4px 16px #2c24160a}[data-theme=beige] .weather-detail{background:#2c24160a;border-color:#2c24160a}[data-theme=midnight] .weather-widget{background:linear-gradient(135deg,var(--surface-raised),var(--surface-overlay));border-color:var(--border-subtle)}.featured-wishlist-card{flex:1 1 0;min-width:240px;display:flex;align-items:center;gap:var(--space-16);padding:var(--space-18) var(--space-20);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 15%,transparent)}.featured-wishlist-card:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 25%,transparent);transform:translateY(-2px)}.featured-wishlist-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-12);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 80%,#8b5cf6));color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}.featured-wishlist-content{flex:1;min-width:0}.featured-wishlist-content h3{font-size:var(--text-16);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.featured-wishlist-content p{font-size:var(--text-13);color:var(--text-secondary);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.featured-wishlist-arrow{flex-shrink:0;color:var(--accent);opacity:.7;transition:all .2s ease}.featured-wishlist-card:hover .featured-wishlist-arrow{opacity:1;transform:translate(4px)}[data-theme=light] .featured-wishlist-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),color-mix(in srgb,var(--accent) 4%,transparent));border-color:color-mix(in srgb,var(--accent) 15%,transparent)}[data-theme=light] .featured-wishlist-card:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));border-color:color-mix(in srgb,var(--accent) 25%,transparent)}[data-theme=beige] .featured-wishlist-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),color-mix(in srgb,var(--accent) 4%,transparent));border-color:#2c241614}[data-theme=beige] .featured-wishlist-card:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));border-color:#2c24161f}.quick-tips-widget{flex:1 1 0;min-width:240px;display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16) var(--space-20);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,transparent),color-mix(in srgb,var(--accent) 3%,transparent));border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.tip-icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-10);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));color:var(--accent)}.tip-text{flex:1;font-size:var(--text-14);color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tip-next{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:var(--space-4);border-radius:var(--radius-6);display:flex;align-items:center;transition:color .15s,background .15s}.tip-next:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}[data-theme=light] .quick-tips-widget{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,transparent),color-mix(in srgb,var(--accent) 2%,transparent));border-color:color-mix(in srgb,var(--accent) 8%,transparent)}[data-theme=beige] .quick-tips-widget{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,transparent),color-mix(in srgb,var(--accent) 2%,transparent));border-color:#2c24160f}.hero-content h1{font-size:var(--text-32);font-weight:700;margin-bottom:var(--space-8);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{color:var(--text-secondary);font-size:var(--text-18)}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-16)}.stats-card{--np-accent: var(--np-accent, #4fb0ff);min-width:280px;max-width:420px;flex:0 1 auto;background:linear-gradient(180deg,var(--surface-overlay),var(--surface-overlay));border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-20);display:flex;justify-content:space-between;align-items:flex-start;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);box-shadow:var(--shadow-md);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease;will-change:transform}.stats-card:hover{border-color:var(--np-accent);box-shadow:0 10px 30px #4fb0ff14}.stats-content{display:flex;flex-direction:column;gap:var(--space-4)}.stats-label{font-size:var(--text-14);color:var(--text-secondary)}.stats-value{font-size:var(--text-24);font-weight:700;color:var(--text-primary)}.services-online .ssc-row{display:flex;align-items:center;gap:var(--space-8)}.ssc-refresh{background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-6)}.ssc-refresh:disabled{opacity:.5;cursor:not-allowed}.services-online{position:relative}.services-online:after{content:"";position:absolute;top:10px;right:12px;width:12px;height:12px;border-radius:50%;background:#cbd5e1;box-shadow:0 0 6px #00000014;border:2px solid rgba(255,255,255,.85);z-index:50;transition:background .18s ease,box-shadow .18s ease,transform .16s ease}.services-online.status-green:after{background:#22c55e;box-shadow:0 0 10px #22c55e40}.services-online.status-orange:after{background:#f59e0b;box-shadow:0 0 10px #f59e0b2e}.services-online.status-red:after{background:#ef4444;box-shadow:0 0 12px #ef44442e}.services-online.status-neutral:after{background:#cbd5e1;box-shadow:0 0 6px #0000000f}.services-online .menu-button,.services-online .pin-button{display:none!important}.services-online .stats-trend:empty{display:none}.stats-trend{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--space-8);font-size:var(--text-14);font-weight:500;background:transparent;padding:0;border-radius:0}.services-online .stats-trend{margin-top:var(--space-6)}.percent-delta-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-6)}.percent-number{font-size:var(--text-24);font-weight:700;color:var(--text-primary)}.delta-pill{font-size:var(--text-12);padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-secondary);border:1px solid var(--border-hairline)}.delta-pill.up{color:#16a34a;background:#16a34a0f;border-color:#16a34a14}.delta-pill.down{color:#ef4444;background:#ef44440f;border-color:#ef444414}.delta-pill.neutral{color:#94a3b8;background:#94a3b808}.services-title-row{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap}.services-status-badge{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-10) var(--space-4) var(--space-8);border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--surface-raised),var(--surface-overlay));border:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--text-14);font-weight:600;color:var(--text-secondary);white-space:nowrap}.services-status-badge:hover{border-color:#ffffff1f;background:linear-gradient(180deg,var(--surface-sunken),var(--surface-overlay));box-shadow:0 4px 16px #00000026}.services-status-badge:active{transform:scale(.97)}.services-status-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;flex-shrink:0;transition:background .2s ease,box-shadow .2s ease}.services-status-badge.status-green .badge-dot{background:#22c55e;box-shadow:0 0 6px #22c55e59}.services-status-badge.status-orange .badge-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b4d}.services-status-badge.status-red .badge-dot{background:#ef4444;box-shadow:0 0 6px #ef44444d}.services-status-badge .badge-count{color:var(--text-primary);font-weight:700;font-size:var(--text-14);letter-spacing:.02em}.services-status-badge .badge-percent{color:var(--text-muted);font-weight:500;font-size:var(--text-13);opacity:.85}.services-status-badge .badge-refresh{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:50%;color:var(--text-muted);transition:color .15s,background .15s;margin-left:var(--space-2)}.services-status-badge .badge-refresh:hover{color:var(--text-primary);background:var(--surface-raised)}.services-status-badge .badge-refresh:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .services-status-badge{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(2,6,23,.08)}[data-theme=light] .services-status-badge:hover{border-color:#02061724;background:linear-gradient(180deg,#fff,#f1f5f9);box-shadow:0 4px 12px #0000000f}[data-theme=light] .services-status-badge .badge-refresh:hover{background:#0000000a}[data-theme=beige] .services-status-badge{background:linear-gradient(180deg,#f5f0e8e6,#f5f0e899);border:1px solid rgba(44,36,22,.1)}[data-theme=beige] .services-status-badge:hover{border-color:#2c241629;box-shadow:0 4px 12px #2c24160f}.services-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-24)}.services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-24);flex-wrap:wrap;gap:var(--space-16);position:relative;z-index:60}.auth-message-bar{z-index:80}.services-header h2{font-size:var(--text-20);font-weight:600}.services-controls{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap}.search-box{display:flex;align-items:center}.search-box .search-input-wrap{position:relative;display:inline-block}.search-box .search-input-wrap .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:2}.search-box input{padding:var(--space-10) 3.2rem var(--space-10) 92px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-10);font-size:var(--text-15);color:var(--text-primary);min-width:220px;transition:box-shadow .12s ease,border-color .12s ease}.search-box input:focus{outline:none;box-shadow:0 6px 18px #6366f114;border-color:var(--accent)}.search-box .search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-16);line-height:1;padding:var(--space-4) var(--space-6);border-radius:var(--radius-6);z-index:6}.search-box .search-clear:hover{color:var(--text-primary);background:#6366f10f}@media(max-width:640px){.search-box input{min-width:120px;padding-left:72px;padding-right:56px}}.search-box .search-input-wrap input{padding-left:52px!important;padding-right:var(--space-28)!important}.search-box input::placeholder{color:var(--text-muted);padding:auto}.search-box input:focus{border-color:var(--accent);outline:none}.view-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-4)}.view-toggle button{padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.view-toggle button:hover{color:var(--text-primary)}.view-toggle button.active{background:var(--bg-secondary);color:var(--accent-readable, var(--accent))}.services-grid{display:grid;gap:var(--space-16)}.services-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.services-grid.list{grid-template-columns:1fr}.service-card{position:relative;--np-accent: var(--np-accent, #4fb0ff);background:linear-gradient(180deg,var(--surface-overlay),var(--surface-overlay));border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-20);cursor:pointer;overflow:visible;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);box-shadow:0 6px 18px #0a0c1473}.service-card.pinned{border-color:var(--np-accent);background:linear-gradient(135deg,#4fb0ff0f,#4fb0ff05)}@media(hover:hover){.service-card:hover{border-color:var(--np-accent);box-shadow:var(--shadow-lg),0 0 0 1px var(--np-accent);z-index:80}}.service-card:active{box-shadow:var(--shadow-sm);transition-duration:90ms}.service-card.locked{opacity:.58;filter:grayscale(.5) saturate(.75);border-color:#94a3b83d}.service-card.locked:hover{border-color:#94a3b83d;box-shadow:0 6px 18px #0a0c1473}.service-card.locked .card-glow{opacity:0}.service-card.locked .service-icon{box-shadow:none}.service-lock-note{margin-top:var(--space-8);font-size:var(--text-12);font-weight:600;color:var(--warning)}.pin-button{display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:var(--space-6);border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:0;cursor:pointer;background:transparent;border:none}.service-card:hover .pin-button{opacity:1}.pin-button:hover{color:var(--np-accent, var(--accent-readable, var(--accent)));background:#4fb0ff14}.pin-button.active{color:var(--accent-readable, var(--accent));opacity:1}.pin-button.active:hover{color:var(--error)}.service-card .card-glow{position:absolute;top:0;height:4px;opacity:0;transition:opacity var(--transition-fast);left:8px;right:8px;border-top-left-radius:calc(var(--radius-lg) - 6px);border-top-right-radius:calc(var(--radius-lg) - 6px);background:linear-gradient(90deg,var(--np-accent, #4fb0ff),rgba(122,211,255,.12));pointer-events:none}.service-card:hover .card-glow{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-16)}.service-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--np-accent, #4fb0ff),rgba(10,10,10,.06));box-shadow:0 8px 20px #02061740}[data-theme=light] .service-card,[data-theme=light] .stats-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(2,6,23,.06);color:var(--text-primary);box-shadow:0 12px 30px #0f172a0f}[data-theme=light] .service-card .service-icon{background:linear-gradient(135deg,var(--np-accent, #4fb0ff),rgba(10,20,30,.04));box-shadow:0 12px 30px #0b3c500f}[data-theme=light] .service-card .card-glow{background:linear-gradient(90deg,var(--np-accent, #4fb0ff),rgba(122,211,255,.08))}[data-theme=light] .pin-button{color:var(--text-secondary)}[data-theme=light] .service-card .pin-button:hover{background:#0f172a0a;color:var(--np-accent)}[data-theme=light] .stats-label{color:var(--text-secondary)}[data-theme=light] .stats-value,[data-theme=light] .service-card h3,[data-theme=light] .service-card .service-name{color:var(--text-primary)}[data-theme=light] .service-card p,[data-theme=light] .service-card .muted{color:var(--text-secondary)}[data-theme=beige] .service-card,[data-theme=beige] .stats-card{background:linear-gradient(180deg,#f5f0e8,#faf7f2);border:1px solid rgba(44,36,22,.08);color:var(--text-primary);box-shadow:0 12px 30px #2c24160f}[data-theme=beige] .service-card .service-icon{background:linear-gradient(135deg,var(--np-accent, #4fb0ff),rgba(44,36,22,.04));box-shadow:0 12px 30px #2c24160f}[data-theme=beige] .service-card .card-glow{background:linear-gradient(90deg,var(--np-accent, #4fb0ff),rgba(122,211,255,.08))}[data-theme=beige] .pin-button{color:var(--text-secondary)}[data-theme=beige] .service-card .pin-button:hover{background:#2c24160a;color:var(--np-accent)}[data-theme=beige] .stats-label{color:var(--text-secondary)}[data-theme=beige] .stats-value,[data-theme=beige] .service-card h3,[data-theme=beige] .service-card .service-name{color:var(--text-primary)}[data-theme=beige] .service-card p,[data-theme=beige] .service-card .muted{color:var(--text-secondary)}[data-theme=ultra-dark] .service-card,[data-theme=ultra-dark] .stats-card{background:linear-gradient(180deg,#0a0a0a,#050505);border:1px solid var(--border-subtle);box-shadow:0 12px 30px #0006}[data-theme=ultra-dark] .service-card .card-glow{opacity:.6}.card-actions{display:flex;align-items:center;gap:var(--space-8);position:relative}.status-indicator{position:relative;width:8px;height:8px;border-radius:50%}.status-indicator.status-online:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:status-halo 2.4s cubic-bezier(.22,1,.36,1) infinite}@keyframes status-halo{0%{transform:scale(1);opacity:.55}70%{transform:scale(3.2);opacity:0}to{transform:scale(3.2);opacity:0}}@media(prefers-reduced-motion:reduce){.status-indicator.status-online:after{animation:none}}.status-indicator.left{margin-left:var(--space-6);margin-right:var(--space-10)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.menu-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);opacity:0;transition:all var(--transition-fast)}.service-card:hover .menu-button{opacity:1}.menu-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.card-menu{position:absolute;top:100%;right:0;margin-top:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-8);min-width:120px;z-index:10;box-shadow:var(--shadow-lg)}.card-menu button{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);font-size:var(--text-14);color:var(--text-secondary);transition:all var(--transition-fast)}.card-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.card-menu button.danger:hover{background:#ef44441a;color:var(--error)}.card-content h3{font-size:var(--text-18);font-weight:600;margin-bottom:var(--space-4)}.card-content p{color:var(--text-muted);font-size:var(--text-14)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--border-color)}.service-url{font-size:var(--text-13);color:var(--text-muted)}.card-footer svg{color:var(--text-muted)}.service-card.list{display:grid;grid-template-columns:56px 1fr auto minmax(160px,260px);gap:var(--space-16);align-items:center;padding:var(--space-16) var(--space-20)}.list-actions-mobile{display:none}.list-actions-desktop{display:flex;align-items:center;gap:var(--space-12)}.service-card.list .card-header{margin:0;grid-column:1 / -1}.service-card.list .service-icon{width:52px;height:52px;grid-column:1;display:flex;align-items:center;justify-content:center}.service-card.list .card-main{grid-column:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.service-card.list .card-title-row{display:flex;align-items:center;gap:var(--space-8);width:100%}.service-card.list .card-title-row h3,.service-card.list .card-main h3{font-size:var(--text-18);font-weight:600;margin:0}.auth-warning-button{background:none;border:none;color:#f59e0b;display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-2) var(--space-2);border-radius:var(--radius-8);cursor:pointer;position:relative}.auth-warning-button.small{padding:var(--space-2) var(--space-2)}.auth-warning-button{z-index:20}.auth-warning-button .auth-label{display:inline-block;white-space:nowrap;background:#f59e0b14;color:#f59e0b;padding:var(--space-6) var(--space-10);border-radius:var(--radius-8);margin-left:var(--space-6);font-size:var(--text-14);font-weight:700;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-6px);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;box-shadow:0 8px 30px #02061724;z-index:40}.auth-warning-button:hover .auth-label,.auth-warning-button:focus .auth-label{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}[data-theme=light] .auth-warning-button .auth-label{background:#f59e0b1f;color:#9f5800}[data-theme=beige] .auth-warning-button .auth-label{background:#f59e0b1a;color:#9f5800}@media(max-width:420px){.auth-warning-button .auth-label{left:8px;top:calc(100% + 8px);transform:translateY(0) translate(0)}}.auth-label-portal{display:none}.auth-label-portal[role=tooltip]{display:block}.auth-label-portal{position:fixed;z-index:99999;background:#f59e0b1f;color:#f59e0b;padding:var(--space-8) var(--space-12);border-radius:var(--radius-8);font-weight:700;font-size:var(--text-15);box-shadow:0 12px 40px #0206172e;pointer-events:auto;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-label-portal.arrow-top:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(245,158,11,.12)}.auth-label-portal.arrow-right:after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(245,158,11,.12)}.auth-label-portal.arrow-left:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid rgba(245,158,11,.12)}[data-theme=light] .auth-label-portal{background:#f59e0b24;color:#9f5800}[data-theme=beige] .auth-label-portal{background:#f59e0b1f;color:#9f5800}@media(max-width:420px){.auth-label-portal{white-space:normal;max-width:calc(100% - 36px);left:12px!important}}.auth-inline{display:none;margin-top:var(--space-8);padding:var(--space-8) var(--space-12);background:#f59e0b0f;border:1px solid rgba(245,158,11,.08);color:#f59e0b;border-radius:var(--radius-8);font-weight:700;font-size:var(--text-14);box-shadow:0 8px 24px #0206170f;z-index:60}.auth-inline.visible{display:block}.auth-message-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin-top:var(--space-10);padding:var(--space-10) var(--space-14);background:#f59e0b0f;border:1px solid rgba(245,158,11,.08);color:#f59e0b;border-radius:var(--radius-10);box-shadow:0 8px 24px #02061714}.auth-message-content{display:flex;gap:var(--space-10);align-items:center}.auth-message-text{margin-left:var(--space-6);color:var(--text-primary);font-weight:600}.auth-message-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-6);border-radius:var(--radius-6)}.auth-message-close:hover{background:var(--surface-overlay);color:var(--text-primary)}@media(max-width:640px){.auth-message-bar{flex-direction:column;align-items:flex-start}.auth-message-close{align-self:flex-end}}.service-card.list .muted-desc{margin-top:var(--space-6);color:var(--text-muted);font-size:var(--text-14);align-self:flex-start;margin-left:var(--space-28)}.service-card.list .status-pin{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);width:24px;margin-right:var(--space-8)}.service-card.list .pin-button.small{margin-right:0;padding:var(--space-4);width:20px;height:20px}.service-card.list .status-indicator.left{margin-left:0;margin-right:0;margin-bottom:0;width:10px;height:10px}.service-card.list .card-actions.list-actions{grid-column:3;display:flex;align-items:center;gap:var(--space-10);justify-self:end}.service-card.list .card-actions.list-actions .check-text{padding:var(--space-6) var(--space-14);font-size:var(--text-15)}.service-link-right{grid-column:4;justify-self:end;display:inline-flex;align-items:center;gap:var(--space-8);color:var(--text-muted);text-decoration:none;padding-right:var(--space-8)}.service-link-right.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.service-link-right .service-url-right{max-width:220px;font-size:var(--text-14);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.service-card.list .card-content h3{font-size:var(--text-16)}.service-card.list .card-footer{margin:0;padding:0;border:none}.service-card.list .card-actions.list-actions{display:flex;align-items:center;gap:var(--space-12);margin-left:auto}.service-card.list .card-actions.list-actions .check-text{display:inline-flex;align-items:center;gap:var(--space-8);background:var(--gradient-1);border:none;color:var(--accent-text, white);cursor:pointer;font-size:var(--text-15);padding:var(--space-6) var(--space-14);border-radius:var(--radius-md);transition:all .15s ease;box-shadow:0 6px 20px var(--accent-glow);font-weight:600;white-space:nowrap;min-width:120px}.service-card.list .card-actions.list-actions .check-text svg{display:block;color:var(--accent-text, white);width:16px;height:16px}.service-link-right{display:inline-flex;align-items:center;gap:var(--space-8);color:var(--text-muted);text-decoration:none;margin-left:var(--space-8)}.service-link-right .service-url-right{display:inline-block;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted)}.services-loading,.no-services{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-48) var(--space-24);color:var(--text-secondary);text-align:center;border:1px dashed var(--border-color);border-radius:var(--radius-16);background:radial-gradient(120% 80% at 50% 0%,var(--surface-overlay),transparent 70%)}.no-services svg{padding:var(--space-16);border-radius:var(--radius-pill);background:var(--surface-raised);box-sizing:content-box}.no-services svg{color:var(--text-muted);margin-bottom:var(--space-20)}.no-services h3{font-size:var(--text-20);margin-bottom:var(--space-8)}.no-services p{color:var(--text-muted);margin-bottom:var(--space-24)}.no-services button{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-24);background:var(--gradient-1);color:var(--accent-text, white);font-weight:500;border-radius:var(--radius-md)}.modal{width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-20) var(--space-24);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:var(--text-20);font-weight:600}.close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal form{padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-20)}.form-group{display:flex;flex-direction:column;gap:var(--space-8)}.form-group label{font-size:var(--text-14);font-weight:500;color:var(--text-secondary)}.icon-mode-toggle{display:flex;gap:var(--space-8);margin-bottom:var(--space-8)}.icon-mode-toggle .mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-10) var(--space-16);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-14);font-weight:500;transition:all var(--transition-fast)}.icon-mode-toggle .mode-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.icon-mode-toggle .mode-btn.active{border-color:var(--accent);color:var(--accent-readable, var(--accent));background:var(--accent-glow)}.favicon-preview{display:flex;align-items:center;padding:var(--space-8);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.icon-selector{display:flex;flex-wrap:wrap;gap:var(--space-8)}.icon-option{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.icon-option:hover{border-color:var(--text-muted);color:var(--text-primary)}.icon-option.active{border-width:2px}.color-selector{display:flex;flex-wrap:wrap;gap:var(--space-8)}.color-option{width:32px;height:32px;border-radius:50%;border:3px solid transparent;transition:all var(--transition-fast)}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-12);padding-top:var(--space-8)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-32);flex-wrap:wrap;gap:var(--space-16)}.dashboard-header h1{font-size:var(--text-32);font-weight:700;margin-bottom:var(--space-8);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{color:var(--text-secondary);font-size:var(--text-18)}.header-actions{display:flex;gap:var(--space-12)}.btn{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-16);border-radius:var(--radius-md);font-size:var(--text-14);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-16);margin-bottom:var(--space-32)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-24);display:flex;align-items:center;gap:var(--space-16);transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.stat-content{display:flex;flex-direction:column;gap:var(--space-4)}.stat-value{font-size:var(--text-16);font-weight:600;color:var(--text-primary)}.stat-label{font-size:var(--text-14);color:var(--text-muted)}.placeholder-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-32);margin-top:var(--space-32)}.placeholder-section h2{font-size:var(--text-20);margin-bottom:var(--space-16);color:var(--text-primary)}.feature-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-12)}.feature-list li{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-14)}.feature-list li:before{content:"○";color:var(--accent)}@media(max-width:1200px){.hero-stats{flex-wrap:wrap}.stats-card{min-width:240px}}@media(max-width:768px){.dashboard{padding:var(--space-20) var(--space-14)}.dashboard-hero{margin-bottom:var(--space-20)}.hero-content{margin-bottom:var(--space-12)}.hero-content h1{font-size:var(--text-24)}.spotlight-card-pinned{margin-bottom:var(--space-8);padding:var(--space-12) var(--space-14) var(--space-10);gap:var(--space-6)}.spotlight-card-pinned .spotlight-badge{font-size:var(--text-10);padding:var(--space-2) var(--space-8)}.spotlight-card-pinned .spotlight-title{font-size:var(--text-14)}.spotlight-card-pinned .spotlight-body{font-size:var(--text-12);-webkit-line-clamp:2;line-clamp:2}.spotlight-card-pinned .spotlight-link{font-size:var(--text-12);padding:var(--space-4) var(--space-10)}.hero-widgets{flex-direction:row;flex-wrap:nowrap;gap:var(--space-12);margin-bottom:var(--space-12);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-4);scrollbar-width:none}.hero-widgets::-webkit-scrollbar{display:none}.hero-widgets>*{flex:0 0 auto;min-width:220px;max-width:280px;scroll-snap-align:start}.hero-widgets>*:only-child{flex:1 1 100%;max-width:100%;min-width:0;width:100%}.hero-widgets .event-qr-card{max-width:280px;min-width:220px}.weather-widget{min-width:220px;max-width:280px;padding:var(--space-12) var(--space-14);gap:var(--space-8)}.weather-icon-wrap{width:38px;height:38px}.weather-icon-wrap svg{width:24px;height:24px}.weather-temp{font-size:var(--text-24)}.weather-desc{font-size:var(--text-12)}.weather-details{gap:var(--space-4);flex-wrap:wrap}.weather-detail{font-size:var(--text-12)}.hero-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-12)}.hero-quick-actions .featured-wishlist-card,.hero-quick-actions .support-widget-card{min-width:unset;width:100%;flex-direction:column;align-items:center;text-align:center;padding:var(--space-14) var(--space-10);gap:var(--space-8);overflow:hidden}.hero-quick-actions .featured-wishlist-icon,.hero-quick-actions .support-widget-icon{width:36px;height:36px;border-radius:var(--radius-10)}.hero-quick-actions .featured-wishlist-icon svg,.hero-quick-actions .support-widget-icon svg{width:18px;height:18px}.hero-quick-actions .featured-wishlist-content,.hero-quick-actions .support-widget-content{flex:1;min-width:0;overflow:hidden}.hero-quick-actions .featured-wishlist-content h3,.hero-quick-actions .support-widget-content h3{font-size:var(--text-14);font-weight:600;margin:0 0 var(--space-2) 0;line-height:1.2}.hero-quick-actions .featured-wishlist-content p,.hero-quick-actions .support-widget-content p{font-size:var(--text-12);line-height:1.35;margin:0;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.hero-quick-actions .featured-wishlist-arrow,.hero-quick-actions .support-widget-arrow{display:none}.quick-tips-widget{min-width:unset;padding:var(--space-12) var(--space-14);overflow:visible;align-items:flex-start}.tip-text{white-space:normal;font-size:var(--text-13);overflow:visible;text-overflow:unset;line-height:1.4}.tip-icon-wrap{margin-top:var(--space-2)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-12)}.hero-stats>*{min-width:unset;max-width:100%;width:100%}.hero-stats>*:only-child,.hero-quick-actions>*:only-child{grid-column:1 / -1}.hero-stats .event-card-mobile{min-width:unset;width:100%}.hero-stats .event-card-mobile-hero{padding:var(--space-10) var(--space-8)}.hero-stats .event-card-mobile-icon{width:44px;height:44px}.hero-stats .event-card-mobile-label{font-size:var(--text-13)}.hero-stats .event-card-mobile-cta{font-size:var(--text-12);padding:var(--space-4) var(--space-12)}.stats-card{max-width:100%;min-width:unset}.services-header{flex-direction:column;align-items:stretch}.services-title-row{justify-content:space-between}.services-status-badge{font-size:var(--text-13);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-8);gap:var(--space-6)}.services-controls{justify-content:space-between}.search-box input{width:100%}.search-box input:focus{width:100%}.service-card.list{grid-template-columns:64px 1fr auto;grid-template-rows:auto;gap:var(--space-12);padding:var(--space-16)}.service-card.list .service-icon{grid-column:1;grid-row:1;width:48px;height:48px}.service-card.list .card-main{grid-column:2;grid-row:1}.service-card.list .card-actions.list-actions{grid-column:3;grid-row:1;justify-self:end;align-self:center}.list-actions-desktop{display:none!important}.list-actions-mobile{display:flex!important;position:relative}.list-menu-button{opacity:1!important}.list-card-menu{right:0;left:auto}.service-link-right{display:none}.service-card.list .muted-desc{margin-left:var(--space-32);font-size:var(--text-14)}.service-card .pin-button,.service-card .menu-button,.service-card .card-glow{opacity:1}}.hero-widgets .event-qr-card{min-width:240px;max-width:300px;flex:0 0 auto}.event-qr-card{position:relative;min-width:240px;max-width:320px;flex:0 1 auto;background:linear-gradient(135deg,#6366f114,#0ea5e90f,#8b5cf614);border:1px solid rgba(99,102,241,.18);border-radius:var(--radius-16);padding:var(--space-16) var(--space-18) var(--space-14);display:flex;flex-direction:column;align-items:center;gap:var(--space-10);overflow:hidden;box-shadow:0 4px 24px #6366f11a,0 1px 4px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.event-qr-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f12e,0 2px 8px #00000026}.event-qr-accent{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a78bfa;background:linear-gradient(90deg,#8b5cf61f,#6366f114);padding:var(--space-4) var(--space-10);border-radius:var(--radius-pill);border:1px solid rgba(139,92,246,.15)}.event-qr-dismiss{position:absolute;top:.5rem;right:.5rem;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #94a3b8);opacity:0;transition:opacity .2s,background .2s,color .2s;z-index:2}.event-qr-card:hover .event-qr-dismiss{opacity:1}.event-qr-dismiss:hover{background:#ffffff1f;color:var(--text-secondary, #cbd5e1)}.event-qr-link{text-decoration:none;display:block;border-radius:var(--radius-12);transition:transform .15s ease}.event-qr-link:hover{transform:scale(1.04)}.event-qr-image-wrap{position:relative;border-radius:var(--radius-12);overflow:hidden;padding:var(--space-6);background:#0f172499;border:1px solid rgba(99,102,241,.12)}.event-qr-image-wrap img{display:block;border-radius:var(--radius-8);image-rendering:pixelated}.event-qr-glow{position:absolute;inset:-50%;background:radial-gradient(circle at center,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none;animation:event-qr-pulse 3s ease-in-out infinite alternate}@keyframes event-qr-pulse{0%{opacity:.4}to{opacity:.8}}.event-qr-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.event-qr-label{font-size:var(--text-14);font-weight:700;color:var(--text-primary, #e2e8f0);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-qr-url{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-12);color:var(--text-muted, #94a3b8);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.event-qr-url:hover{color:#a78bfa}[data-theme=light] .event-qr-card{background:linear-gradient(135deg,#6366f10f,#0ea5e90a,#8b5cf60f);border-color:#6366f124;box-shadow:0 4px 16px #6366f10f,0 1px 3px #0000000d}[data-theme=light] .event-qr-card:hover{box-shadow:0 8px 24px #6366f11f,0 2px 6px #0000000f}[data-theme=light] .event-qr-accent{color:#7c3aed;background:linear-gradient(90deg,#8b5cf614,#6366f10d);border-color:#8b5cf61f}[data-theme=light] .event-qr-dismiss{background:#0000000a;border-color:#0000000f;color:#64748b}[data-theme=light] .event-qr-dismiss:hover{background:#00000014;color:#475569}[data-theme=light] .event-qr-image-wrap{background:#ffffffb3;border-color:#6366f11a}[data-theme=light] .event-qr-label{color:#1e293b}[data-theme=light] .event-qr-url{color:#64748b}[data-theme=light] .event-qr-url:hover{color:#7c3aed}[data-theme=beige] .event-qr-card{background:linear-gradient(135deg,#6366f10d,#0ea5e908,#8b5cf60d);border-color:#6366f11f;box-shadow:0 4px 16px #2c24160f,0 1px 3px #2c24160a}[data-theme=beige] .event-qr-card:hover{box-shadow:0 8px 24px #6366f11a,0 2px 6px #2c24160d}[data-theme=beige] .event-qr-accent{color:#7c3aed;background:linear-gradient(90deg,#8b5cf612,#6366f10a);border-color:#8b5cf61a}[data-theme=beige] .event-qr-dismiss{background:#2c24160a;border-color:#2c24160f;color:#9c8e7c}[data-theme=beige] .event-qr-dismiss:hover{background:#2c241614;color:#6b5d4d}[data-theme=beige] .event-qr-image-wrap{background:#faf7f2b3;border-color:#6366f114}[data-theme=beige] .event-qr-label{color:#2c2416}[data-theme=beige] .event-qr-url{color:#9c8e7c}[data-theme=beige] .event-qr-url:hover{color:#7c3aed}.event-card-mobile{min-width:200px;max-width:100%;width:100%}.event-card-mobile-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-decoration:none;width:100%;padding:var(--space-12) var(--space-10);border-radius:var(--radius-12);background:linear-gradient(135deg,#8b5cf61f,#6366f11a);border:1px solid rgba(139,92,246,.15);transition:transform .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.event-card-mobile-hero:active{transform:scale(.97);background:linear-gradient(135deg,#8b5cf62e,#6366f129)}.event-card-mobile-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf633,#6366f126);color:#a78bfa;animation:event-qr-pulse 3s ease-in-out infinite alternate}.event-card-mobile-label{font-size:var(--text-15);font-weight:700;color:var(--text-primary, #e2e8f0);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-card-mobile-cta{display:inline-flex;align-items:center;gap:var(--space-6);font-size:var(--text-13);font-weight:600;color:#a78bfa;padding:var(--space-6) var(--space-16);border-radius:var(--radius-pill);background:#8b5cf61a;border:1px solid rgba(139,92,246,.18);transition:background .15s}.event-card-mobile-hero:active .event-card-mobile-cta{background:#8b5cf633}[data-theme=light] .event-card-mobile-hero{background:linear-gradient(135deg,#8b5cf614,#6366f10f);border-color:#8b5cf61f}[data-theme=light] .event-card-mobile-icon{background:linear-gradient(135deg,#8b5cf624,#6366f11a);color:#7c3aed}[data-theme=light] .event-card-mobile-label{color:#1e293b}[data-theme=light] .event-card-mobile-cta{color:#7c3aed;background:#8b5cf612;border-color:#8b5cf624}[data-theme=beige] .event-card-mobile-hero{background:linear-gradient(135deg,#8b5cf60f,#6366f10a);border-color:#8b5cf61a}[data-theme=beige] .event-card-mobile-icon{background:linear-gradient(135deg,#8b5cf61f,#6366f114);color:#7c3aed}[data-theme=beige] .event-card-mobile-label{color:#2c2416}[data-theme=beige] .event-card-mobile-cta{color:#7c3aed;background:#8b5cf60d;border-color:#8b5cf61a}[data-theme=ultra-dark] .event-qr-card{background:linear-gradient(135deg,#6366f11a,#0ea5e914,#8b5cf61a);border-color:#6366f138;box-shadow:0 4px 24px #6366f124,0 1px 4px #0000004d}[data-theme=ultra-dark] .event-qr-image-wrap{background:#0000004d}@media(max-width:768px){.event-qr-card{max-width:100%;min-width:unset}}.online-users-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent, #6366f1) 8%,transparent),color-mix(in srgb,var(--accent, #6366f1) 3%,transparent));border:1px solid color-mix(in srgb,var(--accent, #6366f1) 12%,transparent);border-radius:var(--radius-lg, 1rem);padding:var(--space-14) var(--space-18);min-width:230px;max-width:320px;box-shadow:0 4px 24px color-mix(in srgb,var(--accent, #6366f1) 8%,transparent),0 1px 4px #0000001a;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease}.online-users-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px color-mix(in srgb,var(--accent, #6366f1) 14%,transparent),0 2px 8px #00000024}.ouc-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;gap:var(--space-8)}.ouc-title{display:flex;align-items:center;gap:var(--space-8);font-weight:600;font-size:var(--text-15);color:var(--text, #e2e8f0)}.ouc-icon-wrap{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-8);background:linear-gradient(135deg,color-mix(in srgb,var(--accent, #6366f1) 18%,transparent),color-mix(in srgb,var(--accent, #6366f1) 8%,transparent));color:var(--accent, #818cf8);flex-shrink:0}.ouc-summary{display:flex;align-items:center;gap:var(--space-8);color:var(--text-secondary, #94a3b8);font-size:var(--text-14)}.ouc-chevron{display:flex;align-items:center;color:var(--text-muted, #64748b);transition:color .15s}.ouc-header:hover .ouc-chevron{color:var(--accent, #818cf8)}.ouc-pill{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-12);font-weight:700;font-variant-numeric:tabular-nums;padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);line-height:1}.ouc-pill-online{background:#22c55e1f;color:#4ade80}.ouc-pill-idle{background:#f59e0b1a;color:#fbbf24}.ouc-loading-pill{opacity:.4;font-size:var(--text-14);letter-spacing:.15em}.ouc-pulse-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;position:relative;flex-shrink:0}.ouc-pulse-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:#22c55e59;animation:ouc-pulse 2s ease-in-out infinite}@keyframes ouc-pulse{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}.ouc-divider{height:1px;margin:var(--space-10) 0 var(--space-8);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent, #6366f1) 15%,transparent) 50%,transparent)}.ouc-list-wrap{overflow:hidden}.ouc-list{display:flex;flex-direction:column;gap:var(--space-4)}.ouc-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-6);color:var(--text-muted, #64748b);font-size:var(--text-13);padding:var(--space-12) 0 var(--space-4)}.ouc-user{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-6) var(--space-6);border-radius:var(--radius-10);transition:background .15s}.ouc-user:hover{background:color-mix(in srgb,var(--accent, #6366f1) 5%,transparent)}.ouc-avatar-wrap{position:relative;width:34px;height:34px;flex-shrink:0}.ouc-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--accent, #6366f1) 20%,transparent)}.ouc-avatar-fallback{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent, #6366f1),color-mix(in srgb,var(--accent, #6366f1) 60%,#a78bfa));color:#fff;font-size:var(--text-13);font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--accent, #6366f1) 25%,transparent)}.ouc-status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2.5px solid var(--bg-card);box-shadow:0 0 0 0 transparent;transition:box-shadow .3s}.ouc-dot-online{box-shadow:0 0 6px 1px #22c55e73}.ouc-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:var(--space-2)}.ouc-name{font-size:var(--text-14);font-weight:600;color:var(--text, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.ouc-status-text{font-size:var(--text-11);font-weight:500;line-height:1.2}.ouc-badge{font-size:var(--text-10);font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,color-mix(in srgb,var(--accent, #6366f1) 18%,transparent),color-mix(in srgb,var(--accent, #6366f1) 10%,transparent));color:var(--accent, #818cf8);padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--accent, #6366f1) 15%,transparent);flex-shrink:0}[data-theme=light] .online-users-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent, #6366f1) 5%,#fff),color-mix(in srgb,var(--accent, #6366f1) 2%,#fff));border-color:color-mix(in srgb,var(--accent, #6366f1) 10%,transparent);box-shadow:0 2px 12px #0000000d}[data-theme=light] .online-users-card:hover{box-shadow:0 6px 24px #00000014}[data-theme=light] .ouc-title,[data-theme=light] .ouc-name{color:#1e293b}[data-theme=light] .ouc-summary{color:#475569}[data-theme=light] .ouc-chevron,[data-theme=light] .ouc-empty{color:#64748b}[data-theme=light] .ouc-status-dot{border-color:#fff}[data-theme=light] .ouc-pill-online{background:#22c55e1a;color:#16a34a}[data-theme=light] .ouc-pill-idle{background:#f59e0b1a;color:#d97706}[data-theme=beige] .online-users-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,transparent),color-mix(in srgb,var(--accent) 2%,transparent));border-color:#2c241614}[data-theme=beige] .ouc-title,[data-theme=beige] .ouc-name{color:#2c2416}[data-theme=beige] .ouc-summary{color:#5c4f3a}[data-theme=beige] .ouc-chevron,[data-theme=beige] .ouc-empty{color:#7a6b52}[data-theme=beige] .ouc-status-dot{border-color:var(--bg-card)}[data-theme=ultra-dark] .online-users-card{background:linear-gradient(135deg,#6366f11a,#0ea5e90f,#8b5cf614);border-color:#6366f133;box-shadow:0 4px 24px #6366f11f,0 1px 4px #0000004d}[data-theme=ultra-dark] .ouc-status-dot{border-color:#0a0a0f}@media(max-width:768px){.online-users-card{max-width:280px;min-width:220px}}.hero-widgets .spotlight-card{min-width:240px;max-width:300px;flex:0 0 auto}.spotlight-card{position:relative;min-width:240px;max-width:340px;flex:0 1 auto;background:#0f172aa6;border:1px solid transparent;border-radius:var(--radius-16);padding:var(--space-16) var(--space-18) var(--space-14);display:flex;flex-direction:column;gap:var(--space-8);overflow:hidden;z-index:0;transition:transform .2s ease,box-shadow .2s ease}.spotlight-glow-border{content:"";position:absolute;inset:0;border-radius:var(--radius-16);padding:var(--space-2);pointer-events:none;z-index:1;background:conic-gradient(from var(--spotlight-angle, 0deg),#6366f1 0%,#a78bfa 20%,#38bdf8 40%,#818cf8 60%,#c084fc 80%,#6366f1 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spotlight-rotate 4s linear infinite}@keyframes spotlight-rotate{0%{--spotlight-angle: 0deg}to{--spotlight-angle: 360deg}}@property --spotlight-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.spotlight-card:before{content:"";position:absolute;inset:-4px;border-radius:calc(1rem + 4px);background:conic-gradient(from var(--spotlight-angle, 0deg),rgba(99,102,241,.25) 0%,rgba(167,139,250,.15) 20%,rgba(56,189,248,.2) 40%,rgba(129,140,248,.15) 60%,rgba(192,132,252,.25) 80%,rgba(99,102,241,.25) 100%);filter:blur(10px);z-index:-1;animation:spotlight-rotate 4s linear infinite;opacity:.7}.spotlight-card:hover{transform:translateY(-2px)}.spotlight-card:hover:before{opacity:1}.spotlight-card:hover .spotlight-glow-border{animation-duration:2s}.spotlight-dismiss{position:absolute;top:.5rem;right:.5rem;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #94a3b8);opacity:0;transition:opacity .2s,background .2s,color .2s;z-index:3}.spotlight-card:hover .spotlight-dismiss{opacity:1}.spotlight-dismiss:hover{background:#ffffff1f;color:var(--text-secondary, #cbd5e1)}@media(max-width:768px),(hover:none){.spotlight-dismiss{opacity:1;background:#00000040}}.spotlight-badge{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-10);font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#38bdf8;background:linear-gradient(90deg,#38bdf81f,#6366f114);padding:var(--space-2) var(--space-10);border-radius:var(--radius-pill);border:1px solid rgba(56,189,248,.18);width:fit-content}.spotlight-title{font-size:var(--text-15);font-weight:700;color:var(--text-primary, #e2e8f0);line-height:1.3;margin:0}.spotlight-body{font-size:var(--text-13);color:var(--text-muted, #94a3b8);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spotlight-link{display:inline-flex;align-items:center;gap:var(--space-6);font-size:var(--text-12);font-weight:600;color:#a78bfa;text-decoration:none;padding:var(--space-6) var(--space-12);border-radius:var(--radius-8);background:#a78bfa14;border:1px solid rgba(167,139,250,.14);width:fit-content;margin-top:var(--space-2);transition:background .2s,color .2s,border-color .2s}.spotlight-link:hover{background:#a78bfa29;color:#c4b5fd;border-color:#a78bfa40}.spotlight-link span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight-card-mobile{min-width:200px;max-width:100%;width:100%}.spotlight-card-pinned{width:100%;max-width:100%;min-width:unset;margin-bottom:var(--space-8)}[data-theme=light] .spotlight-card{background:#ffffffd9}[data-theme=light] .spotlight-badge{color:#2563eb;background:linear-gradient(90deg,#2563eb14,#6366f10d);border-color:#2563eb24}[data-theme=light] .spotlight-title{color:#1e293b}[data-theme=light] .spotlight-body{color:#475569}[data-theme=light] .spotlight-link{color:#7c3aed;background:#7c3aed0f;border-color:#7c3aed1f}[data-theme=light] .spotlight-link:hover{background:#7c3aed1f;color:#6d28d9}[data-theme=light] .spotlight-dismiss{background:#0000000a;border-color:#0000000f;color:#64748b}[data-theme=light] .spotlight-dismiss:hover{background:#00000014;color:#475569}[data-theme=beige] .spotlight-card{background:#faf7f2d9}[data-theme=beige] .spotlight-badge{color:#7c3aed;background:linear-gradient(90deg,#7c3aed12,#6366f10a);border-color:#7c3aed1a}[data-theme=beige] .spotlight-title{color:#2c2416}[data-theme=beige] .spotlight-body{color:#5c4f3a}[data-theme=beige] .spotlight-link{color:#7c3aed;background:#7c3aed0d;border-color:#7c3aed1a}[data-theme=beige] .spotlight-dismiss{background:#2c24160a;border-color:#2c24160f;color:#9c8e7c}[data-theme=beige] .spotlight-dismiss:hover{background:#2c241614;color:#6b5d4d}[data-theme=ultra-dark] .spotlight-card{background:#05050fbf}[data-theme=ultra-dark] .spotlight-card:before{opacity:.9}@media(max-width:768px){.spotlight-card{max-width:100%;min-width:unset}}.service-skeleton{border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-20);background:var(--surface-overlay)}.sk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-16)}.sk-icon,.sk-dot,.sk-line{background:linear-gradient(90deg,var(--surface-raised) 25%,var(--surface-sunken) 37%,var(--surface-raised) 63%);background-size:400% 100%;animation:sk-sheen 1.4s ease-in-out infinite;border-radius:var(--radius-6)}.sk-icon{width:44px;height:44px;border-radius:var(--radius-12)}.sk-dot{width:8px;height:8px;border-radius:50%}.sk-line{height:10px;margin-bottom:var(--space-10)}.sk-title{width:55%;height:14px}.sk-desc{width:85%}.sk-url{width:40%;margin-bottom:0}@keyframes sk-sheen{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.sk-icon,.sk-dot,.sk-line{animation:none}}.toast-container{position:fixed;top:calc(var(--space-20) + var(--sat));right:var(--space-20);display:flex;flex-direction:column;gap:var(--space-10);z-index:99999;pointer-events:none}.toast{position:relative;min-width:260px;max-width:380px;display:flex;gap:var(--space-12);align-items:center;padding:var(--space-12) var(--space-14);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-12);box-shadow:var(--shadow-lg);pointer-events:auto;overflow:hidden;animation:toast-in .26s cubic-bezier(.22,1,.36,1)}.toast:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--toast-accent, var(--accent))}.toast-success{--toast-accent: var(--success)}.toast-error{--toast-accent: var(--error)}.toast-info{--toast-accent: var(--accent)}.toast-warning{--toast-accent: var(--warning)}.toast-title{font-weight:650;font-size:var(--text-14);margin-bottom:var(--space-2)}.toast-message{flex:1;font-size:var(--text-14);line-height:1.45;color:var(--text-secondary);overflow-wrap:anywhere}.toast-close{flex-shrink:0;background:var(--surface-sunken);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-6) var(--space-12);border-radius:var(--radius-8);font-size:var(--text-13);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}@media(hover:hover){.toast-close:hover{background:var(--bg-hover);border-color:var(--border-light)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:640px){.toast-container{top:auto;bottom:calc(var(--space-12) + var(--sab));left:var(--space-12);right:var(--space-12);flex-direction:column-reverse}.toast{min-width:0;max-width:none}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}}@media(pointer:coarse){.toast-close{min-height:44px;min-width:56px}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.settings-page{padding:var(--space-32);max-width:1200px;margin:0 auto}.settings-header{margin-bottom:var(--space-32)}.settings-header h1{font-size:var(--text-28);font-weight:700;margin-bottom:var(--space-8)}.settings-header p{color:var(--text-secondary)}.settings-container{display:grid;grid-template-columns:240px 1fr;gap:var(--space-32);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.settings-nav{background:var(--bg-secondary);padding:var(--space-16);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-4)}.settings-nav .settings-section,.settings-nav .settings-actions{display:none}.settings-nav .nav-item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-14) var(--space-16);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all var(--transition-fast)}.settings-nav .nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav .nav-item.active{background:var(--accent-glow);color:var(--accent)}.settings-nav .nav-item .chevron{margin-left:auto;opacity:0;transition:all var(--transition-fast)}.settings-nav .nav-item:hover .chevron,.settings-nav .nav-item.active .chevron{opacity:1}.settings-content{padding:var(--space-32);overflow:visible}.settings-section{overflow:visible}.settings-section h2{font-size:var(--text-20);font-weight:600;margin-bottom:var(--space-24);padding-bottom:var(--space-12);border-bottom:1px solid var(--border-color)}.settings-section .form-group{margin-bottom:var(--space-20);position:relative;overflow:visible}.settings-section .form-group:has(.custom-color-picker-panel){margin-bottom:32rem;position:relative;overflow:visible}.settings-section .form-group label{display:block;font-size:var(--text-14);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-8)}.profile-grid{display:grid;grid-template-columns:220px 1fr;gap:var(--space-24);align-items:start}.profile-avatar{text-align:center}.avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto var(--space-12);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.avatar-actions{display:flex;gap:var(--space-8);justify-content:center;margin-bottom:var(--space-8)}.avatar-actions .btn-secondary{padding:var(--space-6) var(--space-12);font-size:var(--text-14);border-radius:var(--radius-8)}.btn-file{font-size:var(--text-14);padding:var(--space-6) var(--space-12)}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}@media(max-width:768px){.profile-grid,.form-row{grid-template-columns:1fr}}.theme-selector{display:flex;flex-wrap:wrap;gap:var(--space-12)}.theme-option{flex:1 1 0;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:var(--space-10);padding:var(--space-16) var(--space-8);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--transition-fast)}.theme-option:hover{border-color:var(--text-muted);color:var(--text-primary)}.theme-option.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.theme-option span{font-weight:500;font-size:var(--text-14)}.color-picker{display:flex;gap:var(--space-12);flex-wrap:wrap}.color-picker .color-option{width:40px;height:40px;border-radius:var(--radius-md);border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:#fff}.color-picker .color-option:hover{transform:scale(1.1)}.color-picker .color-option.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px currentColor}.custom-color-picker-container{position:relative;z-index:10;margin-bottom:var(--space-32)}.custom-color-trigger{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-20);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);width:100%;font-family:inherit;color:var(--text-primary);font-size:var(--text-15);font-weight:500}.custom-color-trigger:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-1px)}.custom-color-trigger.active{border-color:var(--accent);background:var(--accent-glow)}.custom-color-trigger.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.custom-color-trigger .color-preview{width:48px;height:48px;border-radius:var(--radius-md);border:3px solid var(--bg-card);box-shadow:0 2px 8px #0000004d,0 0 0 1px #ffffff1a;flex-shrink:0}.custom-color-trigger .color-label{font-family:Courier New,monospace;font-size:var(--text-16);font-weight:700;flex:1;text-align:left;letter-spacing:.5px}.custom-color-picker-panel{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:2px solid var(--border-color);border-top:none;border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:var(--space-24) var(--space-24) var(--space-40) var(--space-24);box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:visible;min-height:480px}.color-picker-header{display:flex;align-items:center;gap:var(--space-12);margin-bottom:var(--space-24);padding-bottom:var(--space-20);border-bottom:2px solid var(--border-color)}.color-picker-header span{font-weight:600;font-size:var(--text-18);flex:1;color:var(--text-primary)}.close-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);font-size:var(--text-28);color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);line-height:1;flex-shrink:0;padding:0}.close-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-text);transform:rotate(90deg)}.color-picker-body{display:flex;flex-direction:column;gap:var(--space-24)}.visual-color-picker{display:flex;flex-direction:column;gap:var(--space-16)}.color-gradient-box{width:100%;height:200px;border-radius:var(--radius-lg);position:relative;cursor:crosshair;border:3px solid var(--border-color);box-shadow:0 4px 12px #0000004d;overflow:hidden}.color-picker-thumb{position:absolute;width:20px;height:20px;border:3px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 2px 8px #00000080,inset 0 0 0 1px #0003;z-index:10}.hue-slider-container{width:100%;height:20px;position:relative}.hue-slider{-webkit-appearance:none;appearance:none;width:100%;height:20px;border-radius:var(--radius-lg);background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);outline:none;cursor:pointer;border:3px solid var(--border-color);box-shadow:0 2px 8px #0000004d}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid var(--bg-card);box-shadow:0 2px 8px #00000080;transition:transform .1s}.hue-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.hue-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.hue-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid var(--bg-card);box-shadow:0 2px 8px #00000080;transition:transform .1s}.hue-slider::-moz-range-thumb:hover{transform:scale(1.2)}.hue-slider::-moz-range-thumb:active{transform:scale(1.1)}.hex-input-group{display:flex;flex-direction:column;gap:var(--space-10)}.hex-input-group label{font-size:var(--text-14);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.hex-input-wrapper{display:flex;gap:var(--space-14);align-items:center}.hex-input{flex:1;padding:var(--space-16) var(--space-20);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-family:Courier New,monospace;font-size:var(--text-18);font-weight:700;color:var(--text-primary);transition:all var(--transition-fast);letter-spacing:1px}.hex-input:focus{outline:none;border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 4px var(--accent-glow)}.hex-input::placeholder{color:var(--text-muted);opacity:.5}.hex-preview{width:56px;height:56px;border-radius:var(--radius-lg);border:3px solid var(--bg-secondary);box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff1a;flex-shrink:0;transition:all var(--transition-fast)}.color-swatches-label{font-size:var(--text-14);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-4)}.color-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:var(--space-12)}.color-swatch{width:100%;aspect-ratio:1;border:3px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;box-shadow:0 2px 8px #00000040}.color-swatch:hover{transform:scale(1.2);border-color:#fff;box-shadow:0 8px 20px #00000080,0 0 0 2px var(--bg-card),0 0 0 4px #fff;z-index:10}.color-swatch:active{transform:scale(1.1)}@media(max-width:640px){.custom-color-picker-panel{padding:var(--space-20)}.color-gradient-box{height:180px}.color-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-10)}.hex-input{font-size:var(--text-16);padding:var(--space-14) var(--space-16)}.hex-preview{width:48px;height:48px}}@media(max-width:480px){.custom-color-picker-panel{padding:var(--space-16)}.color-gradient-box{height:160px}.color-picker-header{margin-bottom:var(--space-16);padding-bottom:var(--space-14)}}.toggle-group{display:flex;flex-direction:column;gap:var(--space-16)}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-16);background:var(--bg-tertiary);border-radius:var(--radius-md)}.toggle-item h4{font-size:var(--text-15);font-weight:500;margin-bottom:var(--space-4)}.toggle-item p{font-size:var(--text-13);color:var(--text-muted)}.toggle-item>div{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4)}@media(max-width:420px){.toggle-item{padding:var(--space-12)}}.toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:30px;min-width:48px}@media(max-width:420px){.toggle{width:52px;height:28px}}.radio-row{display:flex;gap:var(--space-16);align-items:center;margin-top:var(--space-8)}.radio-label{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-10);border-radius:var(--radius-6);background:var(--bg-tertiary)}.radio-label input[type=radio]{transform:translateY(1px)}.radio-label.disabled{opacity:.6}.form-hint.muted{color:var(--text-muted);margin-top:var(--space-8)}.toggle input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none}@media(max-width:420px){.toggle{width:44px;height:24px}.toggle-slider:before{height:16px;width:16px;left:3px;bottom:3px}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-pill);transition:all var(--transition-fast)}.toggle-slider{box-sizing:border-box}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background:var(--text-muted);border-radius:50%;transition:all var(--transition-fast)}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(24px);background:var(--accent-text)}@media(max-width:420px){.toggle-slider:before{height:18px;width:18px;left:3px;bottom:3px}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}}.security-info{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-16);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:var(--space-16)}.security-info svg{color:var(--accent);flex-shrink:0}.security-info>div{flex:1}.security-info h4{font-size:var(--text-15);font-weight:500;margin-bottom:var(--space-4)}.security-info p{font-size:var(--text-13);color:var(--text-muted)}.sso-card{display:flex;gap:var(--space-16);align-items:center;padding:var(--space-16);background:linear-gradient(180deg,var(--bg-secondary),var(--bg-card));border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-16)}.sessions-section{margin-top:var(--space-16);margin-bottom:var(--space-16)}.section-sep{border:0;height:1px;background:var(--border-color);margin:var(--space-24) 0;width:100%}.sessions-actions{margin-bottom:var(--space-16)}.sessions-actions .btn-danger{background:var(--error);color:#fff}.sessions-list{display:flex;flex-direction:column;gap:var(--space-8)}.session-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-12);background:var(--bg-tertiary);border-radius:var(--radius-md);gap:var(--space-12)}.session-info{flex:1;min-width:0}.session-info strong{display:block}.session-info .muted{color:var(--text-muted);font-size:var(--text-14);display:flex;align-items:center;gap:var(--space-8)}.session-info .muted.small{font-size:var(--text-13);color:var(--text-muted)}.ua-icon{color:var(--text-muted)}.ua-icon{min-width:16px}.session-ip{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Segoe UI Mono,monospace;cursor:pointer;color:var(--text-muted);padding-top:var(--space-4)}.session-ip:hover{text-decoration:underline;color:var(--text-primary)}.session-actions .btn-secondary,.session-actions .btn-danger{padding:var(--space-6) var(--space-12)}.session-location{display:flex;align-items:center;gap:var(--space-6);padding-top:var(--space-2)}.session-location svg{color:var(--text-muted);flex-shrink:0}.session-map{flex-shrink:0;width:180px;height:120px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary);margin-left:var(--space-12);margin-right:var(--space-8)}.session-map img{width:100%;height:100%;object-fit:cover;display:block}.session-map.session-map-local{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.local-network-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);color:var(--text-muted)}.local-network-indicator svg{opacity:.6}.local-network-indicator span{font-size:var(--text-12);font-weight:500}.badge{display:inline-block;padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);font-size:var(--text-12);margin-right:var(--space-8)}.badge.current{background:var(--accent);color:var(--accent-text)}.badge.risk{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.badge.risk.differentDevice{color:#f97316}.badge.risk.staleSession{color:#ef4444}.badge.risk.unknownClient{color:#64748b}.sso-card-left{flex:0 0 44px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-8);padding:var(--space-8)}.sso-card-left svg{color:var(--accent)}.sso-card-body h4{margin:0 0 var(--space-4) 0;font-size:var(--text-16);font-weight:600}.sso-card-body p{margin:0;color:var(--text-muted);font-size:var(--text-15)}.sso-card-actions{margin-left:auto;flex-shrink:0}.sso-card-actions .btn-primary,.sso-card-actions button.btn-primary{text-decoration:none;padding:var(--space-8) var(--space-16);font-size:var(--text-14);border:none;cursor:pointer;background:var(--gradient-1)!important;color:#fff!important;font-weight:500;border-radius:var(--radius-md);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-8);justify-content:center;overflow:visible;box-shadow:0 2px 8px #0000004d}.settings-section .security-info{display:none}.sso-top-card{width:100%;padding:var(--space-12) var(--space-20);margin-bottom:var(--space-20);align-items:center;overflow:visible}.settings-content>.sso-card{display:none}.sso-config-modal{position:fixed;inset:0;display:grid;place-items:center;background:#060a0f73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;padding:var(--space-32)}.sso-config-zone{width:100%;max-width:760px;padding:var(--space-20);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--space-16);box-shadow:0 10px 30px #04060c99}.sso-config-zone .form-group input{width:100%;padding:var(--space-8) var(--space-10)}.sso-config-zone h3{margin:0 0 var(--space-8) 0}.sso-config-zone .danger-action{margin-top:var(--space-16);display:flex;justify-content:flex-end;gap:var(--space-8);background:transparent;padding:0}.sso-config-zone .danger-action button:last-child{margin-left:var(--space-8)}.sso-card{padding:var(--space-16);background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-12);border:1px solid var(--border-color)}.sso-card-left{color:var(--accent)}.sso-card-body{flex:1;min-width:0}.sso-card-actions{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.sso-card-actions .btn-secondary{border-radius:var(--radius-8)}.btn-icon{display:inline-flex;align-items:center;gap:var(--space-8);justify-content:center}.btn-icon svg{vertical-align:middle}.sso-card .btn-primary,.sso-card .btn-secondary{padding:var(--space-8) var(--space-14)}.sso-card .sso-card-body input[type=range]{accent-color:var(--accent)}.sso-card .sso-card-body input[type=range]::-webkit-slider-thumb{background:var(--accent);border:2px solid var(--accent)}.sso-card .sso-card-body input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-pill);background:linear-gradient(to right,#00000014,#00000014)}.sso-card-actions .toggle{width:56px;height:30px}.sso-card-actions .toggle-slider{background:var(--bg-tertiary);border:1px solid var(--border-color)}.sso-card-actions .toggle-slider:before{background:var(--text-primary)}.sso-card-actions .toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.sso-card-actions .toggle input:checked+.toggle-slider:before{background:var(--accent-text)}.section-security .settings-section .security-info:nth-of-type(1){display:none}.security-info h4:empty,.security-info p:empty{display:none}.security-info:has(>h4:empty){display:none}.security-info:has(>h4:empty) button,.security-info:has(>p:empty) button{display:none}.sso-user .settings-section .form-group:has(input[type=password]){display:none}.data-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-16);margin-bottom:var(--space-32)}.data-card{padding:var(--space-24);background:var(--bg-tertiary);border-radius:var(--radius-lg);text-align:center}.data-card svg{color:var(--accent);margin-bottom:var(--space-12)}.data-card h4{font-size:var(--text-16);font-weight:600;margin-bottom:var(--space-8)}.data-card p{font-size:var(--text-14);color:var(--text-muted);margin-bottom:var(--space-16)}.danger-zone{border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-24)}.danger-zone h3{color:var(--error);font-size:var(--text-16);margin-bottom:var(--space-16)}.danger-action{display:flex;justify-content:space-between;align-items:center;padding:var(--space-16);background:#ef44440d;border-radius:var(--radius-md);margin-bottom:var(--space-12)}.danger-action:last-child{margin-bottom:0}.danger-action h4{font-size:var(--text-14);font-weight:500;margin-bottom:var(--space-4)}.danger-action p{font-size:var(--text-13);color:var(--text-muted)}.settings-actions{display:flex;justify-content:flex-end;gap:var(--space-16);margin-top:var(--space-32);padding-top:var(--space-24);border-top:1px solid var(--border-color)}.users-table-container{overflow-x:auto;margin-top:var(--space-24)}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:var(--space-16);text-align:left;border-bottom:1px solid var(--border-color)}.users-table th{font-size:var(--text-14);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{transition:background .15s}.users-table tbody tr:hover{background:var(--bg-tertiary)}.user-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover}.users-table img.user-avatar-small{font-size:0;line-height:0}img.user-avatar-small[src=""],img.user-avatar-small:not([src]),img.user-avatar-small[src*="ui-avatars.com"],img.user-avatar-small[src*="avatars.dicebear.org"],img.user-avatar-small[src*=identicon],img.user-avatar-small[src*=initials]{display:none!important}.user-avatar-small.placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted)}.user-name{font-weight:500;color:var(--text-primary)}.user-username{font-size:var(--text-14);color:var(--text-secondary)}.role-select{padding:var(--space-6) var(--space-12);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-14);cursor:pointer}.role-select:disabled{opacity:.5;cursor:not-allowed}.role-select:focus{outline:none;border-color:var(--accent)}.sso-badge{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-10);background:#10b98126;color:#10b981;border-radius:var(--radius-md);font-size:var(--text-13);font-weight:500}.local-badge{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-10);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--text-13);font-weight:500}.btn-icon-danger{padding:var(--space-8);background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:#ef4444;cursor:pointer;transition:all .15s}.btn-icon-danger:hover{background:#ef44441a;border-color:#ef4444}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-32);max-width:450px;width:90%;text-align:center}.modal-content .warning-icon{color:#f59e0b;margin-bottom:var(--space-16)}.modal-content h3{font-size:var(--text-20);margin-bottom:var(--space-8)}.modal-content p{color:var(--text-secondary);margin-bottom:var(--space-24)}.modal-actions{display:flex;gap:var(--space-16);justify-content:center}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-16)}.spinning{animation:spin 1s linear infinite}@media(max-width:768px){.settings-page{padding:var(--space-24) var(--space-16);overflow-x:hidden}.settings-container{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:var(--space-12);gap:var(--space-8);-webkit-overflow-scrolling:touch}.settings-nav .nav-item{flex-shrink:0;padding:var(--space-12)}.settings-nav .nav-item span,.settings-nav .nav-item .chevron{display:none}.settings-content{padding:var(--space-24);overflow-x:hidden}.theme-selector{flex-wrap:wrap}.theme-option{min-width:calc(50% - .5rem)}.data-actions{grid-template-columns:1fr}.danger-action{flex-direction:column;align-items:flex-start;gap:var(--space-16)}.settings-actions{flex-direction:column}.settings-actions button{width:100%}.session-row{flex-direction:column;align-items:stretch;padding:var(--space-12);gap:var(--space-12)}.session-info{width:100%}.session-info .muted{flex-wrap:wrap;font-size:var(--text-13)}.session-map{width:100%;height:100px;margin-left:0;margin-right:0;border-radius:var(--radius-sm)}.session-map img{width:100%;height:100%;object-fit:cover}.session-map.session-map-local{height:60px}.session-actions{width:100%}.session-actions .btn-secondary{width:100%;justify-content:center}.session-ip{font-size:var(--text-12);word-break:break-all}.sso-card{flex-direction:column;align-items:flex-start;text-align:left}.sso-card-actions{width:100%;margin-left:0;margin-top:var(--space-8)}.sso-card-actions .btn-primary{width:100%;justify-content:center}.sso-config-modal{padding:var(--space-16)}.sso-config-zone{max-width:100%;padding:var(--space-16)}.lang-confirm-content{flex-direction:column;text-align:center}.lang-confirm-actions{width:100%;margin-left:0;margin-top:var(--space-16);flex-direction:column-reverse}.lang-confirm-actions button{width:100%}.custom-color-picker-panel{padding:var(--space-16)}.color-gradient-box{height:150px}.color-grid{grid-template-columns:repeat(6,1fr)}.users-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.users-table{min-width:600px;font-size:var(--text-14)}.users-table th,.users-table td{padding:var(--space-12) var(--space-8);vertical-align:middle}.avatar-wrapper{display:inline-flex;align-items:center}.avatar-wrapper.placeholder-active+div .user-username{display:none!important}.users-table .user-avatar-small.placeholder{background:var(--accent);color:var(--accent-text);font-weight:600;display:flex;align-items:center;justify-content:center}.users-table .user-name{flex:none;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-table .user-username{font-size:var(--text-13);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.user-info{flex-direction:column;align-items:flex-start;gap:var(--space-6)}.user-avatar-small{width:32px;height:32px}.role-select{min-width:100px}}.role-select{min-width:100px;font-size:var(--text-14);padding:var(--space-6) var(--space-8)}.user-actions{display:flex;gap:var(--space-6)}.user-actions button{padding:var(--space-6) var(--space-8)}@media(max-width:480px){.users-table{min-width:auto}.users-table thead{display:none}.users-table,.users-table tbody,.users-table tr{display:block;width:100%}.users-table tr{padding:var(--space-10) 0;border-bottom:1px solid var(--border-color)}.users-table td{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0;width:100%}.users-table td[data-label]:before{content:attr(data-label);font-size:var(--text-12);color:var(--text-secondary);margin-right:var(--space-12);flex-shrink:0}.users-table tr td:first-child:before{display:none}.users-table .user-info{flex-direction:row;align-items:center;flex:1;justify-content:flex-start;gap:var(--space-8)}.users-table .user-info>div{min-width:0;overflow:hidden}.users-table .user-name{font-size:var(--text-15);margin-bottom:0}.users-table .user-username{display:none}.users-table td:last-child{justify-content:flex-end}.users-table td[data-label=Email]{text-align:right}.users-table .user-avatar-small.placeholder{width:40px;height:40px;font-size:var(--text-15)}}}@media(max-width:640px){.users-table .user-username{display:none!important}}.form-hint{font-size:var(--text-13);color:var(--text-muted);margin-bottom:var(--space-16);margin-top:-.25rem}.logo-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-16)}.logo-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:var(--space-16);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.logo-option:hover{border-color:var(--text-muted);background:var(--bg-hover)}.logo-option.active{border-color:var(--accent);background:var(--accent-glow)}.logo-preview{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-8)}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-name{font-size:var(--text-13);font-weight:500;color:var(--text-secondary);text-align:center}.logo-option.active .logo-name{color:var(--accent)}.logo-hint{font-size:var(--text-10);font-weight:600;color:var(--accent);background:var(--accent-glow);padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);text-transform:uppercase}.logo-selected{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-text)}.disabled-field{opacity:.65;filter:grayscale(20%)}.disabled-field input[disabled],.disabled-field select[disabled]{background:var(--bg-secondary);cursor:not-allowed}.disabled-field .form-hint{color:var(--text-muted)}@media(max-width:640px){.logo-selector{grid-template-columns:repeat(2,1fr)}}.reset-confirm-modal{margin-top:var(--space-16);background:var(--bg-secondary);border:2px solid var(--danger);border-radius:var(--radius-lg);padding:var(--space-24)}.reset-confirm-content{text-align:center}.reset-confirm-content .warning-icon{color:var(--danger);margin-bottom:var(--space-16)}.reset-confirm-content h3{font-size:var(--text-20);font-weight:600;margin-bottom:var(--space-8)}.reset-confirm-content p{color:var(--text-secondary);margin-bottom:var(--space-24)}.reset-confirm-actions{display:flex;gap:var(--space-16);justify-content:center}.reset-confirm-actions button{min-width:120px}.lang-confirm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-16)}.lang-confirm-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-20) var(--space-24);max-width:520px;width:100%;border:1px solid var(--border-color);box-shadow:0 10px 30px #00000059;text-align:left;display:flex;gap:var(--space-16);align-items:flex-start}.lang-confirm-content .warning-icon{color:var(--accent);flex-shrink:0;margin-top:var(--space-4)}.lang-confirm-content h3{margin:0;font-size:var(--text-18);font-weight:600}.lang-confirm-content p{margin-top:var(--space-8);color:var(--text-secondary)}.lang-confirm-actions{margin-left:auto;display:flex;gap:var(--space-12);align-items:center}.lang-confirm-actions .btn-primary{min-width:96px}.settings-field{width:100%;padding:var(--space-10) var(--space-12);border:1px solid var(--border-color);border-radius:var(--radius-10);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--text-14);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.settings-field-narrow{max-width:260px}.settings-field-area{resize:vertical;min-height:80px}@media(pointer:coarse){.settings-field{min-height:44px}}.containers-page{padding:var(--space-32);max-width:1100px;margin:0 auto}.containers-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-28);flex-wrap:wrap;gap:var(--space-16)}.containers-page-header .header-content h1{font-size:var(--text-28);font-weight:700;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.containers-page-header .header-content p{color:var(--text-secondary);font-size:var(--text-15)}.containers-page-header .header-actions{display:flex;align-items:center;gap:var(--space-12)}.containers-notice{display:flex;align-items:flex-start;gap:var(--space-14);padding:var(--space-18) var(--space-20);border:1px solid var(--border-color);border-radius:var(--radius-lg, 14px);background:var(--bg-card);color:var(--text-secondary)}.containers-notice svg{flex-shrink:0;margin-top:var(--space-2)}.containers-notice strong{display:block;color:var(--text-primary);font-size:var(--text-15);margin-bottom:var(--space-4)}.containers-notice span{font-size:var(--text-14)}.containers-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);flex-wrap:wrap;margin-bottom:var(--space-16)}.containers-search{display:flex;align-items:center;gap:var(--space-8);flex:1 1 240px;max-width:360px;padding:var(--space-8) var(--space-12);border:1px solid var(--border-color);border-radius:var(--radius-10);background:var(--bg-card);color:var(--text-secondary)}.containers-search input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-primary);font-size:var(--text-14);outline:none}.containers-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.containers-toolbar-right{display:flex;align-items:center;gap:var(--space-12)}.containers-count{font-size:var(--text-13);color:var(--text-secondary);white-space:nowrap}.containers-toggle{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-12);font-size:var(--text-13);border-radius:var(--radius-10);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:color .15s ease,border-color .15s ease}.containers-toggle:hover{color:var(--text-primary)}.containers-toggle.on{color:var(--accent-readable, var(--accent));border-color:var(--accent)}.containers-empty{margin:0;padding:var(--space-24) 0;font-size:var(--text-14);color:var(--text-secondary)}.containers-list{list-style:none;margin:0;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-lg, 14px);background:var(--bg-card);overflow:hidden}.container-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-12) var(--space-18);border-bottom:1px solid var(--border-color)}.container-row:last-child{border-bottom:none}.container-row.is-hidden{opacity:.55}.container-info{display:flex;align-items:center;gap:var(--space-12);min-width:0;flex:1;cursor:pointer;border-radius:var(--radius-8);padding:var(--space-2) var(--space-4);margin:-.15rem -.3rem;transition:background .15s ease}.container-info:hover{background:#7f7f7f1a}.container-info:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container-text{min-width:0}.container-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#64748b}.container-dot.running{background:#22c55e}.container-dot.stopped{background:#ef4444}.container-name{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6);font-size:var(--text-14);font-weight:550;color:var(--text-primary);overflow-wrap:anywhere}.container-badge{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-6);border-radius:var(--radius-6);font-size:var(--text-11);font-weight:600;text-transform:lowercase;letter-spacing:.01em;background:#6366f124;color:var(--accent-readable, var(--accent))}.container-badge.protected{background:#22c55e24;color:#22c55e}.container-badge.muted{background:#94a3b829;color:var(--text-secondary)}.container-state{display:block;font-size:var(--text-12);color:var(--text-secondary);overflow-wrap:anywhere}.container-image{opacity:.75}.container-actions{display:flex;gap:var(--space-6);flex-shrink:0}.container-actions button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-8);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,border-color .15s ease}.container-actions button:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.container-actions button.danger:hover:not(:disabled){color:#ef4444;border-color:#ef444466}.container-actions button:disabled{opacity:.35;cursor:not-allowed}.container-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container-menu-wrap{position:relative}.container-menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:20;min-width:200px;padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-10);background:var(--bg-card);box-shadow:var(--shadow-lg, 0 12px 28px rgba(0, 0, 0, .35))}.container-menu button{display:flex;align-items:center;gap:var(--space-8);width:100%;height:auto;padding:var(--space-8) var(--space-10);border:none;border-radius:var(--radius-8);background:transparent;color:var(--text-primary);font-size:var(--text-13);text-align:left;cursor:pointer}.container-menu button:hover:not(:disabled){background:#7f7f7f1f;border-color:transparent}.container-menu button:disabled{opacity:.4;cursor:not-allowed}.logs-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-32) var(--space-24);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logs-modal{position:relative;display:flex;flex-direction:column;width:min(1100px,100%);height:min(720px,100%);border:1px solid var(--border-color);border-radius:var(--radius-lg, 14px);background:var(--bg-card);box-shadow:var(--shadow-lg, 0 24px 60px rgba(0, 0, 0, .45));overflow:hidden}.logs-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-14) var(--space-18);border-bottom:1px solid var(--border-color)}.logs-title{display:flex;align-items:center;gap:var(--space-10);min-width:0}.logs-title h3{margin:0;font-size:var(--text-16);font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.logs-status{padding:var(--space-2) var(--space-8);border-radius:var(--radius-6);font-size:var(--text-11);font-weight:600;background:#94a3b829;color:var(--text-secondary)}.logs-status.live{background:#22c55e24;color:#22c55e}.logs-status.error{background:#ef444424;color:#ef4444}.logs-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-8);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer}.logs-close:hover{color:var(--text-primary);border-color:var(--border-color)}.logs-toolbar{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap;padding:var(--space-12) var(--space-18);border-bottom:1px solid var(--border-color)}.logs-filter{flex:1 1 200px;max-width:320px}.logs-tail{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-13);color:var(--text-secondary)}.logs-tail select{padding:var(--space-6) var(--space-8);border-radius:var(--radius-8);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-13)}.logs-toolbar-actions{display:flex;gap:var(--space-6);margin-left:auto}.logs-toolbar-actions button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-8);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,border-color .15s ease}.logs-toolbar-actions button:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.logs-toolbar-actions button:disabled{opacity:.35;cursor:not-allowed}.logs-body{flex:1;min-height:0;overflow:auto;padding:var(--space-12) var(--space-18);background:#00000038;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-12);line-height:1.55}.logs-line{color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.logs-line.stderr{color:#f87171}.logs-empty{margin:0;color:var(--text-secondary);font-size:var(--text-13)}.logs-jump{position:absolute;bottom:3.4rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-12);border-radius:var(--radius-pill);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-12);cursor:pointer;box-shadow:var(--shadow-lg, 0 8px 20px rgba(0, 0, 0, .35))}.logs-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-8) var(--space-18);border-top:1px solid var(--border-color);font-size:var(--text-12);color:var(--text-secondary)}.logs-capped{opacity:.8}@media(max-width:640px){.logs-overlay{padding:0}.logs-modal{height:100%;border-radius:0;border:none}.logs-filter{max-width:none}}.container-spin{animation:container-spin 1s linear infinite}@keyframes container-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.container-spin{animation:none}}@media(max-width:640px){.containers-page{padding:var(--space-20) var(--space-16) var(--space-32)}.container-row{align-items:flex-start;flex-direction:column;gap:var(--space-10)}.container-actions{align-self:flex-end}}.reporting-page{padding:var(--space-32);max-width:1600px;margin:0 auto}.reporting-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-32);flex-wrap:wrap;gap:var(--space-16)}.reporting-header .header-content h1{font-size:var(--text-28);font-weight:700;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reporting-header .header-content p{color:var(--text-secondary);font-size:var(--text-15)}.reporting-header .header-actions{display:flex;align-items:center;gap:var(--space-12)}.export-dropdown{position:relative}.export-menu{position:absolute;top:100%;right:0;margin-top:var(--space-8);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.export-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.export-menu button{display:flex;align-items:center;gap:var(--space-12);width:100%;padding:var(--space-12) var(--space-16);background:none;border:none;color:var(--text-primary);font-size:var(--text-14);cursor:pointer;transition:background .15s}.export-menu button:hover{background:var(--bg-tertiary)}.export-menu button:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.export-menu button:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-16);margin-bottom:var(--space-32)}.stats-overview .stat-card{background:linear-gradient(180deg,var(--surface-overlay),var(--surface-overlay));border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-20);display:flex;align-items:center;gap:var(--space-16);transition:all .2s ease}.stats-overview .stat-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px #00000026}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:var(--space-2)}.stat-info .stat-value{font-size:var(--text-24);font-weight:700;color:var(--text-primary)}.stat-info .stat-label{font-size:var(--text-14);color:var(--text-secondary)}.stat-info .stat-period{font-size:var(--text-12);color:var(--text-muted)}.reporting-tabs{display:flex;gap:var(--space-8);margin-bottom:var(--space-24);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-8)}.tab-btn{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-20);background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-15);font-weight:500;cursor:pointer;transition:all .15s}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background:var(--accent);color:#fff}.reporting-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-24)}.filters-bar{display:flex;align-items:center;gap:var(--space-16);margin-bottom:var(--space-16);flex-wrap:wrap}.filters-bar .search-box{display:flex;align-items:center;gap:var(--space-12);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 var(--space-16);flex:1;max-width:300px}.filters-bar .search-box svg{color:var(--text-muted);flex-shrink:0}.filters-bar .search-box input{flex:1;padding:var(--space-10) 0;background:none;border:none;color:var(--text-primary);font-size:var(--text-14)}.filters-bar .search-box input::placeholder{color:var(--text-muted)}.filters-bar .search-box input:focus{outline:none}.btn-filter{display:flex;align-items:center;gap:var(--space-8)}.btn-filter.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-badge{background:#fff3;padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);font-size:var(--text-12);font-weight:600}.btn-text{background:none;border:none;color:var(--text-secondary);font-size:var(--text-14);cursor:pointer;text-decoration:underline}.btn-text:hover{color:var(--text-primary)}.results-count{margin-left:auto;font-size:var(--text-14);color:var(--text-muted)}.filters-expanded{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-16);margin-bottom:var(--space-16);overflow:hidden}.filter-row{display:flex;gap:var(--space-16);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-6);min-width:140px}.filter-group label{font-size:var(--text-13);font-weight:500;color:var(--text-secondary)}.filter-group select,.filter-group input{padding:var(--space-8) var(--space-12);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-14)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--accent)}.logs-table-container{overflow-x:auto;margin-bottom:var(--space-16)}.logs-table{width:100%;border-collapse:collapse}.logs-table th,.logs-table td{padding:var(--space-12) var(--space-16);text-align:left;border-bottom:1px solid var(--border-color)}.logs-table th{font-size:var(--text-13);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.logs-table td{font-size:var(--text-14);color:var(--text-primary)}.logs-table tbody tr{transition:background .15s}.logs-table tbody tr:hover{background:var(--bg-tertiary)}.logs-table tbody tr.failure-row{background:#ef44440d}.logs-table tbody tr.failure-row:hover{background:#ef44441a}.timestamp-cell{color:var(--text-secondary);font-size:var(--text-14);white-space:nowrap}.timestamp-cell svg{color:var(--text-muted);vertical-align:middle;margin-right:var(--space-8)}.user-cell{white-space:nowrap}.user-cell svg{color:var(--accent);vertical-align:middle;margin-right:var(--space-8)}.ip-cell{font-family:Monaco,Courier New,monospace;font-size:var(--text-14);color:var(--text-secondary);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.action-badge{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-10);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-14);font-weight:500}.group-count-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-8);padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,#3b82f626,#9333ea26);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-full);font-size:var(--text-12);font-weight:600;color:var(--text-secondary);opacity:.9}.category-badge{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-10);background:color-mix(in srgb,var(--category-color, #64748b) 15%,transparent);color:var(--category-color, var(--text-secondary));border-radius:var(--radius-md);font-size:var(--text-13);font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-10);border-radius:var(--radius-md);font-size:var(--text-13);font-weight:500;text-transform:capitalize}.status-badge.success{background:#10b98126;color:#10b981}.status-badge.failure{background:#ef444426;color:#ef4444}.details-btn{padding:var(--space-4) var(--space-10);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-13);cursor:pointer;transition:all .15s}.details-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-16);padding-top:var(--space-16)}.page-info{font-size:var(--text-14);color:var(--text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-48);color:var(--text-muted)}.loading-state.small{padding:var(--space-32)}.loading-state p{margin-top:var(--space-12);font-size:var(--text-14)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-48);color:var(--text-muted);text-align:center}.empty-state.small{padding:var(--space-32)}.empty-state.success{color:#10b981}.empty-state h3{margin-top:var(--space-16);font-size:var(--text-18);color:var(--text-primary)}.empty-state p{margin-top:var(--space-8);font-size:var(--text-14)}.error-message{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:#ef4444;margin-bottom:var(--space-16)}.spin{animation:spin 1s linear infinite}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-24)}.analytics-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-20);min-width:0}.analytics-card.wide{grid-column:span 2}.analytics-card h3{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-16);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-16)}.category-breakdown{display:flex;flex-direction:column;gap:var(--space-12)}.breakdown-item{display:flex;align-items:center;gap:var(--space-12)}.breakdown-label{display:flex;align-items:center;gap:var(--space-8);min-width:140px;font-size:var(--text-14);color:var(--text-secondary)}.color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.breakdown-bar{flex:1;height:8px;background:var(--bg-card);border-radius:var(--radius-4);overflow:hidden}.breakdown-fill{height:100%;border-radius:var(--radius-4);transition:width .3s ease}.breakdown-count{min-width:40px;text-align:right;font-size:var(--text-14);font-weight:600;color:var(--text-primary)}.top-actions-list{display:flex;flex-direction:column;gap:var(--space-8)}.action-item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-8);background:var(--bg-card);border-radius:var(--radius-md)}.action-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-size:var(--text-12);font-weight:600}.action-name{flex:1;font-size:var(--text-14);color:var(--text-primary)}.action-count{font-size:var(--text-14);font-weight:600;color:var(--text-secondary)}.top-users-list{display:flex;flex-direction:column;gap:var(--space-8)}.user-item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-8);background:var(--bg-card);border-radius:var(--radius-md)}.user-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-size:var(--text-12);font-weight:600}.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;color:var(--text-muted)}.user-name{flex:1;font-size:var(--text-14);font-weight:500;color:var(--text-primary)}.user-count{font-size:var(--text-13);color:var(--text-muted)}.activity-timeline{display:flex;align-items:flex-end;gap:var(--space-8);height:150px;padding-top:var(--space-16)}.timeline-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.timeline-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 60%,transparent));border-radius:var(--radius-4) var(--radius-4) 0 0;transition:height .3s ease;margin-top:auto}.timeline-label{font-size:var(--text-11);color:var(--text-muted);margin-top:var(--space-8);white-space:nowrap}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-24)}.security-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-20)}.security-card.wide{grid-column:span 2}.security-card h3{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-16);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-16)}.login-stats{display:flex;gap:var(--space-16)}.login-stat{flex:1;display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16);background:var(--bg-card);border-radius:var(--radius-md)}.login-stat.success svg{color:#10b981}.login-stat.failure svg{color:#ef4444}.login-stat.sso svg{color:#8b5cf6}.login-stat div{display:flex;flex-direction:column}.login-stat .value{font-size:var(--text-20);font-weight:700;color:var(--text-primary)}.login-stat .label{font-size:var(--text-13);color:var(--text-muted)}.failures-list{display:flex;flex-direction:column;gap:var(--space-8);max-height:300px;overflow-y:auto}.failure-item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12);background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:var(--radius-md)}.failure-icon{color:#ef4444}.failure-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.failure-action{font-size:var(--text-14);font-weight:500;color:var(--text-primary)}.failure-user{font-size:var(--text-13);color:var(--text-secondary)}.failure-time{font-size:var(--text-12);color:var(--text-muted)}.failure-details{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-4)}.failure-ip{font-size:var(--text-12);color:var(--text-muted);font-family:monospace}.status-distribution{display:flex;flex-direction:column;gap:var(--space-16)}.status-item{display:flex;flex-direction:column;gap:var(--space-8)}.status-header{display:flex;align-items:center;gap:var(--space-8)}.status-item.success .status-header svg{color:#10b981}.status-item.failure .status-header svg{color:#ef4444}.status-name{font-size:var(--text-14);font-weight:500;color:var(--text-primary);text-transform:capitalize}.status-bar{height:10px;background:var(--bg-card);border-radius:var(--radius-4);overflow:hidden}.status-item.success .status-fill{background:linear-gradient(90deg,#10b981,#059669)}.status-item.failure .status-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.status-percent{font-size:var(--text-14);font-weight:600;color:var(--text-secondary)}.log-detail-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:700px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-24);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:var(--text-20);font-weight:600;color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-24);cursor:pointer;transition:all .15s}.modal-close:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-body{padding:var(--space-24);overflow-y:auto}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-24)}.detail-item{display:flex;flex-direction:column;gap:var(--space-8)}.detail-item.full-width{grid-column:span 2}.detail-item label{font-size:var(--text-13);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-item>div{font-size:var(--text-15);color:var(--text-primary)}.detail-code{font-family:Monaco,Courier New,monospace;font-size:var(--text-14);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-8);border-radius:var(--radius-md);word-break:break-all}.detail-json{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-16);font-family:Monaco,Courier New,monospace;font-size:var(--text-14);color:var(--text-primary);overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media(max-width:1200px){.stats-overview{grid-template-columns:repeat(2,1fr)}.analytics-grid,.security-grid{grid-template-columns:1fr}.analytics-card.wide,.security-card.wide{grid-column:span 1}}@media(max-width:768px){.reporting-page{padding:var(--space-16);overflow-x:hidden}.stats-overview{grid-template-columns:1fr}.reporting-header{flex-direction:column;align-items:flex-start}.reporting-tabs{flex-wrap:wrap;width:100%;overflow-x:auto}.reporting-tabs button{flex:1;min-width:120px}.filters-bar{flex-direction:column;align-items:stretch}.filters-bar .search-box{max-width:none}.filter-row{flex-direction:column}.logs-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.logs-table{font-size:var(--text-13);min-width:600px}.logs-table th,.logs-table td{padding:var(--space-8) var(--space-6);white-space:nowrap}.logs-table th:nth-child(4),.logs-table td:nth-child(4),.logs-table th:nth-child(5),.logs-table td:nth-child(5){display:none}.login-stats{flex-direction:column}.activity-timeline{height:120px}.breakdown-label{min-width:100px;font-size:var(--text-13)}.category-breakdown{gap:var(--space-8)}.log-detail-modal{width:95%;max-height:90vh}.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}@media(max-width:420px){.analytics-card{padding:var(--space-12);min-width:0;border-radius:var(--radius-md)}.analytics-grid{gap:var(--space-14);grid-auto-rows:auto}.breakdown-label{min-width:70px;font-size:var(--text-12)}.breakdown-count{min-width:36px;font-size:var(--text-13)}.timeline-bar{max-width:26px}.analytics-card h3{font-size:var(--text-15);margin-bottom:var(--space-10)}.top-actions-list .action-item,.user-item{padding:var(--space-6);gap:var(--space-8)}.action-name{font-size:var(--text-13)}.action-rank,.user-rank{width:20px;height:20px;font-size:var(--text-12)}.user-name{font-size:var(--text-14);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-count,.action-count{font-size:var(--text-13)}.reporting-section{overflow-x:hidden}}.pagination{flex-wrap:wrap;gap:var(--space-4)}.pagination button{padding:var(--space-6) var(--space-10);font-size:var(--text-14)}.export-dropdown,.export-dropdown .btn{width:100%}.export-menu{left:0;right:0;min-width:auto}}[data-theme=light] .stats-overview .stat-card{background:#fff;border-color:var(--border-color);box-shadow:0 2px 8px #0000000d}[data-theme=light] .reporting-section{background:#fff}[data-theme=light] .analytics-card,[data-theme=light] .security-card{background:var(--bg-secondary)}[data-theme=light] .action-item,[data-theme=light] .user-item{background:#fff}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s}.btn-icon:hover{background:var(--bg-tertiary);color:var(--accent);border-color:var(--accent)}.btn-icon:active{transform:scale(.95)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.clear-events-section{background:var(--bg-card);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:var(--space-24);margin-bottom:var(--space-32)}.clear-events-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--border-color)}.clear-events-header h3{font-size:var(--text-16);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-8)}.clear-events-header .warning-icon{color:#ef4444}.clear-events-body{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-16)}.clear-events-group{display:flex;flex-direction:column;gap:var(--space-8);min-width:200px}.clear-events-group label{font-size:var(--text-14);font-weight:500;color:var(--text-secondary)}.clear-events-group select,.clear-events-group input[type=date]{padding:var(--space-10) var(--space-14);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-14);font-family:inherit;cursor:pointer;transition:all .15s}.clear-events-group select:focus,.clear-events-group input[type=date]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.clear-events-actions{display:flex;gap:var(--space-12);margin-top:var(--space-8)}.btn-danger{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-20);background:#ef4444;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-14);font-weight:500;cursor:pointer;transition:all .15s}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-danger:active{transform:translateY(0)}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.clear-events-warning{font-size:var(--text-14);color:#ef4444;display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-12);padding:var(--space-12);background:#ef44440d;border-radius:var(--radius-md);border-left:3px solid #ef4444}[data-theme=light] .timeline-bar{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 70%,white))}[data-theme=beige] .stats-overview .stat-card{background:#f5f0e8;border-color:var(--border-color);box-shadow:0 2px 8px #2c24160d}[data-theme=beige] .reporting-section{background:#f5f0e8}[data-theme=beige] .analytics-card,[data-theme=beige] .security-card{background:var(--bg-secondary)}[data-theme=beige] .action-item,[data-theme=beige] .user-item{background:#f5f0e8}[data-theme=beige] .timeline-bar{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#faf7f2))}[data-theme=ultra-dark] .stats-overview .stat-card{background:#0a0a0a;border-color:#262626;box-shadow:0 2px 8px #0000004d}[data-theme=ultra-dark] .reporting-section,[data-theme=ultra-dark] .analytics-card,[data-theme=ultra-dark] .security-card,[data-theme=ultra-dark] .action-item,[data-theme=ultra-dark] .user-item{background:#0a0a0a}.requests-page{padding:var(--space-32);max-width:960px;margin:0 auto}.requests-header{margin-bottom:var(--space-24)}.requests-header h1{font-size:var(--text-28);font-weight:700;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-8);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.requests-header h1 svg{flex-shrink:0;color:var(--accent);-webkit-text-fill-color:initial}.requests-header p{color:var(--text-secondary);font-size:var(--text-15)}.requests-tabs{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-24);border-bottom:2px solid var(--border-color, #e2e8f0);padding-bottom:0}.requests-tab{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-10) var(--space-16);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-secondary);font-size:var(--text-14);font-weight:500;cursor:pointer;transition:all .2s;border-radius:var(--radius-md, 8px) var(--radius-md, 8px) 0 0}.requests-tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 6%,transparent)}.requests-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.requests-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-6);border-radius:var(--radius-10);font-size:var(--text-12);font-weight:600;background:var(--bg-tertiary, #f1f5f9);color:var(--text-secondary)}.requests-tab-count.pending{background:#f59e0b26;color:#f59e0b}.requests-tab-count.unread-badge{background:#ef4444;color:#fff;animation:pulse-badge 1.8s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 0 #ef444480}50%{transform:scale(1.1);box-shadow:0 0 0 4px #ef444400}}.replies-toggle-btn{position:relative}.replies-unread-dot{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-4);border-radius:var(--radius-8);font-size:var(--text-11);font-weight:700;background:#ef4444;color:#fff;line-height:1;animation:pulse-badge 1.8s ease-in-out infinite}.admin-card-unread-dot{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-4);border-radius:var(--radius-8);font-size:var(--text-11);font-weight:700;background:#ef4444;color:#fff;line-height:1;animation:pulse-badge 1.8s ease-in-out infinite;z-index:1}.smtp-btn{margin-left:auto}.requests-content{min-height:300px}.requests-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-48);color:var(--text-secondary);font-size:var(--text-15)}.requests-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem var(--space-32);text-align:center;color:var(--text-secondary)}.requests-empty svg{margin-bottom:var(--space-16);opacity:.4}.requests-empty h3{font-size:var(--text-18);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6)}.requests-empty p{margin-bottom:var(--space-20);font-size:var(--text-14)}.request-form{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 16px);padding:var(--space-28);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06))}.request-form .form-group{margin-bottom:var(--space-20);position:relative}.request-form label{display:block;font-size:var(--text-14);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6)}.request-form label .optional{font-weight:400;color:var(--text-tertiary, #94a3b8)}.request-form input[type=text],.request-form textarea{width:100%;padding:var(--space-10) var(--space-14);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--bg-primary, #fff);color:var(--text-primary);font-size:var(--text-14);font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s}.request-form input[type=text]:focus,.request-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.char-count{position:absolute;right:8px;bottom:-18px;font-size:var(--text-12);color:var(--text-tertiary, #94a3b8)}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:var(--space-10) var(--space-36) var(--space-10) var(--space-14);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--bg-primary, #fff);color:var(--text-primary);font-size:var(--text-14);font-family:inherit;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.select-wrapper select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94a3b8);pointer-events:none}.select-wrapper.small select{padding:var(--space-8) var(--space-32) var(--space-8) var(--space-12);font-size:var(--text-13)}.submit-btn{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-8)}.requests-list{display:flex;flex-direction:column;gap:var(--space-12)}.request-card{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 16px);padding:var(--space-18) var(--space-20);transition:box-shadow .2s,border-color .2s}.request-card.archived{opacity:.78;border-style:dashed}.request-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.06));border-color:var(--accent)}.request-card.admin.pending{border-left:3px solid #f59e0b}.request-card.admin.todo{border-left:3px solid #8b5cf6}.request-card.admin.in_progress{border-left:3px solid #3b82f6}.request-card.admin.done,.request-card.admin.approved{border-left:3px solid #10b981}.request-card.admin.declined{border-left:3px solid #ef4444;opacity:.7}.request-card.public{border-left:3px solid #6366f1;position:relative}.request-card-header{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap}.request-card-category{font-size:var(--text-13);font-weight:500;color:var(--text-secondary);text-transform:capitalize}.request-card-user{margin-left:auto;font-size:var(--text-12);font-weight:500;color:var(--text-tertiary, #94a3b8);background:var(--bg-tertiary, #f1f5f9);padding:var(--space-2) var(--space-8);border-radius:var(--radius-12)}.request-card-title{font-size:var(--text-16);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-6)}.request-card-desc{font-size:var(--text-14);color:var(--text-secondary);margin:0 0 var(--space-8);line-height:1.5;white-space:pre-wrap}.request-admin-note{display:flex;align-items:flex-start;gap:var(--space-6);font-size:var(--text-13);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-8)}.request-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-8)}.request-card-actions{display:inline-flex;align-items:center;gap:var(--space-6)}.request-date{font-size:var(--text-12);color:var(--text-tertiary, #94a3b8)}.request-status-badge{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-10);border-radius:var(--radius-12);font-size:var(--text-12);font-weight:600}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0);background:none;color:var(--text-secondary);cursor:pointer;transition:all .15s}.btn-icon:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-primary)}.btn-icon.danger:hover{background:#ef444414;color:#ef4444;border-color:#ef44444d}.btn-sm{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-10);font-size:var(--text-12);font-weight:500;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);background:none;color:var(--text-secondary);cursor:pointer;transition:all .15s}.btn-sm:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.btn-sm.approve{color:#10b981;border-color:#10b9814d}.btn-sm.approve:hover{background:#10b98114}.btn-sm.decline{color:#ef4444;border-color:#ef44444d}.btn-sm.decline:hover{background:#ef444414}.btn-sm.danger{color:#ef4444;border-color:#ef44444d}.btn-sm.danger:hover{background:#ef444414}.btn.danger{color:#ef4444;border-color:#ef44444d;background:#ef44440a}.btn.danger:hover{background:#ef444414}.btn-sm.view{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.btn-sm.view:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.admin-actions{display:flex;gap:var(--space-6);flex-wrap:wrap}.admin-filters{display:flex;align-items:center;gap:var(--space-10);margin-bottom:var(--space-20);flex-wrap:wrap}.requests-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10);margin-bottom:var(--space-14);flex-wrap:wrap}.requests-inline-toggle{display:inline-flex;align-items:center;gap:var(--space-8);font-size:var(--text-14);color:var(--text-secondary)}.requests-inline-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.modal-card{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-lg, 0 20px 40px rgba(0,0,0,.15));width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-18) var(--space-24);border-bottom:1px solid var(--border-color, #e2e8f0)}.modal-header h3{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-18);font-weight:600;margin:0}.modal-body{padding:var(--space-20) var(--space-24);overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-8);padding:var(--space-16) var(--space-24);border-top:1px solid var(--border-color, #e2e8f0)}.detail-row{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-8) 0;border-bottom:1px solid var(--border-color-light, rgba(226,232,240,.5))}.detail-row:last-of-type{border-bottom:none}.detail-label{min-width:80px;font-size:var(--text-13);font-weight:600;color:var(--text-tertiary, #94a3b8);flex-shrink:0}.detail-category{display:flex;align-items:center;gap:var(--space-6);text-transform:capitalize}.detail-description{white-space:pre-wrap;line-height:1.5}.admin-note-group{margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--border-color, #e2e8f0)}.admin-note-group label{font-size:var(--text-14);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6);display:block}.admin-note-group .optional{font-weight:400;color:var(--text-tertiary, #94a3b8)}.admin-note-group textarea{width:100%;padding:var(--space-10) var(--space-12);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--bg-primary, #fff);color:var(--text-primary);font-size:var(--text-14);font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s}.admin-note-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.smtp-modal{max-width:520px}.smtp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-14)}.smtp-grid .form-group{margin-bottom:0}.smtp-grid .form-group.full-width{grid-column:1 / -1}.smtp-grid .form-group.checkbox-group{display:flex;align-items:center}.smtp-grid .form-group.checkbox-group label{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-14);cursor:pointer}.smtp-grid label{display:block;font-size:var(--text-13);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.smtp-grid input[type=text],.smtp-grid input[type=number],.smtp-grid input[type=email],.smtp-grid input[type=password]{width:100%;padding:var(--space-8) var(--space-12);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--bg-primary, #fff);color:var(--text-primary);font-size:var(--text-14);font-family:inherit;transition:border-color .2s,box-shadow .2s}.smtp-grid input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.requests-page .btn{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-16);font-size:var(--text-14);font-weight:500;border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #fff);color:var(--text-primary);cursor:pointer;transition:all .15s}.requests-page .btn:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.requests-page .btn.btn-primary{background:var(--accent);color:#fff;border-color:transparent}.requests-page .btn.btn-primary:hover{filter:brightness(1.1)}.requests-page .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}.requests-page .btn.btn-danger{background:#ef4444;color:#fff;border-color:transparent}.requests-page .btn.btn-danger:hover{background:#dc2626}.requests-page .btn.btn-success{background:#10b981;color:#fff;border-color:transparent}.requests-page .btn.btn-success:hover{background:#059669}.header-sparkle{color:var(--accent);-webkit-text-fill-color:initial;animation:sparkle-pulse 2s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.15) rotate(8deg);opacity:.85}}.category-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-10);margin-top:var(--space-4)}.category-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-10);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 16px);background:var(--bg-card, #fff);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;gap:var(--space-4)}.category-card:hover{border-color:var(--accent);box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 10%,transparent)}.category-card.selected{box-shadow:0 2px 16px color-mix(in srgb,var(--accent) 16%,transparent)}.category-card-emoji{font-size:var(--text-28);line-height:1;margin-bottom:var(--space-2)}.category-card-label{font-size:var(--text-13);font-weight:600;color:var(--text-primary)}.category-card-hint{font-size:var(--text-12);color:var(--text-tertiary, #94a3b8);line-height:1.3;margin-top:var(--space-2)}.link-hint{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-8);padding:var(--space-8) var(--space-14);background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:var(--radius-md, 8px);color:var(--accent);font-size:var(--text-13)}.link-hint svg{flex-shrink:0}.empty-icon{animation:empty-bounce 2.5s ease-in-out infinite}@keyframes empty-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.request-public-badge{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-8);border-radius:var(--radius-12);font-size:var(--text-12);font-weight:600;color:#6366f1;background:#6366f11a}.public-toggle-group{margin-top:var(--space-4)}.public-toggle-label{display:flex!important;align-items:center;gap:var(--space-8);cursor:pointer;font-size:var(--text-14)!important;font-weight:500!important;color:var(--text-secondary)!important}.public-toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.public-toggle-hint{font-size:var(--text-12);color:var(--text-tertiary, #94a3b8);margin:var(--space-4) 0 0 var(--space-36);line-height:1.4}.select-wrapper.tiny select{padding:var(--space-4) var(--space-24) var(--space-4) var(--space-8);font-size:var(--text-12);border-radius:var(--radius-6)}.select-wrapper.tiny .select-chevron{right:6px}.btn-sm.public-active{color:#6366f1;border-color:#6366f14d}.btn-sm.public-active:hover{background:#6366f114}.btn-sm.public-inactive{color:var(--text-tertiary, #94a3b8);border-color:var(--border-color, #e2e8f0)}.btn-sm.public-inactive:hover{color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 6%,transparent)}.request-card-user.anonymous{display:inline-flex;align-items:center;gap:var(--space-4);font-style:italic;color:var(--text-tertiary, #94a3b8)}.detail-visibility{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-14);font-weight:500}.detail-visibility.public{color:#6366f1}.detail-visibility.private{color:var(--text-tertiary, #94a3b8)}.modal-status-select{min-width:140px}.requests-page .btn.btn-warning{background:#f59e0b;color:#fff;border-color:transparent}.requests-page .btn.btn-warning:hover{background:#d97706}@keyframes requests-spin{to{transform:rotate(360deg)}}.requests-page .spin{animation:requests-spin 1s linear infinite}@media(max-width:768px){.requests-page{padding:var(--space-16)}.requests-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.requests-tab{white-space:nowrap;padding:var(--space-8) var(--space-12);font-size:var(--text-13)}.request-form{padding:var(--space-20)}.category-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-8)}.category-card{padding:var(--space-12) var(--space-8)}.category-card-emoji{font-size:var(--text-20)}.request-card{padding:var(--space-16)}.admin-actions{width:100%;justify-content:flex-end}.requests-toolbar{align-items:stretch}.smtp-grid{grid-template-columns:1fr}.modal-card{max-height:85vh}.detail-row{flex-direction:column;gap:var(--space-4)}.detail-label{min-width:unset}}.request-replies-area{margin:var(--space-8) 0 var(--space-4)}.replies-toggle-btn{display:inline-flex;align-items:center;gap:var(--space-6);background:none;border:none;color:var(--accent, #6366f1);font-size:var(--text-13);font-weight:500;cursor:pointer;padding:var(--space-4) 0;opacity:.85;transition:opacity .15s}.replies-toggle-btn:hover{opacity:1}.replies-count{background:var(--accent, #6366f1);color:#fff;font-size:var(--text-11);font-weight:600;padding:var(--space-2) var(--space-6);border-radius:var(--radius-pill);line-height:1.4}.replies-thread{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-8) 0;max-height:240px;overflow-y:auto;padding-right:var(--space-4)}.reply-bubble{border-radius:var(--radius-10);padding:var(--space-8) var(--space-12);max-width:85%;word-break:break-word}.reply-user{background:var(--bg-secondary, rgba(99,102,241,.1));align-self:flex-end;border-bottom-right-radius:3px}.reply-admin{background:var(--bg-tertiary, rgba(16,185,129,.1));align-self:flex-start;border-bottom-left-radius:3px;border-left:3px solid var(--accent-secondary, #10b981)}.reply-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-4)}.reply-author{font-size:var(--text-12);font-weight:600;color:var(--text-secondary)}.reply-date{font-size:var(--text-11);color:var(--text-muted, var(--text-secondary));opacity:.7}.reply-message{margin:0;font-size:var(--text-14);color:var(--text-primary);line-height:1.45}.replies-empty{color:var(--text-secondary);font-size:var(--text-13);font-style:italic;margin:var(--space-6) 0}.replies-limit-notice{color:var(--text-secondary);font-size:var(--text-12);margin:var(--space-6) 0 0;opacity:.7}.reply-input-row{display:flex;gap:var(--space-6);align-items:flex-end;margin-top:var(--space-8)}.reply-input{flex:1;resize:none;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-8);padding:var(--space-8) var(--space-10);font-size:var(--text-14);background:var(--bg-input, var(--bg-secondary));color:var(--text-primary);font-family:inherit;transition:border-color .15s}.reply-input:focus{outline:none;border-color:var(--accent, #6366f1)}.btn-icon.reply-send{padding:var(--space-8);flex-shrink:0;border-radius:var(--radius-8);color:var(--accent, #6366f1);border:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary);transition:background .15s,color .15s}.btn-icon.reply-send:hover:not(:disabled){background:var(--accent, #6366f1);color:#fff;border-color:var(--accent, #6366f1)}.btn-icon.reply-send:disabled{opacity:.4;cursor:not-allowed}.admin-replies-section{margin-top:var(--space-16);border-top:1px solid var(--border-color, #e2e8f0);padding-top:var(--space-12)}.admin-replies-header{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-13);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-8)}.support-page{padding:var(--space-32);max-width:720px;margin:0 auto}.support-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-24)}.support-header h1{font-size:var(--text-28);font-weight:700;margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-8);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.support-header h1 svg{flex-shrink:0;color:var(--accent);-webkit-text-fill-color:initial}.support-header p{color:var(--text-secondary);font-size:var(--text-15);margin:0}.support-header-actions{display:flex;align-items:center;gap:var(--space-8);flex-shrink:0}.support-refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-10);border:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc);color:var(--text-secondary);cursor:pointer;transition:all .2s}.support-refresh-btn:hover{background:var(--bg-tertiary);color:var(--accent)}.support-new-btn{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-16);border-radius:var(--radius-10);border:none;background:var(--accent);color:#fff;font-weight:600;font-size:var(--text-14);cursor:pointer;transition:all .2s}.support-new-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.support-new-form{overflow:hidden;margin-bottom:var(--space-24)}.support-new-form-inner{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-20);border-radius:var(--radius-lg, 16px);background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0)}.support-new-form-inner input,.support-new-form-inner textarea{width:100%;padding:var(--space-10) var(--space-14);border-radius:var(--radius-10);border:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, white);color:var(--text-primary);font-size:var(--text-14);font-family:inherit;resize:vertical;transition:border-color .2s}.support-new-form-inner input:focus,.support-new-form-inner textarea:focus{outline:none;border-color:var(--accent)}.support-new-form-actions{display:flex;justify-content:flex-end;gap:var(--space-8)}.support-cancel-btn{padding:var(--space-8) var(--space-16);border-radius:var(--radius-8);border:1px solid var(--border-color, #e2e8f0);background:transparent;color:var(--text-secondary);font-size:var(--text-14);cursor:pointer;transition:all .15s}.support-cancel-btn:hover{background:var(--bg-tertiary)}.support-submit-btn{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-16);border-radius:var(--radius-8);border:none;background:var(--accent);color:#fff;font-weight:600;font-size:var(--text-14);cursor:pointer;transition:all .15s}.support-submit-btn:disabled{opacity:.5;cursor:not-allowed}.support-thread-list{display:flex;flex-direction:column;gap:var(--space-8)}.support-thread-item{display:flex;align-items:center;gap:var(--space-14);padding:var(--space-16) var(--space-18);border-radius:var(--radius-lg, 16px);background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);cursor:pointer;transition:all .2s}.support-thread-item:hover{background:var(--bg-tertiary, #f1f5f9);border-color:color-mix(in srgb,var(--accent) 20%,transparent);transform:translateY(-1px)}.support-thread-item.has-unread{border-left:3px solid var(--accent)}.support-thread-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-10);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.support-thread-info{flex:1;min-width:0}.support-thread-subject{font-weight:600;font-size:var(--text-15);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-8)}.support-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-6);border-radius:var(--radius-10);font-size:var(--text-11);font-weight:700;background:#ef4444;color:#fff}.support-thread-meta{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-4);font-size:var(--text-13);color:var(--text-secondary)}.support-thread-user{font-weight:500;color:var(--accent)}.support-thread-time{opacity:.7}.support-status-tag{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-8);border-radius:var(--radius-6);font-size:var(--text-11);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.support-status-tag.open{background:#10b9811f;color:#10b981}.support-status-tag.closed{background:#64748b1f;color:#64748b}.support-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:var(--space-48) var(--space-16);text-align:center;color:var(--text-secondary)}.support-empty h3{font-size:var(--text-18);font-weight:600;color:var(--text-primary);margin:0}.support-empty p{margin:0;font-size:var(--text-14)}.support-empty button{display:inline-flex;align-items:center;gap:var(--space-6);margin-top:var(--space-8);padding:var(--space-8) var(--space-18);border-radius:var(--radius-10);border:none;background:var(--accent);color:#fff;font-weight:600;font-size:var(--text-14);cursor:pointer;transition:filter .15s}.support-empty button:hover{filter:brightness(1.1)}.support-loading{display:flex;justify-content:center;padding:var(--space-48);color:var(--text-secondary)}.support-thread-view{display:flex;flex-direction:column;height:calc(100vh - 180px);max-height:700px;border-radius:var(--radius-lg, 16px);background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);overflow:hidden}.support-thread-header{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-14) var(--space-18);border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary)}.support-back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-8);border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.support-back-btn:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.support-thread-title{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.support-thread-title h2{font-size:var(--text-16);font-weight:600;margin:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-thread-actions{display:flex;gap:var(--space-6);flex-shrink:0}.support-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-8);border:1px solid var(--border-color, #e2e8f0);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.support-action-btn:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.support-action-btn.danger:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.support-messages{flex:1;overflow-y:auto;padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-10)}.support-msg{display:flex;max-width:80%}.support-msg.user{align-self:flex-start}.support-msg.admin,.support-msg.mine{align-self:flex-end}.support-msg.mine .support-msg-bubble{background:var(--accent);color:#fff;border-radius:var(--radius-14) var(--radius-14) var(--radius-4) var(--radius-14)}.support-msg-bubble{padding:var(--space-10) var(--space-14);border-radius:var(--radius-14) var(--radius-14) var(--radius-14) var(--radius-4);background:var(--bg-primary, white);border:1px solid var(--border-color, #e2e8f0);font-size:var(--text-14);line-height:1.5}.support-msg.mine .support-msg-bubble{border-color:transparent}.support-msg-bubble p{margin:0;word-break:break-word;white-space:pre-wrap}.support-msg-time{display:block;font-size:var(--text-11);opacity:.6;margin-top:var(--space-4);text-align:right}.support-compose{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);border-top:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary)}.support-compose input{flex:1;padding:var(--space-10) var(--space-14);border-radius:var(--radius-10);border:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc);color:var(--text-primary);font-size:var(--text-14);font-family:inherit;transition:border-color .2s}.support-compose input:focus{outline:none;border-color:var(--accent)}.support-send-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-10);border:none;background:var(--accent);color:#fff;cursor:pointer;transition:all .15s;flex-shrink:0}.support-send-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.support-send-btn:disabled{opacity:.4;cursor:not-allowed}.spin{animation:support-spin .8s linear infinite}@keyframes support-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.support-widget-card{flex:1 1 0;min-width:240px;display:flex;align-items:center;gap:var(--space-16);padding:var(--space-18) var(--space-20);background:linear-gradient(135deg,color-mix(in srgb,#6366f1 12%,transparent),color-mix(in srgb,#6366f1 6%,transparent));border:1px solid color-mix(in srgb,#6366f1 20%,transparent);border-radius:var(--radius-lg, 16px);cursor:pointer;overflow:visible;transition:all .2s ease;box-shadow:0 2px 12px color-mix(in srgb,#6366f1 15%,transparent)}.support-widget-card:hover{background:linear-gradient(135deg,color-mix(in srgb,#6366f1 16%,transparent),color-mix(in srgb,#6366f1 8%,transparent));border-color:color-mix(in srgb,#6366f1 30%,transparent);box-shadow:0 4px 20px color-mix(in srgb,#6366f1 25%,transparent);transform:translateY(-2px)}.support-widget-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;width:48px;height:48px;border-radius:var(--radius-12);background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;box-shadow:0 2px 8px #6366f14d}.support-widget-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 var(--space-4);border-radius:var(--radius-8);display:flex;align-items:center;justify-content:center;font-size:var(--text-10);font-weight:700;background:#ef4444;color:#fff;box-shadow:0 1px 4px #ef444466}.support-widget-content{flex:1;min-width:0}.support-widget-content h3{font-size:var(--text-16);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.support-widget-content p{font-size:var(--text-13);color:var(--text-secondary);margin:0;line-height:1.3}.support-widget-arrow{flex-shrink:0;color:#6366f1;opacity:.7;transition:all .2s ease}.support-widget-card:hover .support-widget-arrow{opacity:1;transform:translate(4px)}[data-theme=light] .support-widget-card{background:linear-gradient(135deg,color-mix(in srgb,#6366f1 8%,transparent),color-mix(in srgb,#6366f1 4%,transparent));border-color:color-mix(in srgb,#6366f1 15%,transparent)}[data-theme=light] .support-widget-card:hover{background:linear-gradient(135deg,color-mix(in srgb,#6366f1 12%,transparent),color-mix(in srgb,#6366f1 6%,transparent));border-color:color-mix(in srgb,#6366f1 25%,transparent)}[data-theme=beige] .support-widget-card{background:linear-gradient(135deg,color-mix(in srgb,#6366f1 8%,transparent),color-mix(in srgb,#6366f1 4%,transparent));border-color:#2c241614}[data-theme=beige] .support-widget-card:hover{background:linear-gradient(135deg,color-mix(in srgb,#6366f1 12%,transparent),color-mix(in srgb,#6366f1 6%,transparent));border-color:#2c24161f}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-4);border-radius:var(--radius-8);font-size:var(--text-10);font-weight:700;background:#ef4444;color:#fff;margin-left:auto}@media(max-width:768px){.support-page{padding:var(--space-16)}.support-header{flex-direction:column;gap:var(--space-12)}.support-header h1{font-size:var(--text-20)}.support-header-actions{width:100%;justify-content:flex-end}.support-thread-view{height:calc(100vh - 140px);border-radius:var(--radius-12)}.support-msg{max-width:88%}.support-widget-card{min-width:0;width:100%;padding:var(--space-16) var(--space-18)}.support-widget-icon{width:40px;height:40px}.support-widget-icon svg{width:20px;height:20px}.support-widget-content h3{font-size:var(--text-14)}.support-widget-content p{font-size:var(--text-12)}.support-widget-arrow{display:none}}.support-me-page{display:flex;justify-content:center;align-items:flex-start;min-height:100%;padding:var(--space-32) var(--space-16)}.support-me-card{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:var(--space-20);text-align:center}.support-me-icon{font-size:var(--text-48);line-height:1}.support-me-title{font-size:var(--text-24);font-weight:700;color:var(--text-primary);margin:0}.support-me-appreciation{font-size:var(--text-15);line-height:1.7;color:var(--text-secondary);max-width:420px;margin:0}.kofi-button{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-24);background:var(--accent, #ff5e5b);color:var(--text-on-accent, #fff);border-radius:var(--radius-pill);font-size:var(--text-15);font-weight:600;text-decoration:none;transition:opacity .15s ease,transform .15s ease}.kofi-button:hover,.kofi-button:focus-visible{opacity:.88;transform:translateY(-1px);outline:none}.kofi-icon{font-size:var(--text-16)}.support-me-qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.support-me-qr-label{font-size:var(--text-13);color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.05em}.support-me-qr{padding:var(--space-12);background:var(--bg-card, #fff);border:1px solid var(--border-color);border-radius:var(--radius-md, 12px);display:flex;color:var(--text-primary)}.support-me-bank{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md, 12px);padding:var(--space-16) var(--space-20);display:flex;flex-direction:column;gap:var(--space-12)}.support-me-bank-title{font-size:var(--text-13);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.support-me-bank-rows{display:flex;flex-direction:column;gap:var(--space-8)}.support-me-bank-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-12);font-size:var(--text-14)}.support-me-bank-label{color:var(--text-muted);flex-shrink:0}.support-me-bank-value{color:var(--text-primary);font-weight:500;text-align:right;word-break:break-all}.support-me-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--text-13);letter-spacing:.03em}.support-me-gratitude{font-size:var(--text-13);color:var(--text-muted);margin:0;font-style:italic}.support-me-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-8) 0;color:var(--text-muted)}.support-me-empty{margin:0;color:var(--text-muted);font-size:var(--text-14)}.support-me-leaderboard{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md, 12px);padding:var(--space-16) var(--space-18);display:flex;flex-direction:column;gap:var(--space-14)}.support-me-leaderboard-header h2{margin:0;font-size:var(--text-15);color:var(--text-primary)}.support-me-leaderboard-header p{margin:var(--space-4) 0 0;font-size:var(--text-13);color:var(--text-muted)}.support-me-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}.support-me-podium-card{border-radius:var(--radius-10);border:1px solid transparent;padding:var(--space-8) var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.support-me-podium-card.gold{background:linear-gradient(180deg,#fbbf244d,#fbbf241f);border-color:#fbbf24bf}.support-me-podium-card.silver{background:linear-gradient(180deg,#94a3b847,#94a3b81a);border-color:#94a3b8b3}.support-me-podium-card.bronze{background:linear-gradient(180deg,#b4530940,#b4530917);border-color:#b45309a6}.support-me-podium-rank{font-size:var(--text-12);color:var(--text-muted)}.support-me-podium-icon{color:var(--text-primary)}.support-me-podium-card strong{font-size:var(--text-12);color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-me-podium-total{font-size:var(--text-12);color:var(--text-secondary)}.support-me-leaderboard-list{display:flex;flex-direction:column;gap:var(--space-6)}.support-me-leaderboard-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-8);border-radius:var(--radius-8);background:color-mix(in srgb,var(--bg-card, #fff) 70%,transparent)}.support-me-leaderboard-rank{font-size:var(--text-12);color:var(--text-muted)}.support-me-leaderboard-user{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.support-me-leaderboard-user strong{font-size:var(--text-14);color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-me-leaderboard-user small{font-size:var(--text-12);color:var(--text-muted)}.support-me-leaderboard-total{color:var(--text-primary);font-weight:600;font-size:var(--text-14)}.support-me-admin-panel{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md, 12px);padding:var(--space-16) var(--space-18);display:flex;flex-direction:column;gap:var(--space-14);background:color-mix(in srgb,var(--bg-secondary) 80%,var(--accent, #ff5e5b) 8%)}.support-me-admin-header h3{margin:0;font-size:var(--text-15);color:var(--text-primary)}.support-me-admin-header p{margin:var(--space-4) 0 0;color:var(--text-muted);font-size:var(--text-13)}.support-me-admin-form{display:grid;grid-template-columns:1fr;gap:var(--space-10)}.support-me-admin-form label{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6);text-align:left;color:var(--text-secondary);font-size:var(--text-12)}.support-me-admin-form select,.support-me-admin-form input{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-8);background:var(--bg-card, #fff);color:var(--text-primary);padding:var(--space-8) var(--space-10);font-size:var(--text-14)}.support-me-admin-submit{margin-top:var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);border:none;border-radius:var(--radius-pill);padding:var(--space-8) var(--space-16);background:var(--accent, #ff5e5b);color:var(--text-on-accent, #fff);font-weight:600;cursor:pointer}.support-me-admin-submit:disabled{opacity:.6;cursor:not-allowed}.support-me-recent{display:flex;flex-direction:column;gap:var(--space-8)}.support-me-recent h4{margin:0;color:var(--text-primary);font-size:var(--text-14);text-align:left}.support-me-recent-list{display:flex;flex-direction:column;gap:var(--space-6)}.support-me-recent-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-8);border:1px solid var(--border-color);border-radius:var(--radius-8);background:var(--bg-card, #fff)}.support-me-recent-row>div{display:flex;flex-direction:column;min-width:0}.support-me-recent-row strong{color:var(--text-primary);font-size:var(--text-13);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-me-recent-row small{font-size:var(--text-12);color:var(--text-muted)}.support-me-recent-row span{color:var(--text-primary);font-size:var(--text-13);font-weight:600;flex-shrink:0}.support-me-page .spin{animation:support-me-spin 1s linear infinite}@keyframes support-me-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.support-me-page{padding:var(--space-20) var(--space-12)}.support-me-title{font-size:var(--text-20)}.support-me-bank-row{flex-direction:column;gap:var(--space-2)}.support-me-bank-value{text-align:left}.support-me-podium{grid-template-columns:1fr}.support-me-leaderboard-row{grid-template-columns:auto 1fr;grid-template-areas:"rank user" "rank amount"}.support-me-leaderboard-rank{grid-area:rank;align-self:start}.support-me-leaderboard-user{grid-area:user}.support-me-leaderboard-total{grid-area:amount;justify-self:start}}.text-selection-copy-button{position:absolute;z-index:10000;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-14);background:var(--accent-color, #007bff);color:#fff;border:none;border-radius:var(--radius-8);font-size:var(--text-14);font-weight:500;cursor:pointer;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;transition:all .2s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;animation:copyButtonFadeIn .2s ease}.text-selection-copy-button:hover{background:var(--accent-hover-color, #0056b3);transform:translate(-50%,-2px);box-shadow:0 6px 16px #0003,0 3px 6px #00000026}.text-selection-copy-button:active{transform:translate(-50%);box-shadow:0 2px 8px #00000026}.text-selection-copy-button svg{flex-shrink:0}.text-selection-copy-button span{white-space:nowrap}@keyframes copyButtonFadeIn{0%{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.text-selection-copy-button{padding:var(--space-10) var(--space-16);font-size:var(--text-15);border-radius:var(--radius-10);margin-top:-5px}}@media(prefers-color-scheme:dark){.text-selection-copy-button{box-shadow:0 4px 12px #0006,0 2px 4px #0000004d}.text-selection-copy-button:hover{box-shadow:0 6px 16px #00000080,0 3px 6px #0006}}[data-theme=dark] .text-selection-copy-button{box-shadow:0 4px 12px #0006,0 2px 4px #0000004d}[data-theme=dark] .text-selection-copy-button:hover{box-shadow:0 6px 16px #00000080,0 3px 6px #0006}.layout{display:flex;min-height:100vh;touch-action:pan-y;overscroll-behavior:contain}.menu-toggle.long-press-target{position:relative;transition:transform .15s ease}.menu-toggle.long-press-target:active{transform:scale(.95)}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.3}to{transform:scale(1.5);opacity:0}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-normal)}body.has-downtime-banner .sidebar{top:var(--downtime-banner-height, 0px)}.sidebar-header{padding:var(--space-16) var(--space-16) var(--space-16) var(--space-12);border-bottom:1px solid var(--border-color);min-height:90px;display:flex;align-items:center;overflow:hidden}.sidebar-header .logo{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-8);color:var(--text-primary);font-weight:700;font-size:var(--text-18);max-width:100%;overflow:hidden;white-space:nowrap;width:100%;cursor:pointer}.sidebar-header .logo.centered{justify-content:center}.logo-flip{perspective:1000px;display:flex;align-items:center}.logo-flip img{transition:transform .6s ease,filter .3s ease,brightness .3s ease;transform-style:preserve-3d}.logo-flip:hover img{transform:rotateY(360deg);filter:brightness(1.2) drop-shadow(0 0 8px var(--accent))}.logo-flip:active img{transform:scale(.9);transition:transform .1s ease}.logo-img{height:70px;width:auto;flex-shrink:0;border-radius:var(--radius-md);object-fit:contain}.logo-img.wide{height:auto;width:100%;max-width:100%;max-height:50px}.logo-img.full{height:70px;width:auto;max-width:100%}.sidebar-nav{flex:1;padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-nav .nav-item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-14) var(--space-16);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all var(--transition-fast)}.sidebar-nav .nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav .nav-item.active{background:var(--accent-glow);color:var(--accent-readable, var(--accent))}.sidebar-nav .nav-item.active svg{color:var(--accent-readable, var(--accent))}.sidebar-nav .nav-item.highlighted{position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),color-mix(in srgb,var(--accent) 4%,transparent));border:1px solid transparent;overflow:hidden;z-index:0}.sidebar-nav .nav-item.highlighted:before{content:"";position:absolute;inset:-3px;border-radius:calc(var(--radius-md, 8px) + 3px);background:conic-gradient(from var(--wishlist-glow-angle, 0deg),rgba(99,102,241,.25) 0%,rgba(167,139,250,.15) 20%,rgba(56,189,248,.2) 40%,rgba(129,140,248,.15) 60%,rgba(192,132,252,.25) 80%,rgba(99,102,241,.25) 100%);filter:blur(8px);z-index:-1;animation:wishlist-glow-rotate 4s linear infinite;opacity:.6}.sidebar-nav .nav-item.highlighted:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md, 8px);padding:var(--space-2);pointer-events:none;z-index:1;background:conic-gradient(from var(--wishlist-glow-angle, 0deg),#6366f1 0%,#a78bfa 20%,#38bdf8 40%,#818cf8 60%,#c084fc 80%,#6366f1 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:wishlist-glow-rotate 4s linear infinite}.sidebar-nav .nav-item.highlighted:hover:before{opacity:.9}.sidebar-nav .nav-item.highlighted:hover:after{animation-duration:2s}.sidebar-nav .nav-item.highlighted svg{color:var(--accent);position:relative;z-index:2}.sidebar-nav .nav-item.highlighted span{position:relative;z-index:2}.sidebar-nav .nav-item.highlighted.active{background:var(--accent-glow)}.sidebar-nav .nav-item.highlighted.active:before{opacity:1}.sidebar-nav .nav-item.highlighted.active:after{animation-duration:2.5s}.sidebar-footer{padding:var(--space-16);border-top:1px solid var(--border-color)}.sidebar-separator{margin:var(--space-8) 0 var(--space-10) var(--space-8);position:relative;height:12px}.sidebar-separator:before,.sidebar-separator:after{content:"";position:absolute;left:.5rem;right:.5rem;height:1px;background:var(--surface-overlay)}.sidebar-separator:before{top:0}.sidebar-separator:after{top:6px;opacity:.6}.minimized-tray-sidebar{display:flex;flex-direction:column;gap:var(--space-8);padding:0 var(--space-8) var(--space-8)}.minimized-item{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-10);border-radius:var(--radius-8);background:linear-gradient(180deg,var(--surface-overlay),var(--surface-overlay));color:var(--text-primary);box-shadow:0 6px 18px #02061773;border:1px solid var(--border-color);cursor:pointer}.minimized-item:hover{transform:translateY(-1px)}.minimized-favicon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 40%,black));color:var(--text-on-accent);font-weight:700;overflow:hidden}.minimized-favicon img{display:block;width:100%;height:100%;object-fit:cover}.minimized-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-14)}.minimized-close{margin-left:var(--space-8);background:transparent;border:none;color:var(--text-muted);font-size:var(--text-16)}.user-info.clickable{cursor:pointer;border-radius:var(--radius-md);padding:var(--space-4);transition:background-color var(--transition-fast),transform var(--transition-fast)}.user-info.clickable:focus,.user-info.clickable:hover{background:var(--bg-hover);transform:translateY(-1px)}.user-info .avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-info{display:flex;align-items:center;gap:var(--space-12)}.sidebar .user-info,.user-info.card{padding:var(--space-12);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-12)}.avatar{width:40px;height:40px;background:var(--gradient-1);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--accent-text, white);font-weight:600;font-size:var(--text-16);border:1px solid var(--border-hairline);flex-direction:column}.user-details{display:flex;flex-direction:column;min-width:0}.username{font-weight:600;font-size:var(--text-14);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;margin-bottom:var(--space-2)}.role{display:block;font-size:var(--text-12);color:var(--text-muted);margin-top:0}.footer-actions{display:flex;gap:var(--space-8)}.icon-button{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-10);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.icon-button:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:calc(var(--header-height) + var(--sat));background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--sat) 1rem 0;align-items:center;justify-content:space-between;z-index:99}body.has-downtime-banner .mobile-header{top:var(--downtime-banner-height, 0px)}.mobile-header .logo{display:flex;align-items:center;gap:var(--space-8);font-weight:700;font-size:var(--text-18)}.mobile-header .logo-img{width:32px;height:32px;border-radius:var(--radius-sm)}.mobile-header .logo-img.wide{width:auto;height:32px;max-width:180px}.mobile-header .logo-img.full{width:auto;height:50px;max-width:200px}.menu-toggle,.mobile-header .theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.menu-toggle:hover,.mobile-header .theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;background:var(--bg-primary)}body.has-downtime-banner .main-content{padding-top:var(--downtime-banner-height, 0px)}@keyframes wishlist-glow-rotate{0%{--wishlist-glow-angle: 0deg}to{--wishlist-glow-angle: 360deg}}@property --wishlist-glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@media(max-width:768px){.mobile-header{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{margin-left:0;padding-top:calc(var(--header-height) + var(--sat));overflow-x:hidden}body.has-downtime-banner .main-content{padding-top:calc(var(--header-height) + var(--sat) + var(--downtime-banner-height, 0px))}.sidebar .user-info{flex-direction:row;align-items:center}.sidebar .user-info .avatar{width:40px;height:40px}.sidebar .footer-actions{display:flex;gap:var(--space-8);margin-top:var(--space-8)}}.tea-footnote{display:block;text-align:center;font-size:var(--text-11);color:var(--text-muted);text-decoration:none;padding:var(--space-6) var(--space-8) 0;opacity:.55;transition:opacity .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tea-footnote:hover,.tea-footnote:focus-visible{opacity:1;color:var(--accent)}.ramadan-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:0;transition:opacity .8s ease;overflow:hidden}.ramadan-overlay-visible{opacity:1}.ramadan-lanterns-row{position:absolute;top:0;left:0;right:0;height:140px;pointer-events:none}.ramadan-lantern{position:absolute;top:-8px;animation:ramadan-lantern-sway 4s ease-in-out infinite;transform-origin:top center;filter:drop-shadow(0 4px 12px rgba(245,200,66,.3))}@keyframes ramadan-lantern-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.ramadan-ribbon{position:absolute;width:200px;height:200px;overflow:hidden;pointer-events:none;z-index:10}.ramadan-ribbon-top-left{top:0;left:0}.ramadan-ribbon-top-right{top:0;right:0}.ramadan-ribbon-bottom-right{bottom:0;right:0}.ramadan-ribbon-text{position:absolute;display:flex;align-items:center;justify-content:center;width:250px;padding:var(--space-4) 0;background:linear-gradient(135deg,#c97b2a,#f5c842,#e8a020);color:#fff;font-size:var(--text-10);font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;box-shadow:0 2px 8px #c97b2a66;white-space:nowrap}.ramadan-ribbon-top-left .ramadan-ribbon-text{top:38px;left:-62px;transform:rotate(-45deg)}.ramadan-ribbon-top-right .ramadan-ribbon-text{top:50px;right:-50px;transform:rotate(45deg)}.ramadan-ribbon-bottom-right .ramadan-ribbon-text{bottom:38px;right:-62px;transform:rotate(-45deg)}.ramadan-stars{position:absolute;inset:0;pointer-events:none}.ramadan-star{position:absolute;color:#f5c842;font-size:var(--text-12);opacity:0;animation:ramadan-star-twinkle 3s ease-in-out infinite;text-shadow:0 0 6px rgba(245,200,66,.6)}@keyframes ramadan-star-twinkle{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}}.ramadan-bottom-glow{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(245,200,66,.3) 20%,rgba(245,200,66,.6) 50%,rgba(245,200,66,.3) 80%,transparent 100%);animation:ramadan-bottom-pulse 4s ease-in-out infinite}@keyframes ramadan-bottom-pulse{0%,to{opacity:.4}50%{opacity:.8}}.ramadan-countdown-widget{flex:0 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-10);padding:var(--space-16) var(--space-20);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:210px;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s;background:linear-gradient(135deg,#f5c84214,#e8a02005);border:1px solid rgba(245,200,66,.12);box-shadow:0 4px 24px #00000038}.ramadan-countdown-widget:hover{box-shadow:0 8px 32px #00000047}.ramadan-countdown-widget:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(245,200,66,.04) 40%,rgba(245,200,66,.08) 50%,rgba(245,200,66,.04) 60%,transparent 100%);animation:rc-shimmer 5s ease-in-out infinite;pointer-events:none}@keyframes rc-shimmer{0%{left:-100%}to{left:200%}}.rc-header{display:flex;align-items:center;gap:var(--space-6)}.rc-title{font-size:var(--text-12);font-weight:600;color:#f5c842;text-transform:uppercase;letter-spacing:1.2px;text-shadow:0 0 10px rgba(245,200,66,.2)}.rc-rings{display:flex;align-items:center;gap:var(--space-8)}.rc-ring{position:relative;display:flex;align-items:center;justify-content:center}.rc-ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.rc-ring-value{font-size:var(--text-16);font-weight:700;color:var(--text-primary, #fff);font-variant-numeric:tabular-nums;line-height:1}.rc-ring-label{font-size:var(--text-10);font-weight:500;color:#f5c842a6;text-transform:uppercase;letter-spacing:.4px;margin-top:var(--space-2)}.rc-subtitle{font-size:var(--text-10);color:#f5c84266;letter-spacing:.8px;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 var(--space-4)}.rc-dot{margin:0 var(--space-2);opacity:.4}.rc-location-row{display:flex;align-items:center;justify-content:center}.rc-location-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:var(--space-2) var(--space-6);border-radius:var(--radius-20);cursor:pointer;transition:background .15s}.rc-location-btn:hover{background:#f5c84214}.rc-location-btn:hover .rc-location-city{color:#f5c842d9}.rc-location-btn:hover svg{stroke:#f5c842}.rc-location-city{font-size:var(--text-10);color:#f5c84280;letter-spacing:.5px;transition:color .15s}.rc-modal-overlay{position:fixed;inset:0;z-index:10000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-16)}.rc-modal{background:#1c1710;border:1px solid rgba(245,200,66,.22);border-radius:var(--radius-14);padding:var(--space-18) var(--space-20);width:100%;max-width:300px;display:flex;flex-direction:column;gap:var(--space-8);box-shadow:0 20px 60px #000000b3,0 0 0 1px #f5c8420f}.rc-modal-header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-2)}.rc-modal-title{flex:1;font-size:var(--text-12);font-weight:600;color:#f5c842;letter-spacing:.6px}.rc-modal-close{background:none;border:none;color:#f5c84273;cursor:pointer;padding:var(--space-2);display:flex;align-items:center;border-radius:var(--radius-4);transition:color .15s,background .15s}.rc-modal-close:hover{color:#f5c842;background:#f5c8421a}.rc-modal-input{background:#f5c8420f;border:1px solid rgba(245,200,66,.16);border-radius:var(--radius-8);color:#f5e8b0;font-size:var(--text-12);padding:var(--space-8) var(--space-10);transition:border-color .15s,background .15s;width:100%;box-sizing:border-box}.rc-modal-input::placeholder{color:#f5c84247}.rc-modal-input:focus{border-color:#f5c84273;background:#f5c84217}.rc-modal-error{font-size:var(--text-10);color:#f87171;margin:0;text-align:center}.rc-modal-actions{display:flex;gap:var(--space-8);margin-top:var(--space-2)}.rc-modal-gps{display:inline-flex;align-items:center;gap:var(--space-4);background:#f5c84212;border:1px solid rgba(245,200,66,.18);border-radius:var(--radius-8);color:#f5c842b3;font-size:var(--text-12);padding:var(--space-6) var(--space-12);cursor:pointer;flex:1;justify-content:center;transition:background .15s,color .15s}.rc-modal-gps:hover:not(:disabled){background:#f5c84221;color:#f5c842}.rc-modal-gps:disabled{opacity:.4;cursor:not-allowed}.rc-modal-set{background:linear-gradient(135deg,#f5c842,#e8a020);border:none;border-radius:var(--radius-8);color:#18120a;font-size:var(--text-12);font-weight:700;padding:var(--space-6) var(--space-16);cursor:pointer;flex:1;transition:opacity .15s}.rc-modal-set:hover:not(:disabled){opacity:.88}.rc-modal-set:disabled{opacity:.3;cursor:not-allowed}body.ramadan-active:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9997;background:radial-gradient(ellipse at 50% 0%,rgba(245,200,66,.03) 0%,transparent 60%)}@media(max-width:768px){.ramadan-lanterns-row{height:100px}.ramadan-lantern svg{width:80%;height:80%}.ramadan-ribbon{width:130px;height:130px}.ramadan-ribbon-text{width:160px;font-size:var(--text-10);padding:var(--space-2) 0;letter-spacing:.5px}.ramadan-ribbon-top-left .ramadan-ribbon-text{top:24px;left:-40px}.ramadan-ribbon-top-right .ramadan-ribbon-text{top:40px;right:-32px}.ramadan-ribbon-bottom-right .ramadan-ribbon-text{bottom:24px;right:-40px}.ramadan-star{font-size:var(--text-10)}.ramadan-bottom-glow{height:2px}.ramadan-countdown-widget{min-width:220px;max-width:280px;width:auto;padding:var(--space-12) var(--space-14)}.hero-widgets>.ramadan-countdown-widget:only-child{max-width:100%;min-width:0;width:100%}.rc-rings{gap:var(--space-6)}.rc-ring-value{font-size:var(--text-14)}.rc-title{font-size:var(--text-10)}}@media(max-width:380px){.ramadan-ribbon{width:130px;height:130px}.ramadan-ribbon-text{width:190px;font-size:var(--text-10);top:22px}.ramadan-ribbon-top-left .ramadan-ribbon-text{left:-40px}.ramadan-ribbon-bottom-right .ramadan-ribbon-text{right:-40px}}@media(display-mode:standalone){.ramadan-lanterns-row,.ramadan-ribbon-top-left,.ramadan-ribbon-top-right{top:env(safe-area-inset-top,0px)}.ramadan-ribbon-bottom-right{bottom:env(safe-area-inset-bottom,0px)}}[data-theme=light] .ramadan-lantern{filter:drop-shadow(0 4px 12px rgba(201,123,42,.25))}[data-theme=light] .ramadan-star{color:#c97b2a;text-shadow:0 0 6px rgba(201,123,42,.4)}[data-theme=light] .ramadan-bottom-glow{background:linear-gradient(90deg,transparent 0%,rgba(201,123,42,.2) 20%,rgba(201,123,42,.4) 50%,rgba(201,123,42,.2) 80%,transparent 100%)}[data-theme=light] .ramadan-ribbon-text{background:linear-gradient(135deg,#b06d20,#d4960c,#c97b2a)}[data-theme=light] .ramadan-countdown-widget{background:linear-gradient(135deg,#f5c8421a,#fffaf0e6);border-color:#c97b2a26;box-shadow:0 4px 24px #0000000f}[data-theme=light] .rc-title{color:#b06d20;text-shadow:none}[data-theme=light] .rc-ring-value{color:#4a3520}[data-theme=light] .rc-ring-label{color:#b06d2099}[data-theme=light] .rc-subtitle{color:#b06d2059}[data-theme=light] body.ramadan-active:before{background:radial-gradient(ellipse at 50% 0%,rgba(201,123,42,.03) 0%,transparent 60%)}[data-theme=beige] .ramadan-lantern{filter:drop-shadow(0 4px 12px rgba(180,120,40,.2))}[data-theme=beige] .ramadan-ribbon-text{background:linear-gradient(135deg,#a0651a,#c4920a,#b87a22)}[data-theme=beige] .ramadan-countdown-widget{background:linear-gradient(135deg,#f5c84214,#f5ebdad9);border-color:#b4782826}[data-theme=beige] .rc-title{color:#a0651a;text-shadow:none}[data-theme=beige] .rc-ring-value{color:#3d2e1a}[data-theme=beige] .rc-ring-label{color:#a0651a99}[data-theme=beige] .rc-subtitle{color:#a0651a59}[data-theme=midnight] .ramadan-lantern{filter:drop-shadow(0 6px 16px rgba(245,200,66,.4))}[data-theme=midnight] .ramadan-star{text-shadow:0 0 10px rgba(245,200,66,.7)}@media(prefers-reduced-motion:reduce){.ramadan-lantern{animation:none}.ramadan-star{animation:none;opacity:.5}.ramadan-bottom-glow{animation:none;opacity:.6}.ramadan-lantern ellipse animate,.ramadan-lantern ellipse[opacity]{animation:none}.ramadan-countdown-widget:before{animation:none}}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--bg-card: #0a0a0a;--bg-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #737373;--border-color: #262626;--border-light: #404040;--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .3);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--gradient-1: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-2: linear-gradient(135deg, #000000 0%, #0a0a0a 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .6);--shadow-md: 0 4px 6px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .8);--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-10: 10px;--radius-12: 12px;--radius-14: 14px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-pill: 999px;--radius-sm: var(--radius-6);--radius-md: var(--radius-10);--radius-lg: var(--radius-16);--radius-xl: var(--radius-24);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--sidebar-width: 260px;--header-height: 60px;--surface-raised: rgba(255, 255, 255, .04);--surface-overlay: rgba(255, 255, 255, .02);--surface-sunken: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .06);--border-hairline: rgba(255, 255, 255, .04);--on-accent: #ffffff;--text-10: .625rem;--text-11: .6875rem;--text-12: .75rem;--text-13: .8125rem;--text-14: .875rem;--text-15: .9375rem;--text-16: 1rem;--text-18: 1.125rem;--text-20: 1.25rem;--text-24: 1.5rem;--text-28: 1.75rem;--text-32: 2rem;--text-36: 2.25rem;--text-48: 3rem;--space-2: .125rem;--space-4: .25rem;--space-6: .375rem;--space-8: .5rem;--space-10: .625rem;--space-12: .75rem;--space-14: .875rem;--space-16: 1rem;--space-18: 1.125rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-28: 1.75rem;--space-32: 2rem;--space-36: 2.25rem;--space-40: 2.5rem;--space-48: 3rem}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #cbd5e1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--surface-raised: rgba(15, 23, 42, .035);--surface-overlay: rgba(15, 23, 42, .02);--surface-sunken: rgba(15, 23, 42, .055);--border-subtle: rgba(15, 23, 42, .09);--border-hairline: rgba(15, 23, 42, .06)}[data-theme=midnight]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--border-light: #475569;--gradient-2: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4);--surface-raised: rgba(255, 255, 255, .05);--surface-overlay: rgba(255, 255, 255, .03);--surface-sunken: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .08);--border-hairline: rgba(255, 255, 255, .05)}[data-theme=beige]{--bg-primary: #faf7f2;--bg-secondary: #f5f0e8;--bg-tertiary: #ede7db;--bg-card: #f5f0e8;--bg-hover: #ede7db;--text-primary: #2c2416;--text-secondary: #6b5d4d;--text-muted: #9c8e7c;--border-color: #e0d5c5;--border-light: #c9bda8;--shadow-sm: 0 1px 2px rgba(44, 36, 22, .06);--shadow-md: 0 4px 6px rgba(44, 36, 22, .08);--shadow-lg: 0 10px 15px rgba(44, 36, 22, .1);--shadow-xl: 0 20px 25px rgba(44, 36, 22, .14);--surface-raised: rgba(44, 36, 22, .04);--surface-overlay: rgba(44, 36, 22, .025);--surface-sunken: rgba(44, 36, 22, .06);--border-subtle: rgba(44, 36, 22, .1);--border-hairline: rgba(44, 36, 22, .07)}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-16);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-modal{width:100%;max-height:calc(100dvh - var(--space-32));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-16);box-shadow:var(--shadow-xl);padding:var(--space-24)}.ui-modal:focus{outline:none}.ui-modal-sm{max-width:400px}.ui-modal-md{max-width:560px}.ui-modal-lg{max-width:760px}.ui-modal-xl{max-width:1100px}.ui-modal-full{max-width:min(1100px,100%);height:min(720px,100%);padding:0;overflow:hidden}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-20)}.ui-modal-header h2{margin:0;font-size:var(--text-18);font-weight:600;color:var(--text-primary)}.ui-modal .close-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-6px -6px -6px 0;flex-shrink:0;border-radius:var(--radius-8);color:var(--text-secondary)}.ui-modal .close-button:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.ui-modal,.ui-modal-sm,.ui-modal-md,.ui-modal-lg,.ui-modal-xl{max-width:100%;max-height:88dvh;border-radius:var(--radius-16) var(--radius-16) 0 0;border-bottom:none;padding-bottom:calc(var(--space-24) + var(--sab))}.ui-modal-full{max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.ui-modal:before{content:"";display:block;width:36px;height:4px;margin:0 auto var(--space-12);border-radius:var(--radius-pill);background:var(--border-light)}.ui-modal-full:before{display:none}}@media(max-width:640px){.update-toast{left:var(--space-12)!important;right:var(--space-12)!important;bottom:calc(var(--space-12) + var(--sab))!important;max-width:none!important}}@media(pointer:coarse){.container-actions button,.logs-toolbar-actions button,.logs-close,.menu-button,.widget-visibility-toggle,.event-qr-dismiss,.spotlight-dismiss,.pin-button,.pin-button.small,.close-button{min-width:44px;min-height:44px}.container-actions,.logs-toolbar-actions{gap:var(--space-8)}}h1,h2{letter-spacing:-.021em;line-height:1.2}h3{letter-spacing:-.012em;line-height:1.3}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain;-webkit-user-select:text;user-select:text}button,.btn,.card,.service-card,.stat-card,[role=button],[role=tab],.modal-overlay,.sidebar,.mobile-header,.menu-toggle,.theme-toggle,.icon-button,.logo,.nav-link,img,svg,.no-select{-webkit-user-select:none;user-select:none}.card-content,.card-description,.card-text,.stat-card p,.service-card p,.selectable{-webkit-user-select:text;user-select:text}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-4)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-16);color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-12) var(--space-24);background:var(--gradient-1);color:var(--on-accent);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-md),0 0 20px var(--accent-glow)}.btn-primary:hover{box-shadow:var(--shadow-lg),0 0 30px var(--accent-glow)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-12) var(--space-24);background:var(--bg-tertiary);color:var(--text-primary);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-12) var(--space-24);background:var(--error);color:var(--on-accent);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-danger:hover{filter:brightness(1.1)}.btn-primary,.btn-secondary,.btn-danger{min-height:44px;position:relative;isolation:isolate;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background-color .18s ease,filter .18s ease}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:scale(.97);transition-duration:80ms}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.25)}@media(hover:hover){.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light)}}@media(hover:hover){.btn-primary:hover:not(:disabled){transform:translateY(-1px)}}.btn-primary:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%);opacity:0;transition:opacity .22s ease}@media(hover:hover){.btn-primary:hover:not(:disabled):after{opacity:1}}@media(prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.btn-danger{transition:none}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:none}}input[type=text],input[type=email],input[type=password],input[type=url],textarea,select{width:100%;padding:var(--space-12) var(--space-16);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder{color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--warning);color:#000;text-align:center;padding:var(--space-8) var(--space-16);padding-top:calc(.5rem + var(--sat));font-size:var(--text-14);font-weight:500;z-index:10000;animation:slideDown .3s ease}.downtime-warning-banner{position:fixed;top:0;left:0;right:0;z-index:10001;display:flex;align-items:flex-start;gap:var(--space-10);flex-wrap:nowrap;padding:var(--space-8) var(--space-16);padding-top:calc(.55rem + var(--sat));background:color-mix(in srgb,var(--warning) 86%,#000 14%);color:#1f1200;border-bottom:1px solid rgba(0,0,0,.12);font-size:var(--text-14);line-height:1.3;font-weight:500;animation:slideDown .3s ease}.downtime-warning-label{font-size:var(--text-12);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:var(--space-2) var(--space-6);border-radius:var(--radius-pill);background:#0000002e;color:#fff}.downtime-warning-services{font-weight:600}.downtime-warning-message{min-width:0}.downtime-warning-content{display:flex;flex-direction:row;align-items:center;gap:var(--space-8);min-width:0;flex:1;overflow:hidden}.downtime-warning-message{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.downtime-warning-services{font-weight:600;min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.downtime-warning-expand-btn{border:none;background:#0000001f;color:#1f1200;font-size:var(--text-12);font-weight:700;padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);cursor:pointer;align-self:center;flex-shrink:0}body.has-downtime-banner .offline-banner{top:var(--downtime-banner-height, 0px);padding-top:var(--space-8)}@media(max-width:768px){.downtime-warning-banner{gap:var(--space-6);padding:var(--space-6) var(--space-10);padding-top:calc(.36rem + var(--sat));font-size:var(--text-12);line-height:1.2}.downtime-warning-label{font-size:var(--text-10);padding:var(--space-2) var(--space-6);letter-spacing:.02em}.downtime-warning-content{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.downtime-warning-banner:not(.expanded) .downtime-warning-message,.downtime-warning-banner:not(.expanded) .downtime-warning-services{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}.downtime-warning-services{font-weight:600}.downtime-warning-banner.expanded .downtime-warning-message,.downtime-warning-banner.expanded .downtime-warning-services{display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.downtime-warning-expand-btn{font-size:var(--text-10);padding:var(--space-2) var(--space-6);align-self:flex-start}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.tap-target{min-height:44px;min-width:44px}.no-bounce{overscroll-behavior:none;-webkit-overflow-scrolling:touch}.native-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.safe-top{padding-top:var(--sat)}.safe-bottom{padding-bottom:var(--sab)}.safe-left{padding-left:var(--sal)}.safe-right{padding-right:var(--sar)}.safe-all{padding:var(--sat) var(--sar) var(--sab) var(--sal)}.touchable:active{opacity:.7;transform:scale(.98)}*{touch-action:manipulation}.changelog-header{display:flex;align-items:center;gap:var(--space-12);margin-bottom:var(--space-20)}.changelog-mark{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-12);background:var(--gradient-1);color:var(--on-accent);box-shadow:0 6px 18px var(--accent-glow)}.changelog-heading{flex:1;min-width:0}.changelog-heading h2{margin:0;font-size:var(--text-20);font-weight:650;color:var(--text-primary)}.changelog-heading p{margin:var(--space-2) 0 0;font-size:var(--text-13);color:var(--text-secondary)}.changelog-body{display:flex;flex-direction:column;gap:var(--space-24)}.changelog-release-head{display:flex;align-items:center;gap:var(--space-10);margin-bottom:var(--space-12)}.changelog-version{padding:var(--space-2) var(--space-10);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-12);font-weight:650;letter-spacing:.02em}.changelog-version.is-current{background:var(--gradient-1);color:var(--on-accent)}.changelog-date{font-size:var(--text-12);color:var(--text-muted)}.changelog-release+.changelog-release{padding-top:var(--space-24);border-top:1px solid var(--border-color)}.changelog-changes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-10)}.changelog-changes li{display:flex;align-items:flex-start;gap:var(--space-10);font-size:var(--text-14);line-height:1.5;color:var(--text-primary)}.changelog-bullet{width:6px;height:6px;margin-top:7px;flex-shrink:0;border-radius:50%;background:var(--accent)}.changelog-dismiss{width:100%;margin-top:var(--space-24)}