@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);.app{display:flex;height:100vh}.app-content{flex:1 1;overflow-y:auto}.cc-overlay{align-items:flex-end;animation:ccFadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.3);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}@keyframes ccFadeIn{0%{opacity:0}to{opacity:1}}.cc-banner{animation:ccSlideUp .35s ease-out;background:#1a1f2e;border:1px solid hsla(0,0%,100%,.08);border-radius:20px;box-shadow:0 -8px 40px rgba(0,0,0,.5);max-width:640px;padding:24px;width:100%}@keyframes ccSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.cc-banner--expanded{max-width:700px}.cc-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px}.cc-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.cc-header-text h3{color:#f1f5f9;font-size:17px;font-weight:700;margin:0 0 4px}.cc-header-text p{color:#94a3b8;font-size:13px;line-height:1.5;margin:0}.cc-details{border-top:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding-top:16px}.cc-category{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:14px}.cc-category-head{gap:12px}.cc-cat-icon,.cc-category-head{align-items:center;display:flex}.cc-cat-icon{border-radius:10px;flex-shrink:0;font-size:15px;height:36px;justify-content:center;width:36px}.cc-cat-icon--necessary{background:rgba(34,197,94,.15);color:#22c55e}.cc-cat-icon--analytics{background:rgba(59,130,246,.15);color:#3b82f6}.cc-cat-icon--marketing{background:rgba(168,85,247,.15);color:#a855f7}.cc-cat-info{flex:1 1;min-width:0}.cc-cat-info h4{color:#f1f5f9;font-size:13px;font-weight:700;margin:0 0 2px}.cc-cat-info p{color:#94a3b8;font-size:11.5px;line-height:1.4;margin:0}.cc-always-on{background:rgba(34,197,94,.12);border-radius:20px;color:#22c55e;flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.cc-toggle{background:hsla(0,0%,100%,.12);border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .2s;width:44px}.cc-toggle--on{background:#6366f1}.cc-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.cc-toggle--on .cc-toggle-knob{transform:translateX(20px)}.cc-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.cc-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:opacity .2s,transform .15s;white-space:nowrap}.cc-btn:hover{opacity:.9;transform:translateY(-1px)}.cc-btn--accept{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff}.cc-btn--reject{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.08);color:#94a3b8}.cc-btn--reject:hover{color:#f1f5f9}.cc-btn--manage{background:hsla(0,0%,100%,.05);color:#94a3b8}.cc-btn--manage:hover{color:#f1f5f9}.cc-footer-links{display:flex;font-size:11px;gap:8px;justify-content:center}.cc-footer-links a{color:#64748b;text-decoration:none}.cc-footer-links a:hover{color:#94a3b8;text-decoration:underline}.cc-footer-links span{color:#334155}[data-theme=light] .cc-overlay{background:rgba(0,0,0,.15)}[data-theme=light] .cc-banner{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 -8px 40px rgba(0,0,0,.12)}[data-theme=light] .cc-header-text h3{color:#0f172a}[data-theme=light] .cc-header-text p{color:#64748b}[data-theme=light] .cc-category{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}[data-theme=light] .cc-cat-info h4{color:#0f172a}[data-theme=light] .cc-cat-info p{color:#64748b}[data-theme=light] .cc-toggle{background:rgba(0,0,0,.12)}[data-theme=light] .cc-btn--reject{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#64748b}[data-theme=light] .cc-btn--reject:hover{color:#0f172a}[data-theme=light] .cc-btn--manage{background:rgba(0,0,0,.03);color:#64748b}[data-theme=light] .cc-btn--manage:hover{color:#0f172a}[data-theme=light] .cc-footer-links a{color:#94a3b8}[data-theme=light] .cc-footer-links a:hover{color:#0f172a}[data-theme=light] .cc-footer-links span{color:#cbd5e1}[data-theme=light] .cc-details{border-top-color:rgba(0,0,0,.06)}@media (max-width:600px){.cc-overlay{align-items:flex-end;padding:12px}.cc-banner{border-radius:16px;padding:18px}.cc-actions{flex-wrap:wrap}.cc-btn{flex:1 1;justify-content:center;min-width:0}.cc-category-head{flex-wrap:wrap}}.auth-page{display:flex;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;overflow:hidden;position:relative}.auth-page:before{background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(102,126,234,.25),transparent),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(118,75,162,.2),transparent),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(88,86,214,.1),transparent),linear-gradient(135deg,#0a0a1a,#111128 40%,#1a1035);inset:0}.auth-page:after,.auth-page:before{content:"";position:absolute;z-index:0}.auth-page:after{animation:orbFloat 20s ease-in-out infinite;background:radial-gradient(circle,rgba(102,126,234,.08),transparent 70%);border-radius:50%;height:600px;right:-200px;top:-200px;width:600px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-40px,30px) scale(1.05)}50%{transform:translate(-20px,-20px) scale(.95)}75%{transform:translate(30px,10px) scale(1.03)}}.auth-wrapper{display:flex;margin:auto;max-width:1200px;min-height:100vh;padding:24px;position:relative;width:100%;z-index:1}.auth-brand-panel{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 50px;position:relative}.auth-brand-logo{align-items:center;display:flex;gap:12px;margin-bottom:48px}.auth-brand-logo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:20px;font-weight:800;height:44px;justify-content:center;letter-spacing:-1px;width:44px}.auth-brand-logo-text{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.5px}.auth-brand-heading{color:#fff;font-size:42px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:16px}.auth-brand-heading span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#a78bfa,#764ba2);-webkit-background-clip:text;background-clip:text}.auth-brand-desc{color:hsla(0,0%,100%,.55);font-size:16px;line-height:1.7;margin-bottom:40px;max-width:420px}.auth-features-list{display:flex;flex-direction:column;gap:18px}.auth-feature-item{align-items:center;display:flex;gap:14px}.auth-feature-icon{align-items:center;background:rgba(102,126,234,.12);border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#667eea;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.auth-feature-text{color:hsla(0,0%,100%,.7);font-size:15px;font-weight:500}.auth-form-panel{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:520px;padding:40px}.auth-card{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;max-width:440px;overflow:hidden;padding:44px 40px;position:relative;width:100%}.auth-card:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.4),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.auth-lang-switcher{position:absolute;right:20px;top:20px;z-index:10}.auth-lang-btn{align-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 11px;transition:all .2s ease}.auth-lang-btn:hover{background:hsla(0,0%,100%,.1);border-color:rgba(102,126,234,.3);color:#fff}.auth-lang-btn .lang-flag{font-size:16px;line-height:1}.auth-lang-dropdown{animation:dropdownIn .15s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(20,20,40,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.5);min-width:160px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:100}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-lang-option{align-items:center;background:none;border:none;border-radius:8px;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.auth-lang-option:hover{background:rgba(102,126,234,.15);color:#fff}.auth-lang-option.active{background:rgba(102,126,234,.2);color:#667eea}.auth-lang-option .lang-flag{font-size:18px;line-height:1}.auth-form-header{margin-bottom:32px;text-align:center}.auth-form-header h1{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.auth-form-header p{color:hsla(0,0%,100%,.45);font-size:14px;line-height:1.5;margin:0}.auth-form{gap:18px}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:7px}.auth-form-label{align-items:center;color:hsla(0,0%,100%,.55);display:flex;font-size:13px;font-weight:600;gap:7px;letter-spacing:.6px;text-transform:uppercase}.auth-form-label svg{color:#667eea;font-size:13px;width:14px}.auth-input-wrapper{position:relative}.auth-input{background:hsla(0,0%,100%,.04);border:1.5px solid hsla(0,0%,100%,.1);border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:15px;outline:none;padding:13px 16px;transition:all .25s ease;width:100%}.auth-input::placeholder{color:hsla(0,0%,100%,.25)}.auth-input:focus{background:rgba(102,126,234,.06);border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12)}.auth-input:disabled{cursor:not-allowed;opacity:.5}.auth-input-icon{appearance:none;-webkit-appearance:none;background:none;border:none;color:hsla(0,0%,100%,.25);cursor:pointer;display:grid;flex-shrink:0;font-size:14px;height:32px;line-height:0;margin:0;outline:none;padding:0;place-items:center;position:absolute;right:14px;top:calc(50% - 16px);transition:color .2s ease;width:32px;z-index:5}.auth-input-icon svg{display:block;height:16px!important;width:16px!important}.auth-input-icon .svg-inline--fa{vertical-align:middle!important}.auth-input-icon:hover{color:hsla(0,0%,100%,.5)}.auth-input-icon:active,.auth-input-icon:hover{top:calc(50% - 16px)!important;transform:none!important}.auth-input-icon:focus,.auth-input-icon:focus-visible{top:calc(50% - 16px)!important;transform:none!important}.auth-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.password-strength{align-items:center;display:flex;gap:10px;margin-top:2px}.password-strength-bars{display:flex;flex:1 1;gap:4px}.password-strength-bar{background:hsla(0,0%,100%,.1);border-radius:2px;flex:1 1;height:3px;transition:background .3s ease}.password-strength-bar.active.weak{background:#ef4444}.password-strength-bar.active.fair{background:#f59e0b}.password-strength-bar.active.good{background:#10b981}.password-strength-bar.active.strong{background:#667eea}.password-strength-text{font-size:11px;font-weight:600;letter-spacing:.5px;min-width:44px;text-align:right;text-transform:uppercase}.password-strength-text.weak{color:#ef4444}.password-strength-text.fair{color:#f59e0b}.password-strength-text.good{color:#10b981}.password-strength-text.strong{color:#667eea}.auth-forgot-row{display:flex;justify-content:flex-end;margin-top:-6px}.auth-forgot-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:13px;font-weight:500;padding:0;transition:color .2s ease}.auth-forgot-link:hover{color:#a78bfa;text-decoration:underline}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.3px;margin-top:4px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease;width:100%}.auth-submit-btn:before{background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.auth-submit-btn:hover:not(:disabled):before{opacity:1}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 24px rgba(102,126,234,.35);transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-spinner{animation:authSpin .7s linear infinite;border:2.5px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes authSpin{to{transform:rotate(1turn)}}.auth-error{align-items:flex-start;animation:authMsgSlideIn .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(220,38,38,.08));border:1px solid rgba(239,68,68,.25);border-left:3px solid rgba(239,68,68,.6);border-radius:14px;box-shadow:0 4px 16px rgba(239,68,68,.15),inset 0 1px 0 hsla(0,0%,100%,.1);color:#fca5a5;display:flex;font-size:13.5px;gap:12px;line-height:1.6;margin-bottom:24px;overflow:hidden;padding:14px 18px;position:relative}.auth-error:before{background:linear-gradient(90deg,transparent,rgba(239,68,68,.4) 50%,transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.auth-error svg{color:#f87171;filter:drop-shadow(0 2px 4px rgba(239,68,68,.3));flex-shrink:0;font-size:18px;margin-top:2px}.auth-success{align-items:flex-start;animation:authMsgSlideIn .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(5,150,105,.08));border:1px solid rgba(16,185,129,.25);border-left:3px solid rgba(16,185,129,.6);border-radius:14px;box-shadow:0 4px 16px rgba(16,185,129,.15),inset 0 1px 0 hsla(0,0%,100%,.1);color:#6ee7b7;display:flex;font-size:13.5px;gap:12px;line-height:1.6;margin-bottom:24px;overflow:hidden;padding:14px 18px;position:relative}.auth-success:before{background:linear-gradient(90deg,transparent,rgba(16,185,129,.4) 50%,transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.auth-success svg{color:#34d399;filter:drop-shadow(0 2px 4px rgba(16,185,129,.3));flex-shrink:0;font-size:18px;margin-top:2px}@keyframes authMsgSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-divider{align-items:center;display:flex;gap:12px;margin:4px 0}.auth-divider-line{background:hsla(0,0%,100%,.08);flex:1 1;height:1px}.auth-divider-text{color:hsla(0,0%,100%,.3)}.auth-divider span,.auth-divider-text{font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.auth-divider span{color:hsla(0,0%,100%,.35);padding:0 12px;white-space:nowrap}.auth-divider:after,.auth-divider:before{background:hsla(0,0%,100%,.08);content:"";flex:1 1;height:1px}.auth-social-buttons{display:flex;gap:12px;margin:4px 0 20px}.auth-social-btn{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:hsla(0,0%,100%,.85);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.2px;padding:12px 16px;transition:all .25s ease}.auth-social-btn:hover:not(:disabled){background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);box-shadow:0 4px 16px rgba(0,0,0,.2);transform:translateY(-1px)}.auth-social-btn:active:not(:disabled){transform:translateY(0)}.auth-social-btn:disabled{cursor:not-allowed;opacity:.5}.auth-social-btn svg{font-size:18px}.auth-social-btn.google:hover:not(:disabled){background:rgba(66,133,244,.1);border-color:rgba(66,133,244,.4);color:#fff}.auth-social-btn.google svg{color:#4285f4}.auth-social-btn.apple:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);color:#fff}.auth-social-btn.apple svg{color:#fff}.auth-footer-link{color:hsla(0,0%,100%,.45);font-size:14px;margin-top:28px;text-align:center}.auth-footer-link button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:0;transition:color .2s ease}.auth-footer-link button:hover{color:#a78bfa;text-decoration:underline}.auth-support-link{align-items:center;display:flex;font-size:13px;gap:6px;justify-content:center;margin-top:20px}.auth-support-link button{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-weight:500;gap:4px;padding:0;text-decoration:none;transition:all .2s ease}.auth-support-link button:hover{color:#a78bfa;text-decoration:underline}.auth-support-section{border-top:1px solid hsla(0,0%,100%,.06);margin-top:24px;padding-top:24px;text-align:center}.auth-support-text{color:hsla(0,0%,100%,.4);font-size:13px;margin-bottom:12px}.auth-support-btn{align-items:center;background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#667eea;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.auth-support-btn:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.4);transform:translateY(-1px)}.auth-support-btn:active{transform:translateY(0)}.auth-terms{color:hsla(0,0%,100%,.35);font-size:12px;line-height:1.5;margin-top:4px;text-align:center}.auth-terms a{color:#667eea;font-weight:500;text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-status-card{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;max-width:480px;overflow:hidden;padding:60px 48px;position:relative;text-align:center;width:100%}.auth-status-card:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.4),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.auth-status-icon{align-items:center;border-radius:50%;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.auth-status-icon.info{background:rgba(102,126,234,.12);border:1px solid rgba(102,126,234,.2);color:#667eea}.auth-status-icon.success{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.2);color:#10b981}.auth-status-icon.error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.2);color:#ef4444}.auth-status-icon.loading{background:rgba(102,126,234,.12);border:1px solid rgba(102,126,234,.2);color:#667eea}.auth-status-title{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.auth-status-title.success{color:#10b981}.auth-status-title.error{color:#f87171}.auth-status-desc{color:hsla(0,0%,100%,.5);font-size:15px;line-height:1.6;margin-bottom:8px}.auth-status-email{color:#fff;font-size:16px;font-weight:600;margin-bottom:24px}.auth-status-hint{color:hsla(0,0%,100%,.35);font-size:13px;line-height:1.6;margin:0 auto 32px;max-width:340px}.auth-status-actions{align-items:center;display:flex;flex-direction:column;gap:12px}.auth-ghost-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 0;transition:color .2s ease}.auth-ghost-btn:hover{color:#a78bfa;text-decoration:underline}.auth-resend-input{background:hsla(0,0%,100%,.04);border:1.5px solid hsla(0,0%,100%,.1);border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;margin-bottom:12px;max-width:320px;outline:none;padding:12px 16px;transition:all .25s ease;width:100%}.auth-resend-input::placeholder{color:hsla(0,0%,100%,.25)}.auth-resend-input:focus{background:rgba(102,126,234,.06);border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12)}.auth-status-layout{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative;width:100%;z-index:1}.auth-back-btn{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:24px;padding:0;transition:color .2s ease}.auth-back-btn:hover{color:#667eea}.auth-card,.auth-status-card{animation:authCardIn .5s cubic-bezier(.16,1,.3,1)}@keyframes authCardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-brand-panel{animation:authBrandIn .6s cubic-bezier(.16,1,.3,1) .1s both}@keyframes authBrandIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:900px){.auth-wrapper{flex-direction:column;min-height:auto;padding:20px 16px}.auth-brand-panel{align-items:center;padding:40px 24px 24px;text-align:center}.auth-brand-heading{font-size:30px}.auth-brand-desc{font-size:14px}.auth-features-list{display:none}.auth-form-panel{max-width:100%;padding:20px 0}.auth-card{border-radius:20px;padding:32px 24px}.auth-form-row{grid-template-columns:1fr}.auth-status-card{padding:40px 28px}}@media (max-width:480px){.auth-brand-panel{padding:32px 16px 16px}.auth-brand-heading{font-size:24px}.auth-card{border-radius:16px;padding:28px 20px}.auth-form-header h1{font-size:24px}.auth-status-card{border-radius:16px;padding:32px 20px}}[data-theme=light] .auth-page:before{background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(102,126,234,.08),transparent),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(118,75,162,.06),transparent),linear-gradient(135deg,#f0f2f8,#e8eaf5 40%,#f5f3ff)}[data-theme=light] .auth-page:after{background:radial-gradient(circle,rgba(102,126,234,.04),transparent 70%)}[data-theme=light] .auth-brand-heading,[data-theme=light] .auth-brand-logo-text{color:#1a1a2e}[data-theme=light] .auth-brand-desc{color:rgba(26,26,46,.55)}[data-theme=light] .auth-feature-icon{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.15)}[data-theme=light] .auth-feature-text{color:rgba(26,26,46,.65)}[data-theme=light] .auth-card,[data-theme=light] .auth-status-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:hsla(0,0%,100%,.85);border-color:rgba(0,0,0,.08);box-shadow:0 8px 40px rgba(0,0,0,.08)}[data-theme=light] .auth-card:before,[data-theme=light] .auth-status-card:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent)}[data-theme=light] .auth-lang-btn{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1);color:rgba(26,26,46,.65)}[data-theme=light] .auth-lang-btn:hover{background:rgba(0,0,0,.07);color:#1a1a2e}[data-theme=light] .auth-lang-dropdown{background:hsla(0,0%,100%,.97);border-color:rgba(0,0,0,.1);box-shadow:0 12px 40px rgba(0,0,0,.12)}[data-theme=light] .auth-lang-option{color:rgba(26,26,46,.7)}[data-theme=light] .auth-lang-option:hover{background:rgba(102,126,234,.08);color:#1a1a2e}[data-theme=light] .auth-lang-option.active{background:rgba(102,126,234,.12);color:#667eea}[data-theme=light] .auth-form-header h1{color:#1a1a2e}[data-theme=light] .auth-form-header p{color:rgba(26,26,46,.5)}[data-theme=light] .auth-form-label{color:rgba(26,26,46,.55)}[data-theme=light] .auth-input{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.12);color:#1a1a2e}[data-theme=light] .auth-input::placeholder{color:rgba(26,26,46,.3)}[data-theme=light] .auth-input:focus{background:rgba(102,126,234,.04);border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}[data-theme=light] .auth-error{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15);color:#dc2626}[data-theme=light] .auth-success{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.15);color:#059669}[data-theme=light] .auth-divider-line{background:rgba(0,0,0,.08)}[data-theme=light] .auth-divider-text{color:rgba(26,26,46,.35)}[data-theme=light] .auth-footer-link{color:rgba(26,26,46,.5)}[data-theme=light] .auth-terms{color:rgba(26,26,46,.4)}[data-theme=light] .auth-status-title{color:#1a1a2e}[data-theme=light] .auth-status-desc{color:rgba(26,26,46,.55)}[data-theme=light] .auth-status-email{color:#1a1a2e}[data-theme=light] .auth-status-hint{color:rgba(26,26,46,.45)}[data-theme=light] .auth-resend-input{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.12);color:#1a1a2e}[data-theme=light] .auth-resend-input::placeholder{color:rgba(26,26,46,.3)}[data-theme=light] .auth-resend-input:focus{background:rgba(102,126,234,.04);border-color:#667eea}[data-theme=light] .auth-input-icon{color:rgba(26,26,46,.3)}[data-theme=light] .auth-input-icon:hover{color:rgba(26,26,46,.6)}[data-theme=light] .password-strength-bar{background:rgba(0,0,0,.08)}[data-theme=light] .auth-back-btn{color:rgba(26,26,46,.5)}[data-theme=light] .auth-back-btn:hover{color:#667eea}[data-theme=light] .auth-divider span{color:rgba(26,26,46,.35)}[data-theme=light] .auth-divider:after,[data-theme=light] .auth-divider:before{background:rgba(0,0,0,.08)}[data-theme=light] .auth-social-btn{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.12);color:rgba(26,26,46,.85)}[data-theme=light] .auth-social-btn:hover:not(:disabled){background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.08)}[data-theme=light] .auth-social-btn.google:hover:not(:disabled){background:rgba(66,133,244,.06);border-color:rgba(66,133,244,.4);color:#1a1a2e}[data-theme=light] .auth-social-btn.apple,[data-theme=light] .auth-social-btn.apple svg{color:#1a1a2e}[data-theme=light] .auth-social-btn.apple:hover:not(:disabled){background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.3)}.auth-input.auth-input-error{border-color:#ef4444!important;box-shadow:0 0 0 2px rgba(239,68,68,.15)}.auth-field-error{align-items:center;color:#ef4444;display:flex;font-size:12.5px;gap:6px;margin-top:6px}.auth-input[type=number]::-webkit-inner-spin-button,.auth-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.auth-input[type=number]{-moz-appearance:textfield}[data-theme=light] .auth-input.auth-input-error{border-color:#dc2626!important}.dashboard-chart{background:#1a1a2e;background:var(--surface-primary,#1a1a2e);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--border-subtle,hsla(0,0%,100%,.06));border-radius:16px;cursor:pointer;display:flex;flex-direction:column;min-height:300px;overflow:hidden;padding:24px;position:relative;transition:border-color .25s ease,box-shadow .25s ease}.dashboard-chart:hover{border-color:rgba(99,102,241,.2);box-shadow:0 12px 32px rgba(0,0,0,.18)}.dashboard-chart.expanded{height:80vh;left:50%;max-width:1000px;padding:32px;position:fixed;top:50%;transform:translate(-50%,-50%)!important;width:90vw;z-index:1000}.chart-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:18px;font-weight:700;margin:0}.chart-actions{display:flex;flex-shrink:0;gap:8px}.chart-btn{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.chart-btn:hover{background:rgba(102,126,234,.2);transform:scale(1.1)}.chart-btn.delete:hover{background:rgba(245,87,108,.2);border-color:rgba(245,87,108,.3);color:#f5576c}.chart-body{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px;overflow:visible;position:relative}.chart-footer{border-top:1px solid rgba(102,126,234,.1);margin-top:16px;padding-top:16px}.chart-footer p{color:#a0aec0;font-size:13px;line-height:1.6;margin:0}.bar-chart{display:flex;flex-direction:column;gap:16px;height:100%;justify-content:space-around;padding:16px 0;width:100%}.bar-item{align-items:center;gap:16px}.bar-label{color:#a0aec0;font-weight:600;min-width:100px;text-transform:uppercase}.bar-container{background:rgba(102,126,234,.05);border-radius:8px;flex:1 1;height:24px;overflow:hidden}.bar-fill{border-radius:8px;transition:opacity .2s ease}.bar-container:hover .bar-fill{opacity:.85}.bar-value{color:#fff;font-size:14px;font-weight:700;min-width:40px;text-align:right}.pie-chart-container{align-items:center;display:flex;gap:32px;height:100%;justify-content:center;width:100%}.pie-chart{flex-shrink:0;height:200px;width:200px}.pie-legend{display:flex;flex-direction:column;gap:12px}.legend-item{align-items:center;color:#a0aec0;display:flex;font-size:13px;gap:8px}.legend-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.number-chart{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;width:100%}.number-display{color:#fff;color:var(--text-primary,#fff);font-size:56px;font-weight:700;line-height:1}.number-label{color:#a0aec0;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.number-change{border-radius:8px;font-size:16px;font-weight:700;padding:8px 16px}.number-change.positive{background:rgba(17,153,142,.2);color:#11998e}.number-change.negative{background:rgba(245,87,108,.2);color:#f5576c}.line-chart{display:flex;flex-direction:column;gap:16px;height:100%;width:100%}.line-chart svg{flex:1 1;width:100%}.line-labels{color:#a0aec0;display:flex;font-size:12px;gap:8px;justify-content:space-between}.line-labels span{flex:1 1;text-align:center}.modal-overlay{animation:fadeIn .3s ease;z-index:999}.modal-content{border:1px solid rgba(102,126,234,.1);border-radius:20px;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;width:90vw}.modal-header{padding:32px}.modal-header h2{font-weight:700}.modal-close{color:#667eea;font-size:18px;height:40px;width:40px}.modal-close:hover{transform:rotate(90deg)}.modal-body{flex:1 1;gap:32px;padding:32px}.chart-detail-container{flex:1 1;min-height:400px}.modal-description{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1);border-radius:12px;padding:24px}.modal-description h4{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.modal-description p{color:#a0aec0;font-size:13px;line-height:1.6;margin:0}.chart-tooltip{background:linear-gradient(135deg,#252540,#1a1a2e);border:1px solid rgba(102,126,234,.2);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.4);color:#fff;font-size:12px;min-width:120px;padding:12px 16px;pointer-events:none;position:absolute;transform:translate(-50%,-100%);z-index:100}.chart-tooltip:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #252540;bottom:-6px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-label{color:#a0aec0;font-weight:500;margin-bottom:4px}.tooltip-value{color:#fff;font-size:18px;font-weight:700}.tooltip-meta{border-top:1px solid rgba(102,126,234,.2);margin-top:8px;padding-top:8px}.tooltip-meta-item{display:flex;gap:12px;justify-content:space-between;margin-top:4px}.meta-key{color:#a0aec0}.meta-value{color:#fff;font-weight:500}.interval-selector{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1);border-radius:10px;display:flex;gap:4px;padding:4px}.interval-btn{background:transparent;border:none;border-radius:8px;color:#a0aec0;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;text-transform:capitalize;transition:all .3s ease}.interval-btn:hover{background:rgba(102,126,234,.1);color:#fff}.interval-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff}.period-navigator{align-items:center;display:flex;gap:8px}.period-nav-btn{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#667eea;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.period-nav-btn:hover{background:rgba(102,126,234,.2);transform:scale(1.05)}.period-label{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:0 12px}.period-icon{color:#667eea}.chart-detail-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.85);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.chart-detail-modal{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.2);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.5);display:flex;flex-direction:column;max-height:90vh;max-width:1100px;overflow:hidden;width:90%}.chart-detail-header{align-items:center;border-bottom:1px solid rgba(102,126,234,.1);display:flex;justify-content:space-between;padding:24px 28px}.chart-detail-header h2{color:#fff;font-size:20px;font-weight:700;margin:0}.close-btn{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#667eea;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:rgba(102,126,234,.2);transform:rotate(90deg)}.chart-detail-controls{align-items:center;background:rgba(102,126,234,.03);border-bottom:1px solid rgba(102,126,234,.1);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 28px}.chart-detail-content{display:flex;flex:1 1;overflow:hidden}.chart-detail-visualization{align-items:center;display:flex;flex:1 1;justify-content:center;padding:32px;position:relative}.chart-detail-visualization .chart-svg{max-height:380px}.chart-detail-sidebar{background:rgba(102,126,234,.03);border-left:1px solid rgba(102,126,234,.1);overflow-y:auto;padding:24px;width:340px}.chart-detail-sidebar h3{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.chart-detail-sidebar h3 svg{color:#667eea}.chart-detail-description{background:rgba(102,126,234,.05);border-top:1px solid rgba(102,126,234,.1);padding:20px 28px}.chart-detail-description p{color:#a0aec0;font-size:13px;line-height:1.6;margin:0}.chart-data-table{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1);border-radius:12px;overflow:hidden}.chart-data-table table{border-collapse:collapse;width:100%}.chart-data-table td,.chart-data-table th{font-size:12px;padding:12px 14px;text-align:left}.chart-data-table th{background:rgba(102,126,234,.1);color:#a0aec0;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.chart-data-table td{border-bottom:1px solid rgba(102,126,234,.05);color:#fff}.chart-data-table tbody tr:hover{background:rgba(102,126,234,.05)}.chart-data-table tfoot td{background:rgba(102,126,234,.08);border-bottom:none}.table-color{border-radius:4px;display:inline-block;height:10px;margin-right:8px;width:10px}.chart-legend{border-top:1px solid rgba(102,126,234,.1);display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px}.legend-label{color:#a0aec0}.legend-value{color:#fff;font-weight:600}.chart-title{color:#fff;font-size:18px;font-weight:700;margin:0}.chart-action-btn{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.chart-action-btn:hover{background:rgba(102,126,234,.2);transform:scale(1.1)}.chart-action-btn.delete:hover{background:rgba(245,87,108,.2);border-color:rgba(245,87,108,.3);color:#f5576c}.chart-svg{height:100%;max-height:200px;width:100%}.chart-svg .chart-axis-label,.chart-svg .chart-label{fill:#a0aec0;font-size:9px}.chart-svg .chart-bar{cursor:pointer;transition:opacity .2s,transform .2s}.chart-svg .chart-bar:hover{opacity:.85}.chart-svg .pie-slice{cursor:pointer;transform-origin:center;transition:transform .2s,opacity .2s}.chart-svg .pie-slice.hovered,.chart-svg .pie-slice:hover{opacity:.9}.chart-svg .pie-center-text{fill:#fff;fill:var(--text-primary,#fff);font-size:16px;font-weight:700}.chart-svg .pie-center-circle{fill:#1a1a2e;fill:var(--surface-primary,#1a1a2e)}.chart-svg .pie-center-sub{fill:#64748b;fill:var(--text-muted,#64748b);font-size:9px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.chart-svg .line-point{cursor:pointer;transition:r .2s}.chart-svg .trend-label{font-size:12px;font-weight:600}.chart-svg .trend-label.positive{fill:#11998e}.chart-svg .trend-label.negative{fill:#f5576c}.number-value{color:#fff;color:var(--text-primary,#fff);font-size:48px;font-weight:700;line-height:1.2}.number-trend{align-items:center;border-radius:20px;display:flex;font-size:13px;gap:6px;margin-top:12px;padding:8px 14px}.number-trend.up{background:rgba(17,153,142,.2);color:#11998e}.number-trend.down{background:rgba(245,87,108,.2);color:#f5576c}.number-trend.stable{background:rgba(102,126,234,.2);color:#a0aec0}.trend-icon{font-weight:600}.trend-text{opacity:.8}.chart-description{color:#a0aec0;font-size:12px;margin:0}@media (max-width:1024px){.pie-chart-container{flex-direction:column;gap:24px}.pie-chart{height:150px;width:150px}.chart-detail-content{flex-direction:column}.chart-detail-sidebar{border-left:none;border-top:1px solid rgba(102,126,234,.1);width:100%}}@media (max-width:768px){.dashboard-chart{min-height:280px;padding:16px}.dashboard-chart.expanded{height:90vh;padding:16px;width:95vw}.chart-header h3,.chart-title{font-size:16px}.chart-detail-modal,.modal-content{border-radius:12px;max-height:95vh;width:95vw}.chart-detail-header,.modal-body,.modal-header{padding:20px}.modal-body{gap:20px}.number-display,.number-value{font-size:40px}.chart-detail-controls{align-items:stretch;flex-direction:column}.interval-selector,.period-navigator{justify-content:center}}.dashboard{margin:0 auto;max-width:1440px;padding:28px 32px 48px;width:100%}.dashboard-loading{align-items:center;color:#a0aec0;color:var(--text-muted,#a0aec0);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid rgba(102,126,234,.15);border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.dash-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.dash-header-left h1{color:#fff;color:var(--text-primary,#fff);font-size:26px;font-weight:800;letter-spacing:-.3px;margin:0}.dash-subtitle{color:#64748b;display:block;font-size:13px;font-weight:500;margin-top:4px}.dash-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dash-btn{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:#cbd5e1;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.dash-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.12);color:#f1f5f9}.dash-btn.active{background:rgba(99,102,241,.14);border-color:rgba(99,102,241,.35);color:#a5b4fc}.dash-btn.primary{background:#6366f1;border-color:#6366f1;color:#fff}.dash-btn.primary:hover{background:#4f46e5}.dash-controls{align-items:center;background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.interval-pills{background:rgba(0,0,0,.2);border-radius:10px;display:flex;gap:4px;padding:3px}.pill{background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:12.5px;font-weight:600;padding:6px 14px;transition:all .2s ease}.pill:hover{background:hsla(0,0%,100%,.05);color:#e2e8f0}.pill.active{background:#6366f1;box-shadow:0 2px 8px rgba(99,102,241,.3);color:#fff}.period-nav{gap:10px}.period-label-text,.period-nav{align-items:center;display:flex}.period-label-text{color:#e2e8f0;font-size:13.5px;font-weight:600;gap:8px;justify-content:center;min-width:180px}.period-label-text svg{color:#6366f1;font-size:13px}.kpi-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.kpi-card{background:rgba(26,26,46,.85);background:var(--surface-primary,rgba(26,26,46,.85));border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--border-subtle,hsla(0,0%,100%,.06));border-radius:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:20px 22px;position:relative;transition:border-color .25s ease,box-shadow .25s ease}.kpi-card:before{background:#6366f1;background:var(--kpi-accent,#6366f1);border-radius:14px 14px 0 0;content:"";height:3px;left:0;opacity:.6;position:absolute;right:0;top:0}.kpi-card:hover{border-color:color-mix(in srgb,#6366f1 30%,transparent);border-color:color-mix(in srgb,var(--kpi-accent,#6366f1) 30%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.18)}.kpi-top-row{align-items:center;display:flex;justify-content:space-between}.kpi-label{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.kpi-icon-wrap{align-items:center;background:color-mix(in srgb,#6366f1 12%,transparent);background:color-mix(in srgb,var(--kpi-accent,#6366f1) 12%,transparent);border-radius:10px;color:#6366f1;color:var(--kpi-accent,#6366f1);display:flex;flex-shrink:0;font-size:15px;height:36px;justify-content:center;width:36px}.kpi-value{color:#fff;color:var(--text-primary,#fff);font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1}.kpi-bottom-row{align-items:center;display:flex;gap:8px}.kpi-change{align-items:center;border-radius:6px;display:inline-flex;font-size:11.5px;font-weight:700;gap:3px;padding:2px 7px}.kpi-change svg{font-size:9px}.kpi-change.up{background:rgba(16,185,129,.1);color:#10b981}.kpi-change.down{background:rgba(239,68,68,.1);color:#ef4444}.kpi-change.neutral{background:rgba(100,116,139,.1);color:#64748b}.kpi-change-label{color:#64748b;color:var(--text-muted,#64748b);font-size:11.5px;font-weight:500}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.chart-cell{min-height:0}.chart-cell.wide{grid-column:span 2}.chart-cell.draggable{border-radius:16px;cursor:grab;outline:2px dashed rgba(99,102,241,.25);outline-offset:4px}.chart-cell.draggable:active{cursor:grabbing}.add-chart-btn{align-items:center;background:transparent;border:2px dashed rgba(99,102,241,.2);border-radius:16px;color:#6366f1;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-height:300px;transition:all .25s ease}.add-chart-btn:hover{background:rgba(99,102,241,.04);border-color:rgba(99,102,241,.45)}.add-chart-btn svg{font-size:24px}.dashboard-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.55);inset:0;position:fixed;z-index:900}.dashboard-customizer{animation:slide-in-right .3s ease-out;background:linear-gradient(180deg,#1a1a2e,#16162a);border-left:1px solid hsla(0,0%,100%,.06);bottom:0;box-shadow:-12px 0 40px rgba(0,0,0,.4);display:flex;flex-direction:column;max-width:90vw;position:fixed;right:0;top:0;width:360px;z-index:950}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.customizer-header{border-bottom:1px solid hsla(0,0%,100%,.06);padding:24px 20px 16px;position:relative}.customizer-header h3{color:#fff;font-size:17px;font-weight:700;margin:0}.customizer-header span{color:#64748b;display:block;font-size:12px;margin-top:4px}.panel-close{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:20px;transition:all .2s;width:32px}.panel-close:hover{background:hsla(0,0%,100%,.1);color:#fff}.customizer-list{flex:1 1;overflow-y:auto;padding:12px 16px}.customizer-item{align-items:center;border-radius:10px;cursor:grab;display:flex;gap:12px;padding:12px;transition:background .2s}.customizer-item:hover{background:hsla(0,0%,100%,.04)}.customizer-item:active{cursor:grabbing}.drag-icon{color:#475569;flex-shrink:0;font-size:13px}.customizer-item-title{color:#e2e8f0;flex:1 1;font-size:14px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customizer-item .toggle-switch{align-items:center;background:rgba(100,116,139,.35);border-radius:14px;cursor:pointer;display:inline-flex;flex-shrink:0;height:26px;padding:3px;position:relative;transition:background-color .2s ease;width:46px}.customizer-item .toggle-slider{background:transparent;border-radius:14px;inset:0;position:absolute}.customizer-item .toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:18px}.customizer-item .toggle-switch.checked{background:#6366f1}.customizer-item .toggle-switch.checked .toggle-slider:before{transform:translateX(20px)}.chart-builder-modal{animation:scale-in .25s ease-out;background:linear-gradient(135deg,#1a1a2e,#1e1e36);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.5);display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:92vw;position:fixed;top:50%;transform:translate(-50%,-50%);width:640px;z-index:1000}@keyframes scale-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.builder-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;flex-wrap:wrap;gap:12px;padding:24px 24px 16px;position:relative}.builder-header h3{color:#fff;flex:1 1;font-size:18px;font-weight:700;margin:0}.builder-steps{display:flex;gap:12px}.step{border-radius:6px;color:#475569;font-size:12px;font-weight:600;padding:4px 10px;transition:all .2s}.step.active{background:rgba(99,102,241,.12);color:#a5b4fc}.step.done{color:#34d399}.builder-header .panel-close{flex-shrink:0;position:static}.builder-body{flex:1 1;overflow-y:auto;padding:24px}.builder-type-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.builder-type-card{background:hsla(0,0%,100%,.02);border:2px solid hsla(0,0%,100%,.06);border-radius:14px;cursor:pointer;padding:20px;text-align:center;transition:all .2s ease}.builder-type-card:hover{background:rgba(99,102,241,.04);border-color:rgba(99,102,241,.3)}.builder-type-card.selected{background:rgba(99,102,241,.1);border-color:#6366f1}.builder-type-card .type-icon{color:#6366f1;font-size:28px;margin-bottom:10px}.builder-type-card h4{color:#fff;font-size:14px;margin:0 0 4px}.builder-type-card p{color:#64748b;font-size:12px;margin:0}.builder-data-form{display:flex;flex-direction:column;gap:18px}.builder-data-form .form-group{display:flex;flex-direction:column;gap:6px}.builder-data-form .form-group>label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.builder-data-form .form-group input[type=number],.builder-data-form .form-group input[type=text]{background:rgba(0,0,0,.25)!important;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:#fff!important;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.builder-data-form .form-group input:focus{border-color:rgba(99,102,241,.5)}.data-points-list{display:flex;flex-direction:column;gap:8px}.data-point-row{align-items:center;display:flex;gap:8px}.data-point-row input[type=number],.data-point-row input[type=text]{background:rgba(0,0,0,.25)!important;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#fff!important;flex:1 1;font-size:13px;outline:none;padding:8px 12px}.data-point-row input:focus{border-color:rgba(99,102,241,.5)}.color-picker-mini{flex-shrink:0;height:32px;position:relative;width:32px}.color-picker-mini input[type=color]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.color-picker-mini svg{color:#6366f1;font-size:14px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.remove-point-btn{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-point-btn:hover{background:rgba(239,68,68,.2)}.add-point-btn{align-items:center;align-self:flex-start;background:rgba(99,102,241,.08);border:1px dashed rgba(99,102,241,.3);border-radius:8px;color:#a5b4fc;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:4px;padding:8px 14px;transition:all .2s}.add-point-btn:hover{background:rgba(99,102,241,.14)}.builder-preview{display:flex;flex-direction:column;gap:18px}.preview-info{display:flex;flex-wrap:wrap;gap:20px}.preview-detail{color:#94a3b8;font-size:13px}.preview-detail strong{color:#e2e8f0;margin-right:4px}.preview-chart-wrapper{border:1px solid hsla(0,0%,100%,.06);border-radius:14px;overflow:hidden}.builder-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.06);display:flex;gap:8px;padding:16px 24px}.btn-builder-back{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:#94a3b8;cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s}.btn-builder-back:hover{background:hsla(0,0%,100%,.08);color:#e2e8f0}.btn-builder-next{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px;transition:all .2s}.btn-builder-next:hover{background:#4f46e5}.btn-builder-create{align-items:center;background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:9px 20px;transition:all .2s}.btn-builder-create:hover{background:#059669}body.theme-light .dashboard{background:#f8fafc}body.theme-light .dashboard-loading{color:#64748b}body.theme-light .loading-spinner{border-color:#6366f1 rgba(99,102,241,.12) rgba(99,102,241,.12)}body.theme-light .dash-header-left h1{color:#1e293b}body.theme-light .dash-subtitle{color:#64748b}body.theme-light .dash-btn{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.04);color:#475569}body.theme-light .dash-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}body.theme-light .dash-btn.active{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.3);color:#6366f1}body.theme-light .dash-btn.primary{background:#6366f1;border-color:#6366f1;color:#fff}body.theme-light .dash-btn.primary:hover{background:#4f46e5}body.theme-light .dash-controls{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}body.theme-light .interval-pills{background:#f1f5f9}body.theme-light .pill{background:transparent;color:#64748b}body.theme-light .pill:hover{background:rgba(0,0,0,.04);color:#1e293b}body.theme-light .pill.active{background:#6366f1;box-shadow:0 2px 8px rgba(99,102,241,.25);color:#fff}body.theme-light .period-label-text{color:#1e293b}body.theme-light .period-nav button{background:#fff;border-color:#e2e8f0;color:#475569}body.theme-light .period-nav button:hover{background:#f1f5f9;color:#1e293b}body.theme-light .kpi-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}body.theme-light .kpi-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}body.theme-light .kpi-label{color:#64748b}body.theme-light .kpi-icon-wrap{background:color-mix(in srgb,#6366f1 10%,#f8fafc);background:color-mix(in srgb,var(--kpi-accent,#6366f1) 10%,#f8fafc)}body.theme-light .kpi-value{color:#1e293b}body.theme-light .kpi-change.up{background:rgba(16,185,129,.08);color:#059669}body.theme-light .kpi-change.down{background:rgba(239,68,68,.08);color:#dc2626}body.theme-light .kpi-change.neutral{background:rgba(100,116,139,.08);color:#64748b}body.theme-light .kpi-change-label{color:#94a3b8}body.theme-light .chart-cell.draggable{outline-color:rgba(99,102,241,.2)}body.theme-light .add-chart-btn{background:transparent;border-color:rgba(99,102,241,.2);color:#6366f1}body.theme-light .add-chart-btn:hover{background:rgba(99,102,241,.04);border-color:rgba(99,102,241,.4)}body.theme-light .dashboard-overlay{background:rgba(0,0,0,.3)}body.theme-light .dashboard-customizer{background:linear-gradient(180deg,#fff,#f8fafc);border-left-color:#e2e8f0;box-shadow:-12px 0 40px rgba(0,0,0,.1)}body.theme-light .customizer-header{border-bottom-color:#e2e8f0}body.theme-light .customizer-header h3{color:#1e293b}body.theme-light .customizer-header span{color:#64748b}body.theme-light .panel-close{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}body.theme-light .panel-close:hover{background:#e2e8f0;color:#1e293b}body.theme-light .customizer-item:hover{background:#f8fafc}body.theme-light .drag-icon{color:#94a3b8}body.theme-light .customizer-item-title{color:#1e293b}body.theme-light .customizer-item .toggle-switch{background:#cbd5e1}body.theme-light .customizer-item .toggle-slider:before{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}body.theme-light .customizer-item .toggle-switch.checked{background:#6366f1}body.theme-light .chart-builder-modal{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#e2e8f0;box-shadow:0 24px 80px rgba(0,0,0,.15)}body.theme-light .builder-header{border-bottom-color:#e2e8f0}body.theme-light .builder-header h3{color:#1e293b}body.theme-light .step{color:#94a3b8}body.theme-light .step.active{background:rgba(99,102,241,.08);color:#6366f1}body.theme-light .step.done{color:#10b981}body.theme-light .builder-type-card{background:#fff;border-color:#e2e8f0}body.theme-light .builder-type-card:hover{background:rgba(99,102,241,.03);border-color:rgba(99,102,241,.3)}body.theme-light .builder-type-card.selected{background:rgba(99,102,241,.06);border-color:#6366f1}body.theme-light .builder-type-card h4{color:#1e293b}body.theme-light .builder-data-form .form-group>label,body.theme-light .builder-type-card p{color:#64748b}body.theme-light .builder-data-form .form-group input[type=number],body.theme-light .builder-data-form .form-group input[type=text]{background:#fff!important;border-color:#e2e8f0;color:#1e293b!important}body.theme-light .builder-data-form .form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}body.theme-light .data-point-row input[type=number],body.theme-light .data-point-row input[type=text]{background:#fff!important;border-color:#e2e8f0;color:#1e293b!important}body.theme-light .data-point-row input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}body.theme-light .remove-point-btn{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15);color:#ef4444}body.theme-light .remove-point-btn:hover{background:rgba(239,68,68,.12)}body.theme-light .add-point-btn{background:rgba(99,102,241,.05);border-color:rgba(99,102,241,.2);color:#6366f1}body.theme-light .add-point-btn:hover{background:rgba(99,102,241,.1)}body.theme-light .preview-detail{color:#64748b}body.theme-light .preview-detail strong{color:#1e293b}body.theme-light .preview-chart-wrapper{border-color:#e2e8f0}body.theme-light .builder-footer{border-top-color:#e2e8f0}body.theme-light .btn-builder-back{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}body.theme-light .btn-builder-back:hover{background:#e2e8f0;color:#1e293b}body.theme-light .btn-builder-next{background:#6366f1;color:#fff}body.theme-light .btn-builder-next:hover{background:#4f46e5}body.theme-light .btn-builder-create{background:#10b981;color:#fff}body.theme-light .btn-builder-create:hover{background:#059669}@media (max-width:1200px){.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.dashboard{padding:20px 16px 40px}.dash-controls,.dash-header{flex-direction:column;gap:12px}.dash-controls{align-items:stretch}.interval-pills,.period-nav{justify-content:center}.charts-grid{grid-template-columns:1fr}.chart-cell.wide{grid-column:span 1}}@media (max-width:600px){.kpi-row{grid-template-columns:1fr}.kpi-card{padding:16px 18px}.kpi-value{font-size:22px}.builder-type-grid{grid-template-columns:1fr}.dash-header-actions{flex-wrap:wrap}.dash-btn{font-size:12px;padding:7px 11px}}.limit-modal-overlay{align-items:center;animation:lmFadeIn .2s ease;background:rgba(0,0,0,.8);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10001}@keyframes lmFadeIn{0%{opacity:0}to{opacity:1}}.limit-modal{animation:lmSlideUp .3s ease;background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(245,158,11,.3);border-radius:20px;max-width:440px;padding:40px 36px 32px;position:relative;text-align:center;width:100%}@keyframes lmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.limit-modal-close{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .2s;width:32px}.limit-modal-close:hover{background:hsla(0,0%,100%,.1);color:#fff}.limit-modal-icon{display:inline-flex;margin-bottom:16px;position:relative}.limit-modal-icon span{font-size:48px}.limit-modal-icon .warning-badge{background:#1a1a2e;border-radius:50%;bottom:-4px;color:#f59e0b;font-size:18px;padding:2px;position:absolute;right:-8px}.limit-modal h2{color:#fff;font-size:22px;font-weight:700;margin:0 0 8px}.limit-modal-message{color:#a0aec0;font-size:14px;line-height:1.6;margin:0 0 20px}.limit-modal-usage{margin-bottom:16px}.limit-modal-usage .usage-bar{background:rgba(245,158,11,.15);border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.limit-modal-usage .usage-fill{background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:4px;height:100%}.limit-modal-usage .usage-text{color:#f59e0b;font-size:12px;font-weight:600}.limit-modal-plan-info{background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.15);border-radius:10px;color:#a0aec0;font-size:13px;margin-bottom:20px;padding:10px 16px}.limit-modal-plan-info strong{color:#667eea}.limit-modal-actions{display:flex;gap:10px;margin-bottom:16px}.limit-btn-upgrade{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.limit-btn-upgrade:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.limit-btn-pricing{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:12px;color:#667eea;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.limit-btn-pricing:hover{background:rgba(102,126,234,.2)}.limit-modal-footer{color:#666;font-size:12px;margin:0}body.theme-light .limit-modal{background:#fff;border-color:rgba(245,158,11,.3);box-shadow:0 20px 60px rgba(0,0,0,.15)}body.theme-light .limit-modal h2{color:#1a1a2e}body.theme-light .limit-modal-message{color:#64748b}body.theme-light .limit-modal-close{background:rgba(0,0,0,.05);color:#666}body.theme-light .limit-modal-plan-info{background:rgba(102,126,234,.06);color:#64748b}body.theme-light .limit-modal-footer{color:#94a3b8}.modal-content{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.2);box-shadow:0 20px 60px rgba(0,0,0,.5);max-height:90vh;max-width:700px;scrollbar-color:hsla(0,0%,100%,.2) transparent;scrollbar-width:thin}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:10px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-header{border-bottom:1px solid rgba(102,126,234,.1);padding:24px 28px}.modal-header h2{color:#fff;font-size:24px}.modal-close{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#fff;height:36px;transition:all .3s ease;width:36px}.modal-close:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.4)}.modal-body{padding:28px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.timezone-hint{color:rgba(160,174,192,.7);display:block;font-size:11px;font-style:italic;margin-top:4px}.form-group input,.form-group select,.form-group textarea{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);transition:all .3s ease}.date-time-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 140px}.date-picker-trigger,.time-picker-trigger{align-items:center;background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px;justify-content:space-between;padding:12px 14px;transition:all .3s ease;width:100%}.date-picker-trigger:hover,.time-picker-trigger:hover{border-color:rgba(102,126,234,.6)}.date-time-panel{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-top:10px}.calendar-panel{background:#1e1e2f;border:1px solid rgba(102,126,234,.2);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:20px}.calendar-panel .react-calendar{background:transparent;border:none;font-family:inherit;width:100%}.calendar-panel .react-calendar__navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-panel .react-calendar__navigation button{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#fff;display:flex;font-size:16px;height:32px;justify-content:center;min-width:32px;transition:all .2s ease}.calendar-panel .react-calendar__navigation button:hover{background:rgba(102,126,234,.3);border-color:rgba(102,126,234,.5);cursor:pointer}.calendar-panel .react-calendar__navigation button:disabled{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.2);cursor:not-allowed}.calendar-panel .react-calendar__navigation__label{background:transparent!important;border:none!important;color:#fff;flex-grow:1;font-size:16px;font-weight:600;text-transform:capitalize}.calendar-panel .react-calendar__month-view__weekdays{color:hsla(0,0%,100%,.5);font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.calendar-panel .react-calendar__month-view__weekdays__weekday{align-items:center;display:flex;justify-content:center;padding:8px 0;text-align:center}.calendar-panel .react-calendar__month-view__days{gap:4px}.calendar-panel .react-calendar__tile{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#e2e8f0;display:flex;font-size:13px;font-weight:500;height:40px;justify-content:center;margin-bottom:4px;transition:all .2s ease}.calendar-panel .react-calendar__tile--neighboringMonth{color:hsla(0,0%,100%,.2)}.calendar-panel .react-calendar__tile:enabled:focus,.calendar-panel .react-calendar__tile:enabled:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.4);color:#fff;cursor:pointer}.calendar-panel .react-calendar__tile--now{background:transparent;border:1px solid #667eea;color:#667eea;font-weight:600}.calendar-panel .react-calendar__tile--now:enabled:focus,.calendar-panel .react-calendar__tile--now:enabled:hover{background:rgba(102,126,234,.1);color:#667eea}.calendar-panel .react-calendar__tile--active,.calendar-panel .react-calendar__tile--hasActive{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none;box-shadow:0 4px 10px rgba(118,75,162,.4);color:#fff!important;font-weight:600}.time-panel{background:#1e1e2f;border:1px solid rgba(102,126,234,.2);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-height:280px;overflow-y:auto;padding:10px;scrollbar-color:rgba(102,126,234,.3) transparent;scrollbar-width:thin}.time-panel::-webkit-scrollbar{width:6px}.time-panel::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:10px}.time-panel::-webkit-scrollbar-track{background:transparent}.time-option{align-items:center;background:transparent;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.time-option:hover{background:rgba(102,126,234,.2);color:#fff;padding-left:18px}.time-option.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 10px rgba(118,75,162,.4);color:#fff}.date-input,.time-input{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.date-input:focus,.time-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2);outline:none}.date-input::-webkit-calendar-picker-indicator,.time-input::-webkit-calendar-picker-indicator{filter:invert(.9);opacity:.8}.form-group select option{color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:rgba(15,15,30,.95);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.file-upload{display:flex;flex-direction:column;gap:12px}.file-upload-label{align-items:center;background:rgba(102,126,234,.1);border:2px dashed rgba(102,126,234,.3);border-radius:8px;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;gap:10px;justify-content:center;padding:20px;text-align:center;transition:all .3s ease}.file-upload-label:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.5)}.images-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:12px}.image-preview-item{aspect-ratio:1;background:rgba(15,15,30,.9);border:1px solid rgba(102,126,234,.2);border-radius:8px;overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:rgba(239,68,68,.8);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:all .2s;width:24px}.image-preview-item:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#ef4444}.image-index{background:rgba(102,126,234,.8);border-radius:3px;bottom:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;position:absolute;right:4px}.add-more-images{align-items:center;background:rgba(102,126,234,.05);border:2px dashed rgba(102,126,234,.3);border-radius:8px;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:8px;justify-content:center;transition:all .2s}.add-more-images:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.5);color:hsla(0,0%,100%,.8)}.image-preview{border-radius:8px;max-width:200px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.tag-input-container{display:flex;gap:8px}.tag-input-container input{flex:1 1}.btn-add-tag{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;cursor:pointer;padding:0 16px;transition:all .3s ease;white-space:nowrap}.btn-add-tag:hover{background:rgba(102,126,234,.2)}.tags-list{margin-top:12px}.tags-list .tag{align-items:center;background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.3);border-radius:16px;color:#fff;display:flex;font-size:12px;gap:6px;padding:6px 12px}.tags-list .tag button{background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:16px;line-height:1;margin-left:4px;padding:0}.tags-list .tag button:hover{color:#fff}.modal-footer{border-top:1px solid rgba(102,126,234,.1);padding-top:24px}.btn-primary,.btn-secondary{border-radius:8px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-secondary:hover:not(:disabled){background:rgba(102,126,234,.2)}.btn-primary{box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.modal-content{max-height:95vh}.modal-body,.modal-header{padding:20px}}.ai-loading{color:#667eea;font-size:12px;font-weight:400;margin-left:10px}.ai-suggestions{animation:slideDown .3s ease;background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.15);border-radius:12px;margin-top:12px;overflow:hidden}.ai-suggestions-header{align-items:center;background:rgba(102,126,234,.1);border-bottom:1px solid rgba(102,126,234,.1);color:#667eea;display:flex;font-size:12px;font-weight:600;gap:8px;padding:12px 16px}.ai-suggestions-header svg:first-child{font-size:14px}.dismiss-suggestions{align-items:center;background:transparent;border:none;color:#a0aec0;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px;transition:color .2s}.dismiss-suggestions:hover{color:#fff}.suggestion-item,.suggestion-list{display:flex;flex-direction:column}.suggestion-item{background:transparent;border:none;border-bottom:1px solid rgba(102,126,234,.05);cursor:pointer;gap:8px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:background .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:rgba(102,126,234,.1)}.suggestion-info{align-items:center;display:flex;gap:12px;justify-content:space-between;z-index:1}.suggestion-name{color:#fff;font-size:14px;font-weight:500}.suggestion-confidence{align-items:center;display:flex;font-size:11px;font-weight:500;gap:6px}.suggestion-confidence svg{font-size:10px}.confidence-bar{bottom:0;height:3px;left:0;position:absolute;transition:width .3s ease}.unit-of-measure-section{border-top:1px solid hsla(0,0%,100%,.06);margin-top:4px;padding-top:16px}.unit-of-measure-section>label{align-items:center;color:#a78bfa;display:flex;font-weight:600;gap:4px}.unit-row{display:flex;flex-wrap:wrap;gap:10px}.unit-field{flex:1 1;min-width:140px}.unit-field.unit-qty{flex:0 0 120px;min-width:100px}.unit-field input,.unit-field select{background:hsla(0,0%,100%,.04);border:1.5px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.unit-field input:focus,.unit-field select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15);outline:none}.unit-field select option{background:#1e1e2e;color:#fff}@media (max-width:768px){.unit-row{flex-direction:column}.unit-field.unit-qty{flex:1 1}}body.theme-light .unit-of-measure-section{border-top-color:#e2e8f0}body.theme-light .unit-of-measure-section>label{color:#6c5ce7}body.theme-light .unit-field input,body.theme-light .unit-field select{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}body.theme-light .unit-field input:focus,body.theme-light .unit-field select:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px rgba(108,92,231,.12)}body.theme-light .unit-field select option{background:#fff;color:#1e293b}body.theme-light .ai-suggestions{background:rgba(108,92,231,.06);border-color:rgba(108,92,231,.15)}body.theme-light .ai-suggestions-header{background:rgba(108,92,231,.08);color:#6c5ce7}body.theme-light .ai-suggestions-header span{color:#6c5ce7}body.theme-light .dismiss-suggestions{color:#64748b}body.theme-light .dismiss-suggestions:hover{color:#1e293b}body.theme-light .suggestion-item{border-bottom-color:#e2e8f0}body.theme-light .suggestion-item:hover{background:rgba(108,92,231,.06)}body.theme-light .suggestion-name{color:#1e293b}body.theme-light .modal-content{border-color:#e2e8f0}body.theme-light .modal-header h2{color:#1e293b}body.theme-light .modal-close{color:#64748b}body.theme-light .form-group input,body.theme-light .form-group select,body.theme-light .form-group textarea{border-color:#cbd5e1}body.theme-light .form-group input:focus,body.theme-light .form-group select:focus,body.theme-light .form-group textarea:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px rgba(108,92,231,.1)}body.theme-light .form-group select option{color:#1e293b}body.theme-light .tag{background:rgba(108,92,231,.08);border-color:rgba(108,92,231,.2);color:#6c5ce7}body.theme-light .btn-secondary{border-color:#cbd5e1}body.theme-light .btn-add-tag{border-color:rgba(108,92,231,.3);color:#6c5ce7}body.theme-light .timezone-hint{color:#64748b}body.theme-light .date-picker-trigger,body.theme-light .time-picker-trigger{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}body.theme-light .file-upload-label{background:#f8fafc;border-color:#cbd5e1;color:#64748b}.imgv-overlay{background:#000;bottom:0;flex-direction:column;height:100%;overflow:hidden;position:fixed;-webkit-user-select:none;user-select:none;width:100%;z-index:10000}.imgv-header,.imgv-overlay{display:flex;left:0;right:0;top:0}.imgv-header{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);height:56px;justify-content:space-between;padding:0 16px;position:absolute;z-index:20}.imgv-counter{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:12px}.imgv-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.imgv-controls{gap:4px}.imgv-btn,.imgv-controls{align-items:center;display:flex}.imgv-btn{background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:hsla(0,0%,100%,.75);cursor:pointer;font-size:15px;height:38px;justify-content:center;outline:none;width:38px}.imgv-btn:hover:not(:disabled){background:hsla(0,0%,100%,.2);color:#fff}.imgv-btn:disabled{cursor:not-allowed;opacity:.3}.imgv-btn-close{background:rgba(239,68,68,.2);color:#f87171;margin-left:6px}.imgv-btn-close:hover{background:rgba(239,68,68,.4);color:#fff}.imgv-zoom{color:hsla(0,0%,100%,.6);font-size:11px;font-weight:500;min-width:42px;text-align:center}.imgv-selbar{align-items:center;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:60px;z-index:25}.imgv-selbar>*{pointer-events:auto}.imgv-selbar-left{align-items:center;background:#141428;border:1px solid rgba(102,126,234,.3);border-radius:12px 0 0 12px;display:inline-flex;gap:10px;padding:10px 12px}.imgv-selbtn-exit{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:6px;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;min-height:30px;min-width:30px;outline:none;width:30px}.imgv-selbtn-exit:hover{background:hsla(0,0%,100%,.2);color:#fff}.imgv-sel-title{color:hsla(0,0%,100%,.9);flex-shrink:0;font-size:13px;font-weight:600;white-space:nowrap}.imgv-selbar-actions{align-items:center;background:#141428;border:1px solid rgba(102,126,234,.3);border-left:none;border-radius:0 12px 12px 0;display:inline-flex;gap:8px;padding:10px 12px}.imgv-selbtn{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;min-height:30px;outline:none;padding:8px 14px;white-space:nowrap}.imgv-selbtn:hover:not(:disabled){background:hsla(0,0%,100%,.2);color:#fff}.imgv-selbtn:disabled{cursor:not-allowed;opacity:.5}.imgv-selbtn-download{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.imgv-selbtn-download:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190)}.imgv-nav{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:17px;height:50px;justify-content:center;margin-top:-25px;outline:none;position:absolute;top:50%;width:50px;z-index:15}.imgv-nav:hover{background:hsla(0,0%,100%,.25)}.imgv-nav-prev{left:16px}.imgv-nav-next{right:16px}.imgv-imgarea{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:65px 90px 85px;position:relative}.imgv-img{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;transition:opacity .3s ease}.imgv-loader{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;z-index:5}.imgv-spinner{animation:imgv-spin .75s linear infinite;border:3px solid hsla(0,0%,100%,.15);border-radius:50%;border-top-color:#667eea;height:36px;width:36px}@keyframes imgv-spin{to{transform:rotate(1turn)}}.imgv-check{align-items:center;background:rgba(0,0,0,.6);border:2px solid hsla(0,0%,100%,.4);border-radius:10px;color:transparent;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;left:100px;outline:none;position:absolute;top:85px;width:44px;z-index:10}.imgv-check:hover{background:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.6)}.imgv-check-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.imgv-thumbs{background:hsla(0,0%,4%,.9);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;bottom:14px;display:flex;gap:8px;left:50%;margin-left:-44vw;max-width:88vw;overflow-x:auto;overflow-y:hidden;padding:10px 14px;position:absolute;width:88vw;z-index:15}.imgv-thumbs::-webkit-scrollbar{height:4px}.imgv-thumbs::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.imgv-thumb{background:transparent;border:2px solid transparent;border-radius:6px;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:54px;margin:0;min-height:54px;min-width:54px;opacity:.5;outline:none;overflow:hidden;padding:0;position:relative;width:54px}.imgv-thumb img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.imgv-thumb:hover{opacity:.9}.imgv-thumb-active{border-color:#667eea;opacity:1}.imgv-thumb-selected{border-color:#22c55e;opacity:1}.imgv-thumbcheck{align-items:center;background:rgba(0,0,0,.6);border:1.5px solid hsla(0,0%,100%,.4);border-radius:4px;color:transparent;display:flex;font-size:9px;height:18px;justify-content:center;position:absolute;right:3px;top:3px;width:18px}.imgv-thumbcheck-active{background:#22c55e;border-color:#22c55e;color:#fff}@media (max-width:768px){.imgv-header{height:50px;padding:0 10px}.imgv-btn{font-size:14px;height:34px;width:34px}.imgv-zoom{display:none}.imgv-nav{font-size:15px;height:42px;margin-top:-21px;width:42px}.imgv-nav-prev{left:8px}.imgv-nav-next{right:8px}.imgv-imgarea{padding:55px 45px 90px}.imgv-check{font-size:16px;height:38px;left:50px;top:60px;width:38px}.imgv-selbar{gap:12px;max-width:calc(100% - 20px);padding:8px 12px;top:54px}.imgv-selbtn{font-size:11px;padding:6px 10px}.imgv-selbtn span{display:none}.imgv-thumbs{gap:6px;padding:8px 10px}.imgv-thumb{height:46px;min-height:46px;min-width:46px;width:46px}}@media (max-width:480px){.imgv-controls .imgv-btn:not(.imgv-btn-close){display:none}.imgv-controls .imgv-btn-close{margin-left:0}.imgv-imgarea{padding:50px 16px 80px}.imgv-check{left:20px;top:55px}.imgv-selbar{flex-direction:column;gap:8px}.imgv-selbar-actions{flex-wrap:wrap;justify-content:center}}.plm-overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.plm-modal{background:#16161e;background:var(--bg-secondary,#16161e);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:16px;max-width:420px;padding:28px;position:relative;width:100%}.plm-close{align-items:center;background:transparent;border:none;border-radius:8px;color:#71717a;color:var(--text-muted,#71717a);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;position:absolute;right:16px;top:16px;width:30px}.plm-close:hover{background:hsla(0,0%,100%,.06);color:#e4e4e7;color:var(--text-primary,#e4e4e7)}.plm-header{margin-bottom:20px;text-align:center}.plm-icon{align-items:center;border-radius:14px;display:flex;font-size:20px;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.plm-icon[data-mode=lock]{background:rgba(239,68,68,.12);color:#ef4444}.plm-icon[data-mode=unlock]{background:rgba(34,197,94,.12);color:#22c55e}.plm-icon[data-mode=verify]{background:rgba(99,102,241,.12);color:#6366f1}.plm-icon[data-mode=change-password]{background:rgba(245,158,11,.12);color:#f59e0b}.plm-header h2{color:#e4e4e7;color:var(--text-primary,#e4e4e7);font-size:18px;font-weight:700;margin:0 0 4px}.plm-item-name{color:#6366f1;color:var(--accent-color,#6366f1);font-size:13px;font-weight:500;margin:0 0 6px}.plm-desc{color:#71717a;color:var(--text-muted,#71717a);font-size:13px;line-height:1.4;margin:0}.plm-error{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 14px}.plm-form{display:flex;flex-direction:column;gap:14px}.plm-field label{color:#71717a;color:var(--text-muted,#71717a);display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.plm-input-wrapper{align-items:center;display:flex;position:relative}.plm-input-icon{color:#71717a;color:var(--text-muted,#71717a);font-size:13px;left:12px;pointer-events:none;position:absolute}.plm-input-wrapper input{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:10px;color:#e4e4e7;color:var(--text-primary,#e4e4e7);font-size:14px;outline:none;padding:10px 40px 10px 36px;transition:border-color .15s;width:100%}.plm-input-wrapper input:focus{border-color:#6366f1;border-color:var(--accent-color,#6366f1)}.plm-input-wrapper input::placeholder{color:#71717a;color:var(--text-muted,#71717a);opacity:.6}.plm-toggle-vis{align-items:center;background:transparent;border:none;border-radius:6px;color:#71717a;color:var(--text-muted,#71717a);cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;position:absolute;right:8px;width:30px}.plm-toggle-vis:hover{color:#e4e4e7;color:var(--text-primary,#e4e4e7)}.plm-submit{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:4px;padding:12px;transition:background .15s;width:100%}.plm-submit[data-mode=lock]{background:#ef4444;color:#fff}.plm-submit[data-mode=lock]:hover:not(:disabled){background:#dc2626}.plm-submit[data-mode=unlock]{background:#22c55e;color:#fff}.plm-submit[data-mode=unlock]:hover:not(:disabled){background:#16a34a}.plm-submit[data-mode=verify]{background:#6366f1;background:var(--accent-color,#6366f1);color:#fff}.plm-submit[data-mode=verify]:hover:not(:disabled){background:#818cf8;background:var(--accent-hover,#818cf8)}.plm-submit[data-mode=change-password]{background:#f59e0b;color:#fff}.plm-submit[data-mode=change-password]:hover:not(:disabled){background:#d97706}.plm-submit:disabled{cursor:not-allowed;opacity:.5}body.theme-light .plm-overlay{background:rgba(0,0,0,.4)}body.theme-light .plm-modal{background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 60px rgba(0,0,0,.15)}body.theme-light .plm-close{color:#94a3b8}body.theme-light .plm-close:hover{background:rgba(0,0,0,.05);color:#0f172a}body.theme-light .plm-header h2{color:#0f172a}body.theme-light .plm-item-name{color:#6c5ce7}body.theme-light .plm-desc{color:#64748b}body.theme-light .plm-error{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);color:#dc2626}body.theme-light .plm-field label{color:#64748b}body.theme-light .plm-input-wrapper input{background:#f8fafc;border:1px solid #d1d5db;color:#0f172a}body.theme-light .plm-input-wrapper input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px rgba(108,92,231,.1)}body.theme-light .plm-input-wrapper input::placeholder{color:#94a3b8}body.theme-light .plm-input-icon,body.theme-light .plm-toggle-vis{color:#94a3b8}body.theme-light .plm-toggle-vis:hover{color:#0f172a}.item-detail-overlay{align-items:center;animation:none;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.item-detail-modal{animation:none;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(102,126,234,.2);border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.5);display:flex;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:95%;z-index:1001}.item-detail-modal.closing,.item-detail-overlay.closing{animation:none}.item-detail-image-section{align-items:center;background:#0f0f1a;display:flex;justify-content:center;min-height:500px;position:relative;width:45%}.item-detail-image{cursor:zoom-in;height:100%;object-fit:contain;padding:20px;width:100%}.item-detail-no-image{align-items:center;color:#4a5568;display:flex;flex-direction:column;gap:12px;justify-content:center}.item-detail-no-image span{font-size:80px}.item-detail-no-image p{font-size:16px}.image-expand-btn{background:rgba(0,0,0,.6);border:none;border-radius:8px;bottom:16px;color:#fff;cursor:pointer;height:40px;position:absolute;right:16px;transition:all .2s ease;width:40px}.image-expand-btn:hover{background:rgba(102,126,234,.8)}.favorite-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;color:hsla(0,0%,100%,.65);cursor:pointer;display:flex;height:42px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease,color .2s ease,border-color .2s ease;width:42px}.favorite-btn .heart-icon{fill:transparent;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;height:20px;transition:fill .25s ease,stroke .25s ease;width:20px}.favorite-btn:hover{background:rgba(225,29,72,.18);border-color:rgba(225,29,72,.3);color:#fb7185}.favorite-btn.is-active{background:rgba(225,29,72,.15);border-color:rgba(225,29,72,.3);color:#e11d48}.favorite-btn.is-active .heart-icon{fill:#e11d48;stroke:#e11d48;animation:popAnimation .4s cubic-bezier(.175,.885,.32,1.275) forwards}.item-detail-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:32px}.item-detail-header{align-items:flex-start;display:flex;justify-content:space-between}.item-detail-header h2{color:#fff;font-size:28px;font-weight:700;line-height:1.3;margin:0}.close-btn{transition:color .2s ease}.item-detail-badges{flex-wrap:wrap;gap:10px;padding:4px 0}.badge,.item-detail-badges{align-items:center;display:flex}.badge{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.12);gap:6px;letter-spacing:.2px;padding:6px 12px;white-space:nowrap}.badge,.category-badge{color:#e2e8f0}.condition-badge{color:#cbd5f5;text-transform:uppercase}.item-detail-tabs{background:hsla(0,0%,100%,.05);border-radius:12px;display:flex;flex-shrink:0;gap:4px;padding:6px}.tab{align-items:center;background:transparent;border:none;border-radius:8px;color:#a0aec0;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:5px;justify-content:center;min-width:0;overflow:hidden;padding:10px 12px;transition:all .2s ease;white-space:nowrap}.tab:hover{background:hsla(0,0%,100%,.05);color:#fff}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.item-detail-tab-content{flex:1 1;overflow-y:auto}.item-detail-content,.item-detail-tab-content{scrollbar-color:hsla(0,0%,100%,.2) transparent;scrollbar-width:thin}.item-detail-content::-webkit-scrollbar,.item-detail-tab-content::-webkit-scrollbar{width:6px}.item-detail-content::-webkit-scrollbar-thumb,.item-detail-tab-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:10px}.item-detail-content::-webkit-scrollbar-track,.item-detail-tab-content::-webkit-scrollbar-track{background:transparent}.details-content{display:flex;flex-direction:column;gap:20px}.detail-section{background:hsla(0,0%,100%,.03);border-radius:12px;padding:16px}.detail-section h4{align-items:center;color:#a0aec0;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.detail-section p{color:#e2e8f0;font-size:15px;line-height:1.6;margin:0}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.detail-card{background:hsla(0,0%,100%,.03);border-radius:12px;gap:14px;padding:16px}.detail-card,.detail-icon{align-items:center;display:flex}.detail-icon{border-radius:10px;flex-shrink:0;font-size:18px;height:48px;justify-content:center;min-height:48px;min-width:48px;width:48px}.detail-icon svg{height:18px;width:18px}.detail-icon.location{background:rgba(239,68,68,.1);color:#ef4444}.detail-icon.date{background:rgba(245,158,11,.1);color:#f59e0b}.detail-icon.price{background:rgba(16,185,129,.1);color:#10b981}.detail-icon.value{background:rgba(139,92,246,.1);color:#8b5cf6}.detail-icon.unit{background:rgba(167,139,250,.1);color:#a78bfa}.detail-label{color:#a0aec0;display:block;font-size:12px;margin-bottom:4px}.detail-value{color:#fff;display:block;font-size:16px;font-weight:600}.detail-subvalue{color:rgba(226,232,240,.8);font-size:12px;font-weight:500}.detail-subvalue,.timezone-badge{display:inline-block;margin-left:8px}.timezone-badge{background:rgba(102,126,234,.2);border-radius:4px;color:#a0aec0;font-size:11px;font-weight:400;padding:2px 8px;vertical-align:middle}.tags-list{gap:8px}.tag{background:hsla(0,0%,100%,.08);border-radius:6px;color:#e2e8f0;font-size:13px;padding:6px 12px}.ai-section{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(102,126,234,.1));border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:16px}.ai-section h4{color:#8b5cf6;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.ai-prediction,.ai-section h4{align-items:center;display:flex}.ai-prediction{justify-content:space-between}.ai-value{color:#10b981;font-size:24px;font-weight:700}.refresh-btn{background:hsla(0,0%,100%,.1);border:none;color:#8b5cf6;font-size:16px;height:36px;justify-content:center;min-width:36px;transition:all .2s ease}.refresh-btn:hover{background:hsla(0,0%,100%,.15)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.comments-content,.files-content,.history-content{padding:20px 0}.empty-state{color:#4a5568;padding:40px 20px}.empty-state span{display:block;font-size:48px}.comment-input,.empty-state span{margin-bottom:12px}.user-avatar{font-weight:600}.comment-input textarea{border-radius:12px;padding:12px}.post-btn{transition:transform .2s ease}.post-btn:hover{transform:translateY(-2px)}.item-detail-actions{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:12px;margin-top:auto;padding-top:20px}.action-btn{border:none;border-radius:12px;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.action-btn.edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.edit:hover{box-shadow:0 8px 20px rgba(102,126,234,.3);transform:translateY(-2px)}.action-btn.delete{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.action-btn.delete:hover{background:rgba(239,68,68,.2)}.action-btn.lock{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:#a855f7}.action-btn.lock:hover{background:rgba(168,85,247,.2);box-shadow:0 4px 12px rgba(168,85,247,.2);transform:translateY(-2px)}.action-btn.lock-active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn.lock-active:hover{box-shadow:0 8px 20px rgba(239,68,68,.3);transform:translateY(-2px)}.action-btn.change-lock{background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.3);color:#eab308}.action-btn.change-lock:hover{background:rgba(234,179,8,.2);box-shadow:0 4px 12px rgba(234,179,8,.2);transform:translateY(-2px)}.fullscreen-overlay{align-items:center;background:rgba(0,0,0,.95);bottom:0;cursor:zoom-out;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.fullscreen-image{max-height:95%;max-width:95%;object-fit:contain}.fullscreen-close{background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:48px;position:absolute;right:20px;top:20px;transition:background .2s ease;width:48px}.fullscreen-close:hover{background:hsla(0,0%,100%,.2)}@media (max-width:768px){.item-detail-modal{flex-direction:column;max-height:95vh;width:95%}.item-detail-image-section{max-height:300px;min-height:250px;width:100%}.item-detail-content{padding:20px}.detail-grid{grid-template-columns:1fr}.item-detail-tabs{overflow-x:auto}.tab{white-space:nowrap}}.loading-state{font-size:14px;padding:40px;text-align:center}.files-content{display:flex;flex-direction:column;gap:16px}.upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.upload-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.6}.files-list{display:flex;flex-direction:column;gap:8px}.file-item{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.file-item:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12)}.file-icon{flex-shrink:0;font-size:24px}.file-info{flex:1 1;flex-direction:column;gap:4px;min-width:0}.file-name{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:#718096;font-size:12px}.file-actions{display:flex;gap:8px}.file-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.file-btn.download{background:rgba(102,126,234,.1);color:#667eea}.file-btn.download:hover{background:rgba(102,126,234,.2)}.file-btn.delete{background:rgba(239,68,68,.1);color:#ef4444}.file-btn.delete:hover{background:rgba(239,68,68,.2)}.comments-content{display:flex;flex-direction:column;gap:16px}.comment-input-section{display:flex;flex-direction:column;gap:12px}.comment-input{align-items:flex-start;display:flex;gap:12px}.comment-input .user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.comment-input textarea{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:10px;color:#fff;flex:1 1;font-family:inherit;font-size:14px;padding:12px 16px;resize:none;transition:border-color .2s ease}.comment-input textarea:focus{background:rgba(15,15,30,.95);border-color:#667eea;outline:none}.comment-input textarea::placeholder{color:rgba(160,174,192,.7)}.post-btn{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.post-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.post-btn:disabled{cursor:not-allowed;opacity:.5}.comments-list{gap:12px}.comment-item{background:hsla(0,0%,100%,.02);border:none;display:flex;gap:12px;position:relative}.comment-avatar{background:linear-gradient(135deg,#4a5568,#2d3748);border-radius:50%;flex-shrink:0;font-size:16px;height:40px;width:40px}.comment-body{flex:1 1;min-width:0}.comment-header{align-items:center;display:flex;gap:12px;margin-bottom:6px}.comment-author{color:#fff;font-size:14px;font-weight:600}.comment-date{color:#718096}.comment-text{color:#e2e8f0;font-size:14px;line-height:1.5;margin:0;word-break:break-word}.comment-delete-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}.comment-item:hover .comment-delete-btn{opacity:1}.comment-delete-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.image-count-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);border-radius:20px;bottom:16px;color:#fff;font-size:12px;font-weight:500;left:16px;padding:6px 12px;position:absolute}.item-created-date{color:#718096;display:block;font-size:13px;margin-top:4px}.ai-prediction-result{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ai-prediction-main{display:flex;flex:1 1;flex-direction:column;gap:4px}.ai-confidence{font-size:12px;font-weight:500}.ai-basis{color:#718096;font-size:12px;margin:0;width:100%}.ai-prediction-empty{padding:12px 0;text-align:center}.ai-prediction-empty p{color:#a0aec0;font-size:13px;margin:0 0 12px}.btn-predict{align-items:center;background:linear-gradient(135deg,#8b5cf6,#667eea);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s ease}.btn-predict:hover{box-shadow:0 6px 20px rgba(139,92,246,.4);transform:translateY(-2px)}.ai-loading-state{color:#8b5cf6;font-size:14px;gap:10px;justify-content:center;padding:8px 0}.ai-error,.ai-loading-state{align-items:center;display:flex}.ai-error{color:#f97316;flex-direction:column;font-size:13px;gap:8px}.ai-error span{text-align:center}.btn-retry{background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.3);border-radius:8px;color:#f97316;cursor:pointer;font-size:12px;padding:6px 16px;transition:all .2s ease}.btn-retry:hover{background:rgba(249,115,22,.25)}.meta-section{background:hsla(0,0%,100%,.02)}.meta-grid{display:flex;flex-direction:column;gap:8px}.meta-item{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.meta-label{color:#718096;font-size:12px}.meta-value{color:#a0aec0;font-size:12px}.meta-value.id-value{color:#667eea;font-family:monospace}.history-timeline{display:flex;flex-direction:column;gap:0;padding-left:8px}.history-item{display:flex;gap:16px;padding:14px 0;position:relative}.history-item:not(:last-child):before{background:hsla(0,0%,100%,.06);bottom:0;content:"";left:15px;position:absolute;top:44px;width:2px}.history-dot{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;width:32px}.history-content-item{display:flex;flex:1 1;flex-direction:column;gap:6px}.history-header{align-items:center;display:flex;justify-content:space-between}.history-action{font-size:13px;font-weight:600;text-transform:capitalize}.history-date{color:#718096;font-size:11px}.history-changes{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.history-old{background:rgba(239,68,68,.1);border-radius:4px;color:#ef4444;padding:3px 8px;text-decoration:line-through}.history-arrow{color:#4a5568}.history-new{background:rgba(16,185,129,.1);border-radius:4px;color:#10b981;padding:3px 8px}.history-user{align-items:center;color:#718096;display:flex;font-size:11px;gap:4px}.empty-hint{color:#4a5568!important;font-size:12px!important;margin-top:4px}.comment-item.editing{background:rgba(102,126,234,.05);border-color:rgba(102,126,234,.3)}.comment-edit-form{display:flex;flex-direction:column;gap:12px;margin-top:8px}.comment-edit-form textarea{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.comment-edit-form textarea:focus{border-color:#667eea;outline:none}.comment-edit-actions{display:flex;gap:8px}.comment-edit-actions .btn-cancel,.comment-edit-actions .btn-save{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.comment-edit-actions .btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.comment-edit-actions .btn-save:hover:not(:disabled){transform:translateY(-1px)}.comment-edit-actions .btn-save:disabled{cursor:not-allowed;opacity:.5}.comment-edit-actions .btn-cancel{background:hsla(0,0%,100%,.05);color:#a0aec0}.comment-edit-actions .btn-cancel:hover{background:hsla(0,0%,100%,.1)}.edited-badge{color:#718096;cursor:pointer;font-size:11px;font-style:italic;margin-left:4px;transition:color .2s ease}.edited-badge:hover{color:#667eea}.comment-history-panel{background:rgba(0,0,0,.2);border-left:3px solid #667eea;border-radius:8px;margin-top:12px;padding:12px}.comment-history-panel h5{color:#a0aec0;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.comment-history-panel .history-entry{border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;gap:4px;padding:8px 0}.comment-history-panel .history-entry:last-child{border-bottom:none}.comment-history-panel .history-time{color:#718096;font-size:11px}.comment-history-panel .history-previous{color:#a0aec0;font-size:13px;font-style:italic}.comment-actions{display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s ease}.comment-item:hover .comment-actions{opacity:1}.comment-edit-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.comment-edit-btn:hover{background:rgba(102,126,234,.1);color:#667eea}.files-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.files-selection-actions{align-items:center;display:flex;gap:10px}.select-all-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#a0aec0;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.select-all-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.select-all-btn.active{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.3);color:#667eea}.download-selected-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.download-selected-btn:hover{box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-1px)}.file-checkbox{align-items:center;background:transparent;border:none;color:#4a5568;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.file-checkbox:hover,.file-item.selected .file-checkbox{color:#667eea}.file-item.selected{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.25)}body.theme-light .item-detail-overlay{background:rgba(0,0,0,.35)}body.theme-light .item-detail-modal{background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 60px rgba(0,0,0,.15)}body.theme-light .item-detail-no-image{background:#f1f5f9;color:#94a3b8}body.theme-light .item-detail-no-image p{color:#94a3b8}body.theme-light .image-expand-btn{background:rgba(0,0,0,.5);color:#fff}body.theme-light .image-count-badge{background:rgba(0,0,0,.6);color:#fff}body.theme-light .item-detail-content{background:#fff;color:#1e293b}body.theme-light .item-detail-header h2{color:#0f172a}body.theme-light .item-created-date{color:#64748b}body.theme-light .close-btn{background:rgba(0,0,0,.04);color:#64748b}body.theme-light .close-btn:hover{background:rgba(0,0,0,.08);color:#0f172a}body.theme-light .badge{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}body.theme-light .badge.category-badge{background:rgba(108,92,231,.08);border-color:rgba(108,92,231,.15);color:#6c5ce7}body.theme-light .badge.condition-badge{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.15);color:#059669}body.theme-light .item-detail-tabs{border-bottom:1px solid #e2e8f0}body.theme-light .item-detail-tabs .tab{color:#64748b}body.theme-light .item-detail-tabs .tab:hover{background:rgba(0,0,0,.03);color:#0f172a}body.theme-light .item-detail-tabs .tab.active{border-bottom-color:#6c5ce7;color:#6c5ce7}body.theme-light .detail-section h4{color:#0f172a}body.theme-light .detail-card{background:#f8fafc;border:1px solid #e2e8f0}body.theme-light .detail-label{color:#64748b}body.theme-light .detail-value{color:#1e293b}body.theme-light .detail-subvalue{color:#64748b}body.theme-light .timezone-badge{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}body.theme-light .detail-icon{background:#f1f5f9;color:#6c5ce7}body.theme-light .detail-icon.location{background:rgba(99,102,241,.08);color:#6366f1}body.theme-light .detail-icon.date{background:rgba(245,158,11,.08);color:#f59e0b}body.theme-light .detail-icon.price{background:rgba(16,185,129,.08);color:#10b981}body.theme-light .detail-icon.value{background:rgba(236,72,153,.08);color:#ec4899}body.theme-light .detail-icon.unit{background:rgba(108,92,231,.08);color:#6c5ce7}body.theme-light .tag{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}body.theme-light .ai-section{background:#f8fafc;border:1px solid #e2e8f0}body.theme-light .ai-section h4{color:#0f172a}body.theme-light .ai-prediction-result{background:#fff;border:1px solid #e2e8f0}body.theme-light .ai-value{color:#0f172a}body.theme-light .ai-basis,body.theme-light .ai-prediction-empty p{color:#64748b}body.theme-light .ai-loading-state{color:#475569}body.theme-light .ai-error{color:#dc2626}body.theme-light .btn-predict{background:linear-gradient(135deg,#6c5ce7,#a78bfa);color:#fff}body.theme-light .btn-retry{color:#6c5ce7}body.theme-light .refresh-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}body.theme-light .refresh-btn:hover{background:#e2e8f0}body.theme-light .meta-section{background:#f8fafc;border:1px solid #e2e8f0}body.theme-light .meta-section h4{color:#0f172a}body.theme-light .meta-label{color:#64748b}body.theme-light .meta-value{color:#1e293b}body.theme-light .meta-value.id-value{color:#94a3b8}body.theme-light .upload-btn{background:rgba(108,92,231,.08);border:1px solid rgba(108,92,231,.2);color:#6c5ce7}body.theme-light .upload-btn:hover{background:rgba(108,92,231,.15)}body.theme-light .select-all-btn{color:#475569}body.theme-light .download-selected-btn{background:rgba(16,185,129,.08);color:#059669}body.theme-light .file-item{background:#f8fafc;border:1px solid #e2e8f0}body.theme-light .file-item:hover{background:#f1f5f9}body.theme-light .file-item.selected{background:rgba(108,92,231,.04);border-color:rgba(108,92,231,.2)}body.theme-light .file-name{color:#1e293b}body.theme-light .file-meta{color:#94a3b8}body.theme-light .file-icon{color:#6c5ce7}body.theme-light .file-btn{color:#64748b}body.theme-light .file-btn:hover{color:#0f172a}body.theme-light .file-btn.delete:hover{color:#dc2626}body.theme-light .file-checkbox{color:#94a3b8}body.theme-light .file-checkbox:hover{color:#6c5ce7}body.theme-light .comment-input textarea{background:#f8fafc;border:1px solid #d1d5db;color:#1e293b}body.theme-light .comment-input textarea:focus{border-color:#6c5ce7;box-shadow:0 0 0 2px rgba(108,92,231,.12)}body.theme-light .comment-input textarea::placeholder{color:#94a3b8}body.theme-light .user-avatar{background:#e2e8f0;color:#475569}body.theme-light .post-btn{background:#6c5ce7;color:#fff}body.theme-light .post-btn:disabled{opacity:.4}body.theme-light .comment-item{background:transparent;border:none;border-bottom:1px solid #f1f5f9;border-radius:0}body.theme-light .comment-avatar{background:#e2e8f0;color:#475569}body.theme-light .comment-author{color:#0f172a}body.theme-light .comment-date,body.theme-light .comment-delete-btn,body.theme-light .comment-edit-btn,body.theme-light .edited-badge{color:#94a3b8}body.theme-light .comment-edit-btn:hover{color:#6c5ce7}body.theme-light .comment-delete-btn:hover{color:#dc2626}body.theme-light .comment-edit-form textarea{background:#f8fafc;border:1px solid #d1d5db;color:#1e293b}body.theme-light .btn-save{background:#6c5ce7;color:#fff}body.theme-light .btn-cancel{border:1px solid #e2e8f0;color:#475569}body.theme-light .comment-history-panel{background:#f8fafc;border:1px solid #e2e8f0}body.theme-light .comment-history-panel h5{color:#374151}body.theme-light .history-time{color:#64748b}body.theme-light .history-previous{color:#94a3b8}body.theme-light .history-content-item{color:#1e293b}body.theme-light .history-date{color:#94a3b8}body.theme-light .history-user{color:#64748b}body.theme-light .history-old{background:rgba(220,38,38,.06);color:#dc2626}body.theme-light .history-new{background:rgba(5,150,105,.06);color:#059669}body.theme-light .empty-state,body.theme-light .history-arrow{color:#94a3b8}body.theme-light .empty-state span{color:#cbd5e1}body.theme-light .empty-hint{color:#94a3b8}body.theme-light .loading-state{color:#64748b}body.theme-light .item-detail-actions{background:#f8fafc;border-top:1px solid #e2e8f0}body.theme-light .action-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}body.theme-light .action-btn:hover{background:#e2e8f0;color:#0f172a}body.theme-light .action-btn.edit{color:#6c5ce7}body.theme-light .action-btn.edit:hover{background:rgba(108,92,231,.08);border-color:rgba(108,92,231,.2)}body.theme-light .action-btn.delete{color:#dc2626}body.theme-light .action-btn.delete:hover{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.15)}body.theme-light .action-btn.lock{color:#6c5ce7}body.theme-light .action-btn.lock-active{background:rgba(108,92,231,.08);border-color:rgba(108,92,231,.2);color:#6c5ce7}body.theme-light .action-btn.change-lock{color:#f59e0b}body.theme-light .item-detail-tab-content{color:#1e293b}body.theme-light .item-detail-tabs{background:#f1f5f9}body.theme-light .tab{color:#64748b}body.theme-light .tab:hover{background:rgba(0,0,0,.04);color:#0f172a}body.theme-light .tab.active{background:linear-gradient(135deg,#6c5ce7,#a78bfa);color:#fff}body.theme-light .details-content{color:#1e293b}body.theme-light .detail-section p{color:#475569}body.theme-light .comments-list,body.theme-light .detail-grid{color:#1e293b}body.theme-light .comment-text{color:#374151}body.theme-light .no-comments{color:#94a3b8}body.theme-light .history-item{color:#1e293b}.advanced-filters-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.advanced-filters-panel{animation:slideInRight .3s ease;background:linear-gradient(180deg,#1a1f35,#151929);border-left:1px solid rgba(102,126,234,.2);box-shadow:-4px 0 24px rgba(0,0,0,.3);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:420px;z-index:1000}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.filters-header{align-items:center;background:rgba(102,126,234,.05);border-bottom:1px solid rgba(102,126,234,.15);display:flex;justify-content:space-between;padding:24px}.filters-header h2{align-items:center;color:#fff;display:flex;font-size:20px;gap:10px;margin:0}.filters-header h2 svg{color:#667eea}.filters-header .close-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.filters-header .close-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.filters-body{flex:1 1;overflow-y:auto;padding:24px}.filters-body::-webkit-scrollbar{width:8px}.filters-body::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.filters-body::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:4px}.filters-body::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.filter-section{margin-bottom:28px}.filter-section h3{align-items:center;color:hsla(0,0%,100%,.9);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.filter-section h3 svg{color:#667eea;font-size:13px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:hsla(0,0%,100%,.08);border-color:rgba(102,126,234,.3);color:hsla(0,0%,100%,.9)}.filter-btn.active{background:rgba(102,126,234,.2);border-color:#667eea;color:#fff}.value-range-inputs{align-items:flex-end;display:flex;gap:8px;margin-top:8px}.value-range-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.value-range-group label{color:hsla(0,0%,100%,.5);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.value-range-group input[type=number]{-moz-appearance:textfield;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:#fff;font-size:13px;outline:none;padding:8px 10px;transition:border-color .2s;width:100%}.value-range-group input[type=number]::-webkit-inner-spin-button,.value-range-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.value-range-group input[type=number]:focus{border-color:#667eea}.value-range-separator{color:hsla(0,0%,100%,.4);font-size:14px;padding-bottom:10px}.date-inputs{display:flex;gap:12px}.date-input-group{flex:1 1}.date-input-group label{color:hsla(0,0%,100%,.6);display:block;font-size:12px;margin-bottom:6px}.date-input-group input[type=date]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#fff;font-size:13px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.date-input-group input[type=date]:focus{background:hsla(0,0%,100%,.08);border-color:#667eea}.date-input-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.filter-tags{display:flex;flex-wrap:wrap;gap:8px;max-height:none}.filter-tags.scrollable{max-height:180px;overflow-y:auto;padding-right:4px}.filter-tags.scrollable::-webkit-scrollbar{width:6px}.filter-tags.scrollable::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px}.filter-tags.scrollable::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:3px}.filter-tag{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s;white-space:nowrap}.filter-tag:hover{background:hsla(0,0%,100%,.08);border-color:rgba(102,126,234,.3);color:hsla(0,0%,100%,.9)}.filter-tag.active{background:rgba(102,126,234,.25);border-color:#667eea;color:#fff}.filter-checkboxes{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:center;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-size:13px;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.checkbox-label:hover{color:#fff}.sort-select{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;font-size:13px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.sort-select:focus{background:hsla(0,0%,100%,.08)}.sort-select option{background:#1a1f35}.filters-footer{background:rgba(0,0,0,.2);border-top:1px solid rgba(102,126,234,.15);display:flex;gap:12px;padding:20px 24px}.btn-reset{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.8);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.btn-reset:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);color:#fff}.btn-apply{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.btn-apply:hover{box-shadow:0 6px 16px rgba(102,126,234,.4);transform:translateY(-1px)}@media (max-width:768px){.advanced-filters-panel{max-width:100vw;width:100%}}body.theme-light .advanced-filters-panel{background:linear-gradient(180deg,#fff,#f8f9fc);border-left:1px solid #e2e4ee;box-shadow:-4px 0 24px rgba(0,0,0,.08)}body.theme-light .filters-header{background:rgba(99,126,234,.04);border-bottom:1px solid #e2e4ee}body.theme-light .filters-header h2{color:#1e1f2e}body.theme-light .filters-header .close-btn{background:#f1f3f8;border:1px solid #e2e4ee;color:#5a5c7a}body.theme-light .filters-header .close-btn:hover{background:#e8eaf0;border-color:#d0d2de;color:#1e1f2e}body.theme-light .filters-body::-webkit-scrollbar-track{background:#f1f3f8}body.theme-light .filters-body::-webkit-scrollbar-thumb{background:rgba(99,102,241,.25)}body.theme-light .filter-section h3{color:#1e1f2e}body.theme-light .filter-btn{background:#f1f3f8;border:1px solid #e2e4ee;color:#5a5c7a}body.theme-light .filter-btn:hover{background:#e8eaf0;border-color:rgba(99,102,241,.3);color:#1e1f2e}body.theme-light .filter-btn.active{background:rgba(99,102,241,.1);border-color:#667eea;color:#4f46e5}body.theme-light .value-range-group label{color:#7a7c90}body.theme-light .value-range-group input[type=number]{background:#fff;border:1px solid #e2e4ee;color:#1e1f2e}body.theme-light .value-range-group input[type=number]:focus{border-color:#667eea}body.theme-light .value-range-separator{color:#a0a3b1}body.theme-light .date-input-group label{color:#5a5c7a}body.theme-light .date-input-group input[type=date]{background:#fff;border:1px solid #e2e4ee;color:#1e1f2e}body.theme-light .date-input-group input[type=date]:focus{background:#fff;border-color:#667eea}body.theme-light .date-input-group input[type=date]::-webkit-calendar-picker-indicator{filter:none}body.theme-light .filter-tag{background:#f1f3f8;border:1px solid #e2e4ee;color:#5a5c7a}body.theme-light .filter-tag:hover{background:#e8eaf0;border-color:rgba(99,102,241,.3);color:#1e1f2e}body.theme-light .filter-tag.active{background:rgba(99,102,241,.1);border-color:#667eea;color:#4f46e5}body.theme-light .filter-tags.scrollable::-webkit-scrollbar-track{background:#f1f3f8}body.theme-light .filter-tags.scrollable::-webkit-scrollbar-thumb{background:rgba(99,102,241,.25)}body.theme-light .checkbox-label{color:#3a3c5a}body.theme-light .checkbox-label:hover{color:#1e1f2e}body.theme-light .sort-select{border:1px solid #e2e4ee;color:#1e1f2e}body.theme-light .sort-select option{color:#1e1f2e}body.theme-light .filters-footer{background:#f8f9fc;border-top:1px solid #e2e4ee}body.theme-light .btn-reset{background:#f1f3f8;border:1px solid #e2e4ee;color:#5a5c7a}body.theme-light .btn-reset:hover{background:#e8eaf0;border-color:#d0d2de;color:#1e1f2e}.library{animation:fadeIn .4s ease;padding:32px}.library-loading{align-items:center;color:#a0aec0;display:flex;font-size:16px;justify-content:center;min-height:600px}.library-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.library-search{flex:1 1;position:relative}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,15,30,.6);border:1.5px solid rgba(102,126,234,.2);color:var(--input-text,#fff);padding:12px 16px 12px 42px;transition:all .25s ease}.search-input::placeholder{color:rgba(160,174,192,.6);font-weight:400}.search-input:focus{background:rgba(15,15,30,.8);box-shadow:0 0 0 3px rgba(102,126,234,.12),0 2px 8px rgba(0,0,0,.1)}.btn-add-item{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-sizing:border-box;display:inline-flex;font-size:14px;font-weight:600;line-height:1;min-width:-webkit-fit-content;min-width:fit-content;padding:14px 28px;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.btn-add-item:hover{box-shadow:0 12px 24px rgba(102,126,234,.3);transform:translateY(-4px)}.library-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-select{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:12px;color:#fff;cursor:pointer;font-size:14px;min-width:180px;padding:12px 20px;transition:all .3s ease}.filter-select option{background:#1a1a2e;color:#fff}.filter-select:focus{border-color:#667eea;outline:none}.btn-advanced-filters{align-items:center;background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.3);border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;position:relative;transition:all .3s ease}.btn-advanced-filters:hover{background:rgba(102,126,234,.25);border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.2);transform:translateY(-2px)}.filter-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.2px;line-height:1.4;min-width:16px;padding:2px 6px;text-align:center}body.theme-light .filter-badge{background:linear-gradient(135deg,#6c5ce7,#a78bfa)}.items-container{position:relative}.items-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.item-card{background:#1a1a2e;background:var(--surface-primary,#1a1a2e);border:1px solid rgba(102,126,234,.08);border:1px solid var(--border-subtle,rgba(102,126,234,.08));border-radius:20px;cursor:pointer;overflow:hidden;position:relative;transition:box-shadow .3s ease,border-color .3s ease}.item-card:hover{border-color:rgba(102,126,234,.2);box-shadow:0 24px 48px rgba(0,0,0,.25)}.heart-icon{fill:transparent;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;height:18px;transition:fill .25s ease,stroke .25s ease;width:18px}@keyframes popAnimation{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}to{transform:scale(1)}}.card-favorite-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:hsla(0,0%,100%,.65);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .2s ease,border-color .2s ease,color .2s ease;width:36px;z-index:10}.card-favorite-btn:hover{background:rgba(225,29,72,.18);border-color:rgba(225,29,72,.3);color:#fb7185}.card-favorite-btn.is-active{background:rgba(225,29,72,.15);border-color:rgba(225,29,72,.3);color:#e11d48}.card-favorite-btn.is-active .heart-icon{fill:#e11d48;stroke:#e11d48;animation:popAnimation .4s cubic-bezier(.175,.885,.32,1.275) forwards}.card-lock-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(245,158,11,.85);border:1px solid rgba(245,158,11,.5);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff;display:flex;font-size:14px;height:32px;justify-content:center;left:12px;position:absolute;top:12px;width:32px;z-index:20}.list-lock-icon{color:#f59e0b;font-size:.85em;margin-right:6px}.card-menu-container{bottom:140px;position:absolute;right:16px;z-index:20}.card-menu-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#a0aec0;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.card-menu-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.card-menu-dropdown{animation:dropdownSlide .2s ease;background:linear-gradient(145deg,#252540,#1a1a2e);border:1px solid rgba(102,126,234,.2);border-radius:12px;box-shadow:0 16px 32px rgba(0,0,0,.4);margin-top:8px;min-width:140px;padding:8px;position:absolute;right:0;top:100%}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card-menu-dropdown button{align-items:center;background:transparent;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.card-menu-dropdown button:hover{background:rgba(102,126,234,.15)}.card-menu-dropdown button.danger{color:#ef4444}.card-menu-dropdown button.danger:hover{background:rgba(239,68,68,.15)}.menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:15}.item-image{align-items:center;background:linear-gradient(145deg,#0f0f1a,#1a1a2e);cursor:pointer;display:flex;height:220px;justify-content:center;overflow:hidden;width:100%}.item-image img{height:100%;object-fit:cover;width:100%}.no-image{font-size:64px;opacity:.3}.item-info{padding:20px}.item-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.item-title-row h4{color:#fff;flex:1 1;font-size:18px;font-weight:700;margin:0}.item-location{color:#a0aec0;font-size:13px;margin:0 0 14px}.item-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.badge{border:1px solid;border-radius:8px;font-size:12px;font-weight:600;padding:6px 14px}.badge.condition,.badge.condition.new{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.3);color:#10b981}.badge.condition.like_new{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#22c55e}.badge.condition.excellent{background:rgba(132,204,22,.15);border-color:rgba(132,204,22,.3);color:#84cc16}.badge.condition.good{background:rgba(234,179,8,.15);border-color:rgba(234,179,8,.3);color:#eab308}.badge.condition.fair{background:rgba(249,115,22,.15);border-color:rgba(249,115,22,.3);color:#f97316}.badge.condition.poor{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#ef4444}.badge.unit-badge{align-items:center;background:rgba(167,139,250,.12);border-color:rgba(167,139,250,.25);color:#a78bfa;display:flex;font-size:11px;gap:4px}.badge.unit-badge svg{font-size:9px}body.theme-light .badge.unit-badge{background:rgba(108,92,231,.08);border-color:rgba(108,92,231,.2);color:#6c5ce7}.item-value-section{border-top:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:8px;padding-top:14px}.value-row{align-items:center;display:flex;justify-content:space-between}.value-label{color:#a0aec0;font-size:13px}.value-amount{color:#fff;font-size:18px;font-weight:700}.value-row.ai .value-label{color:#8b5cf6}.value-row.ai .value-amount{color:#8b5cf6;font-size:15px}.value-row.original-currency{border-top:1px solid hsla(0,0%,100%,.1);font-size:12px;margin-top:4px;opacity:.7;padding-top:4px}.value-row.original-currency .value-amount{font-size:14px}.empty-state{background:rgba(102,126,234,.03);border:1px dashed rgba(102,126,234,.2);border-radius:20px}.empty-icon{font-size:72px;margin-bottom:20px}.empty-state h3{margin:0 0 10px}.empty-state p{color:#a0aec0;font-size:15px;margin:0 0 24px}.btn-primary{border-radius:12px;padding:14px 28px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 20px rgba(102,126,234,.3)}@media (max-width:768px){.library{padding:16px}.library-header{flex-direction:column}.btn-add-item{align-items:center;display:flex;justify-content:center;width:100%}.items-grid{grid-template-columns:1fr}.card-menu-container{bottom:120px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.8)}.move-modal{background:#1a1f2e;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:400px;overflow:hidden;width:100%}.move-modal-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:20px 24px}.move-modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.move-modal-header .close-btn{background:transparent;border:none;border-radius:8px;color:#a0aec0;cursor:pointer;padding:8px;transition:all .2s ease}.move-modal-header .close-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.move-modal-body{padding:24px}.move-item-name{color:#a0aec0;font-size:14px;margin:0 0 8px}.move-item-name strong{color:#fff}.current-category{color:#718096;font-size:13px;margin:0 0 20px}.current-category span{color:#667eea;font-weight:500}.category-select-list{display:flex;flex-direction:column;gap:8px}.category-select-list label{color:#a0aec0;font-size:13px;margin-bottom:8px}.category-option{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-left-width:4px;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.category-option:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.category-color{border-radius:50%;height:12px;width:12px}.view-toggle{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:10px;display:flex;margin-left:auto;overflow:hidden}.view-toggle-btn{align-items:center;background:transparent;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:15px;justify-content:center;padding:10px 14px;transition:all .2s ease}.view-toggle-btn:hover{color:#a0aec0}.view-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.items-list{display:flex;flex-direction:column;gap:8px}.item-list-row{align-items:center;background:#1a1a2e;background:var(--surface-primary,#1a1a2e);border:1px solid rgba(102,126,234,.08);border:1px solid var(--border-subtle,rgba(102,126,234,.08));border-radius:14px;cursor:pointer;display:flex;gap:16px;padding:12px 16px;transition:all .2s ease}.item-list-row:hover{border-color:rgba(102,126,234,.2);box-shadow:0 4px 16px rgba(0,0,0,.15)}.list-thumbnail{align-items:center;background:linear-gradient(145deg,#0f0f1a,#1a1a2e);border-radius:10px;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.list-thumbnail img{height:100%;object-fit:cover;width:100%}.list-no-image{color:#4a5568;font-size:22px;opacity:.3}.list-info{flex:1 1;min-width:0}.list-info h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.list-meta .badge{font-size:11px;padding:3px 10px}.list-location{align-items:center;color:#718096;display:flex;font-size:12px;gap:4px}.list-value{align-items:flex-end;display:flex;flex-direction:column;gap:2px;min-width:100px}.list-price{color:#fff;font-size:16px;font-weight:700}.list-ai-value{color:#8b5cf6;font-size:12px}.list-actions{display:flex;flex-shrink:0;gap:6px}.list-delete-btn,.list-edit-btn,.list-fav-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.list-fav-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);color:#64748b}.list-fav-btn:hover{background:rgba(225,29,72,.1);border-color:rgba(225,29,72,.2);color:#fb7185}.list-fav-btn.is-active{background:rgba(225,29,72,.1);border-color:rgba(225,29,72,.25);color:#e11d48}.list-fav-btn.is-active .heart-icon{fill:#e11d48;stroke:#e11d48;animation:popAnimation .4s cubic-bezier(.175,.885,.32,1.275) forwards}.list-edit-btn{background:rgba(102,126,234,.1);color:#667eea}.list-edit-btn:hover{background:rgba(102,126,234,.2)}.list-delete-btn{background:rgba(239,68,68,.08);color:#718096}.list-delete-btn:hover{background:rgba(239,68,68,.15);color:#ef4444}@media (max-width:768px){.item-list-row{flex-wrap:wrap}.list-value{min-width:auto}.list-actions{justify-content:flex-end;width:100%}.view-toggle{margin-left:0}}body.theme-light .library-loading{color:#64748b}body.theme-light .search-input{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8fafc}body.theme-light .search-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px rgba(108,92,231,.08),0 2px 8px rgba(0,0,0,.04)}body.theme-light .filter-select{background:#fff;border-color:#e2e8f0;color:#1e293b}body.theme-light .filter-select option{background:#fff;color:#1e293b}body.theme-light .btn-advanced-filters{background:rgba(102,126,234,.08);border-color:#e2e8f0;color:#667eea}body.theme-light .btn-advanced-filters:hover{background:rgba(102,126,234,.15);border-color:#667eea}body.theme-light .view-toggle{background:#f1f5f9;border-color:#d1d5db}body.theme-light .view-toggle-btn{color:#475569}body.theme-light .view-toggle-btn:hover{background:rgba(0,0,0,.04);color:#0f172a}body.theme-light .view-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}body.theme-light .item-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}body.theme-light .item-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px rgba(0,0,0,.1)}body.theme-light .card-favorite-btn{background:hsla(0,0%,100%,.85);border-color:rgba(0,0,0,.12);box-shadow:0 1px 3px rgba(0,0,0,.08);color:#94a3b8}body.theme-light .card-favorite-btn.is-active,body.theme-light .card-favorite-btn:hover{background:rgba(225,29,72,.1);border-color:rgba(225,29,72,.25);color:#e11d48}body.theme-light .card-menu-btn{background:rgba(0,0,0,.04);color:#64748b}body.theme-light .card-lock-badge{background:rgba(245,158,11,.9);border-color:rgba(245,158,11,.6);box-shadow:0 2px 8px rgba(0,0,0,.12)}body.theme-light .list-lock-icon{color:#d97706}body.theme-light .card-menu-btn:hover{background:rgba(0,0,0,.08);color:#1e293b}body.theme-light .card-menu-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,.12)}body.theme-light .card-menu-dropdown button{color:#374151}body.theme-light .card-menu-dropdown button:hover{background:rgba(102,126,234,.08)}body.theme-light .card-menu-dropdown button.danger{color:#dc2626}body.theme-light .card-menu-dropdown button.danger:hover{background:rgba(220,38,38,.08)}body.theme-light .item-image{background:linear-gradient(145deg,#f1f5f9,#e2e8f0)}body.theme-light .no-image{color:#94a3b8;opacity:.5}body.theme-light .item-title-row h4{color:#1e293b}body.theme-light .item-location{color:#64748b}body.theme-light .item-value-section{border-top-color:#e2e8f0}body.theme-light .value-label{color:#64748b}body.theme-light .value-amount{color:#1e293b}body.theme-light .value-row.original-currency{border-top-color:#e2e8f0}body.theme-light .value-row.original-currency .value-amount{color:#475569}body.theme-light .empty-state{background:rgba(102,126,234,.03);border-color:rgba(102,126,234,.15)}body.theme-light .empty-state h3{color:#1e293b}body.theme-light .empty-state p{color:#64748b}body.theme-light .empty-icon{color:#94a3b8}body.theme-light .item-list-row{background:#fff;border-color:#e2e8f0}body.theme-light .item-list-row:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.06)}body.theme-light .list-thumbnail{background:linear-gradient(145deg,#f1f5f9,#e2e8f0)}body.theme-light .list-no-image{color:#94a3b8;opacity:.6}body.theme-light .list-info h4{color:#1e293b}body.theme-light .list-location{color:#64748b}body.theme-light .list-price{color:#1e293b}body.theme-light .list-fav-btn{background:rgba(0,0,0,.03);border-color:#e2e8f0;color:#94a3b8}body.theme-light .list-fav-btn.is-active,body.theme-light .list-fav-btn:hover{background:rgba(225,29,72,.07);border-color:rgba(225,29,72,.15);color:#e11d48}body.theme-light .list-edit-btn{background:rgba(102,126,234,.06);color:#667eea}body.theme-light .list-edit-btn:hover{background:rgba(102,126,234,.12)}body.theme-light .list-delete-btn{background:rgba(239,68,68,.04);color:#94a3b8}body.theme-light .list-delete-btn:hover{background:rgba(239,68,68,.1);color:#dc2626}body.theme-light .move-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 60px rgba(0,0,0,.15)}body.theme-light .move-modal-header{border-bottom-color:#e2e8f0}body.theme-light .move-modal-header h3{color:#1e293b}body.theme-light .move-modal-header .close-btn{color:#64748b}body.theme-light .move-modal-header .close-btn:hover{background:#f1f5f9;color:#1e293b}body.theme-light .move-item-name{color:#64748b}body.theme-light .move-item-name strong{color:#1e293b}body.theme-light .category-select-list label,body.theme-light .current-category{color:#64748b}body.theme-light .category-option{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}body.theme-light .category-option:hover{background:#f1f5f9;border-color:#cbd5e1}.categories{animation:fadeIn .4s ease;padding:32px}.categories-header{align-items:flex-start;gap:32px;margin-bottom:32px}.categories-header h1{color:#fff;font-size:32px;font-weight:700;margin:0}.header-subtitle{color:#a0aec0;font-size:14px;margin:8px 0 0}.btn-stats{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-stats:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.5)}.btn-add-category{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.btn-add-category:hover{box-shadow:0 12px 24px rgba(102,126,234,.3);transform:translateY(-4px)}.stats-panel{grid-gap:16px;animation:slideDown .3s ease;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stat-card{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:1px solid rgba(102,126,234,.2);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card:hover{border-color:rgba(102,126,234,.4);box-shadow:0 8px 20px rgba(102,126,234,.2);transform:translateY(-4px)}.stat-icon{flex-shrink:0;font-size:36px}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{color:#fff;font-size:24px}.stat-label{color:#a0aec0;letter-spacing:.5px;text-transform:uppercase}.categories-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px}.search-box{flex:1 1;min-width:250px;position:relative}.search-input{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:12px;color:#fff;font-size:14px;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.search-input::placeholder{color:rgba(160,174,192,.7)}.search-input:focus{background:rgba(15,15,30,.95);border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15);outline:none}.search-icon{font-size:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sort-controls{align-items:center;display:flex;gap:12px}.sort-controls label{color:#a0aec0;font-size:14px;font-weight:600;white-space:nowrap}.sort-select{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:10px;color:#fff;cursor:pointer;font-size:14px;min-width:150px;padding:10px 16px;transition:all .3s ease}.sort-select:focus{background:rgba(15,15,30,.95);border-color:#667eea;outline:none}.sort-select option{background:#1a1a2e;color:#fff}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modalOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.98)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.category-form-modal.closing,.modal-overlay.closing{animation:none}.modal-overlay{animation:none;background:rgba(0,0,0,.7)}.category-form-modal{box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:600px;padding:32px;width:90%}.category-detail-modal,.category-form-modal{animation:none;background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.2);border-radius:16px;overflow-y:auto;position:relative;z-index:1001}.category-detail-modal{box-shadow:0 20px 60px rgba(0,0,0,.35);max-height:85vh;max-width:720px;padding:24px;width:92%}.category-detail-modal,.category-form-modal{scrollbar-color:hsla(0,0%,100%,.2) transparent;scrollbar-width:thin}.category-detail-modal::-webkit-scrollbar,.category-form-modal::-webkit-scrollbar{width:6px}.category-detail-modal::-webkit-scrollbar-thumb,.category-form-modal::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:10px}.category-detail-modal::-webkit-scrollbar-track,.category-form-modal::-webkit-scrollbar-track{background:transparent}.category-detail-description{color:#a0aec0;font-size:14px;margin:0 0 12px}.category-detail-stats{color:#fff;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:16px}.category-detail-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:20px}.detail-stat-card{background:rgba(15,15,30,.6);border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:14px 12px;text-align:center;transition:all .3s ease}.detail-stat-card:hover{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.4)}.detail-stat-card.highlight{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.4)}.detail-stat-card.highlight:hover{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.6)}.detail-stat-icon{color:#667eea;font-size:18px;margin-bottom:6px}.detail-stat-card.highlight .detail-stat-icon{color:#f59e0b}.detail-stat-value{color:#fff;font-size:18px;font-weight:700;margin-bottom:2px}.detail-stat-label{color:#a0aec0;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.condition-distribution{background:rgba(15,15,30,.4);border:1px solid rgba(102,126,234,.15);border-radius:12px;margin-bottom:20px;padding:16px}.condition-distribution h5{color:#fff;font-size:13px;font-weight:600;margin:0 0 12px}.condition-bars{display:flex;flex-direction:column;gap:8px}.condition-bar-row{align-items:center;display:flex;gap:10px}.condition-bar-label{color:#a0aec0;flex-shrink:0;font-size:12px;text-align:right;width:80px}.condition-bar-track{background:hsla(0,0%,100%,.06);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.condition-bar-fill{border-radius:4px;height:100%;min-width:4px;transition:width .5s ease}.condition-bar-count{color:#a0aec0;flex-shrink:0;font-size:12px;text-align:left;width:24px}.category-detail-condition{color:#a0aec0;font-size:11px}.category-detail-items h4{color:#fff;font-size:16px;margin:0 0 12px}.category-detail-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.category-detail-items-header h4{color:#fff;font-size:16px;margin:0}.btn-view-all-in-library{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-view-all-in-library:hover{box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-1px)}.category-detail-item{cursor:pointer;transition:all .3s ease}.category-detail-item:hover{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.4)}.category-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.category-detail-item{background:rgba(15,15,30,.6);border:1px solid rgba(102,126,234,.2);border-radius:12px;display:flex;gap:10px;padding:12px}.category-detail-thumb{align-items:center;background:hsla(0,0%,100%,.08);border-radius:10px;color:#a0aec0;display:flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;width:52px}.category-detail-thumb img{height:100%;object-fit:cover;width:100%}.category-detail-info{display:flex;flex-direction:column;gap:6px}.category-detail-name{color:#fff;font-size:13px;font-weight:600}.category-detail-price{color:#a0aec0;font-size:12px}.category-detail-empty,.category-detail-loading{color:#a0aec0;font-size:13px}.modal-header{margin-bottom:24px}.modal-header h3{color:#fff;font-size:22px;font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:24px;padding:4px;transition:color .3s ease}.modal-body{display:flex;flex-direction:column;gap:20px}.info-banner{align-items:flex-start;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:10px;display:flex;gap:12px;margin-bottom:4px;padding:14px 16px}.info-icon{flex-shrink:0;font-size:18px;margin-top:2px}.info-banner p{color:#e2e8f0;font-size:13px;line-height:1.5;margin:0}.color-picker{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.color-option{aspect-ratio:1;transition:all .2s ease;width:100%}.color-option.active{border-color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.5),0 0 12px currentColor}.icon-search-input{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-size:14px;margin-bottom:12px;padding:10px 12px;transition:all .3s ease;width:100%}.icon-search-input:focus{background:rgba(15,15,30,.95);border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15);outline:none}.icon-search-input::placeholder{color:rgba(160,174,192,.7)}.icon-picker{grid-gap:10px;background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.2);border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));max-height:200px;overflow-y:auto;padding:8px}.icon-picker::-webkit-scrollbar{width:6px}.icon-picker::-webkit-scrollbar-track{background:rgba(102,126,234,.05);border-radius:3px}.icon-picker::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:3px}.icon-picker::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.icon-option{align-items:center;aspect-ratio:1;background:rgba(102,126,234,.05);border:2px solid rgba(102,126,234,.2);border-radius:12px;color:#a0aec0;cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:all .2s ease;width:100%}.icon-option:hover{border-color:rgba(102,126,234,.5);color:#667eea;transform:scale(1.1)}.icon-option.active{background:rgba(102,126,234,.2);border-color:#667eea;box-shadow:0 0 12px rgba(102,126,234,.3);color:#667eea}.form-actions{gap:12px;margin-top:12px}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 16px rgba(102,126,234,.3);transform:translateY(-2px)}.btn-secondary{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);color:#fff}.btn-secondary:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.3)}.categories-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-card{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.1);border-radius:16px;border-top:3px solid #667eea;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.category-card:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.category-card:hover{border-color:rgba(102,126,234,.3);box-shadow:0 20px 40px rgba(102,126,234,.15);transform:translateY(-8px)}.category-header-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.category-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:60px;justify-content:center;width:60px}.category-actions-quick{display:flex;gap:8px}.action-btn-quick{align-items:center;background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn-quick:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.4)}.action-btn-quick.delete{color:#f5576c}.action-btn-quick.delete:hover:not(:disabled){background:rgba(245,87,108,.15);border-color:rgba(245,87,108,.4)}.action-btn-quick:disabled{cursor:not-allowed;opacity:.5}.action-btn-quick.delete:disabled{color:#718096}.category-content{display:flex;flex-direction:column;gap:8px}.category-content h4{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.badge-default{background:rgba(102,126,234,.2);border-radius:4px;color:#667eea;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.category-description{color:#a0aec0;font-size:13px;line-height:1.6;margin:0}.category-stats{border-top:1px solid rgba(102,126,234,.1);display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px}.stat-item{align-items:center;background:rgba(102,126,234,.05);border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.stat-item .stat-icon{font-size:14px}.stat-item .stat-text{color:#e2e8f0}.item-count{color:#667eea}.action-btn-quick.duplicate{color:#10b981;font-size:16px}.action-btn-quick.duplicate:hover{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.4)}.empty-state h3{margin:16px 0 8px}@media (max-width:1024px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.categories{padding:16px}.categories-header{align-items:stretch}.categories-header,.header-actions{flex-direction:column}.btn-add-category,.btn-stats{justify-content:center;width:100%}.categories-controls{flex-direction:column}.search-box,.sort-controls{width:100%}.sort-select{flex:1 1}.stats-panel{grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:1fr}.category-form-modal{padding:24px;width:95%}.color-picker{grid-template-columns:repeat(5,1fr)}.category-actions-quick{gap:6px}.action-btn-quick{font-size:12px;height:32px;width:32px}}body.theme-light .categories-header h1{color:#1e293b}body.theme-light .categories .header-subtitle{color:#64748b}body.theme-light .stat-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}body.theme-light .search-input{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#1e293b}body.theme-light .search-input::placeholder{color:#94a3b8}body.theme-light .search-input:focus{background:#fff;border-color:#667eea}body.theme-light .search-icon{color:#94a3b8}body.theme-light .sort-controls label{color:#64748b}body.theme-light .sort-select{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#1e293b}body.theme-light .sort-select:focus{background:#fff;border-color:#667eea}body.theme-light .sort-select option{background:#fff;color:#1e293b}body.theme-light .category-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}body.theme-light .category-card:hover{border-color:rgba(102,126,234,.3);box-shadow:0 8px 24px rgba(0,0,0,.08)}body.theme-light .category-card:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.15),transparent)}body.theme-light .category-content h4{color:#1e293b}body.theme-light .category-description{color:#64748b}body.theme-light .category-stats{border-color:#f1f5f9}body.theme-light .stat-item{background:rgba(102,126,234,.04)}body.theme-light .stat-item .stat-text{color:#374151}body.theme-light .item-count{color:#667eea}body.theme-light .modal-overlay{background:rgba(0,0,0,.4)}body.theme-light .category-detail-modal,body.theme-light .category-form-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 60px rgba(0,0,0,.15)}body.theme-light .modal-header h3{color:#1e293b}body.theme-light .modal-close{color:#94a3b8}body.theme-light .modal-close:hover{color:#1e293b}body.theme-light .form-group input,body.theme-light .form-group textarea{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}body.theme-light .form-group input::placeholder,body.theme-light .form-group textarea::placeholder{color:#94a3b8}body.theme-light .form-group input:focus,body.theme-light .form-group textarea:focus{background:#fff;border-color:#667eea}body.theme-light .icon-search-input{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}body.theme-light .icon-search-input::placeholder{color:#94a3b8}body.theme-light .icon-search-input:focus{background:#fff;border-color:#667eea}body.theme-light .icon-picker{background:#f8fafc;border-color:#e2e8f0}body.theme-light .icon-option{background:#fff;border-color:#e2e8f0;color:#64748b}body.theme-light .icon-option:hover{border-color:rgba(102,126,234,.5);color:#667eea}body.theme-light .icon-option.active{background:rgba(102,126,234,.08);border-color:#667eea;color:#667eea}body.theme-light .btn-secondary{background:#f1f5f9;border-color:#e2e8f0}body.theme-light .btn-secondary:hover{background:#e2e8f0}body.theme-light .info-banner{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.2)}body.theme-light .info-banner p{color:#374151}body.theme-light .category-detail-description{color:#64748b}body.theme-light .category-detail-items h4,body.theme-light .category-detail-items-header h4,body.theme-light .category-detail-stats{color:#1e293b}body.theme-light .category-detail-item{background:#f8fafc;border-color:#e2e8f0}body.theme-light .category-detail-item:hover{background:rgba(102,126,234,.04);border-color:rgba(102,126,234,.4)}body.theme-light .category-detail-thumb{background:#f1f5f9;color:#94a3b8}body.theme-light .category-detail-name{color:#1e293b}body.theme-light .category-detail-empty,body.theme-light .category-detail-loading,body.theme-light .category-detail-price{color:#64748b}body.theme-light .detail-stat-card{background:#f8fafc;border-color:#e2e8f0}body.theme-light .detail-stat-card:hover{background:rgba(102,126,234,.04);border-color:rgba(102,126,234,.3)}body.theme-light .detail-stat-card.highlight{background:rgba(245,158,11,.04);border-color:rgba(245,158,11,.3)}body.theme-light .detail-stat-value{color:#1e293b}body.theme-light .detail-stat-label{color:#64748b}body.theme-light .condition-distribution{background:#f8fafc;border-color:#e2e8f0}body.theme-light .condition-distribution h5{color:#1e293b}body.theme-light .condition-bar-count,body.theme-light .condition-bar-label{color:#64748b}body.theme-light .condition-bar-track{background:#e2e8f0}body.theme-light .categories .empty-state,body.theme-light .category-detail-condition{color:#64748b}body.theme-light .categories .empty-state h3{color:#1e293b}body.theme-light .categories .empty-state p{color:#64748b}body.theme-light .action-btn-quick{background:#f8fafc;border-color:#e2e8f0}body.theme-light .action-btn-quick:hover{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.3)}body.theme-light .color-option.active{border-color:#1e293b}.fav-page{padding:28px 32px 48px}.fav-loading{align-items:center;color:#a0aec0;display:flex;flex-direction:column;font-size:15px;gap:16px;justify-content:center;min-height:500px}.fav-loading-spinner{animation:favSpin .7s linear infinite;border:3px solid rgba(99,102,241,.15);border-radius:50%;border-top-color:#6366f1;height:36px;width:36px}@keyframes favSpin{to{transform:rotate(1turn)}}.fav-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.fav-header-left{display:flex;flex-direction:column;gap:2px}.fav-title{color:#f7fafc;color:var(--text-primary,#f7fafc);font-size:26px;font-weight:800;letter-spacing:-.3px;margin:0}.fav-subtitle{color:#a0aec0;font-size:13px;font-weight:500}.fav-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.fav-search-box{align-items:center;display:flex;position:relative}.fav-search-icon{color:#64748b;font-size:13px;left:12px;pointer-events:none;position:absolute}.fav-search-input{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:#f7fafc;font-size:13px;font-weight:500;padding:9px 34px;transition:all .25s ease;width:200px}.fav-search-input::placeholder{color:#64748b}.fav-search-input:focus{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none;width:240px}.fav-search-clear{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:12px;padding:4px;position:absolute;right:8px}.fav-search-clear:hover{color:#a0aec0}.fav-btn{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:#cbd5e1;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:9px 15px;transition:all .2s ease;white-space:nowrap}.fav-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.14);color:#f1f5f9}.fav-btn.active{background:rgba(99,102,241,.14);border-color:rgba(99,102,241,.3);color:#818cf8}.fav-btn svg{font-size:13px}.fav-stats-row{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;display:flex;gap:0;margin-bottom:20px;padding:14px 20px}.fav-stat{align-items:baseline;display:flex;gap:8px;padding:0 24px}.fav-stat:first-child{padding-left:4px}.fav-stat-value{color:#f7fafc;font-size:18px;font-weight:800;letter-spacing:-.3px}.fav-stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.fav-stat-divider{background:hsla(0,0%,100%,.08);flex-shrink:0;height:28px;width:1px}.fav-filters{grid-gap:14px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;padding:18px 20px}.fav-filter-group{display:flex;flex-direction:column;gap:6px}.fav-filter-group label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.fav-filter-group input,.fav-filter-group select{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#f7fafc;font-size:13px;font-weight:500;padding:9px 12px;transition:all .2s ease}.fav-filter-group input:focus,.fav-filter-group select:focus{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.fav-filter-reset{align-self:end;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);border-radius:8px;color:#f87171;cursor:pointer;font-size:12px;font-weight:700;padding:9px 16px;transition:all .2s ease}.fav-filter-reset:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.fav-toolbar{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;gap:16px;justify-content:space-between;margin-bottom:20px;padding:12px 18px}.fav-sort,.fav-toolbar{align-items:center;display:flex}.fav-sort{gap:10px}.fav-sort-icon{color:#64748b;font-size:13px}.fav-sort select{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#f7fafc;cursor:pointer;font-size:13px;font-weight:500;padding:7px 12px;transition:all .2s ease}.fav-sort select:hover{border-color:hsla(0,0%,100%,.15)}.fav-sort-dir{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#818cf8;cursor:pointer;font-size:14px;font-weight:800;min-width:36px;padding:7px 12px;text-align:center;transition:all .2s ease}.fav-sort-dir:hover{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.25)}.fav-bulk{gap:12px}.fav-bulk,.fav-select-all{align-items:center;display:flex}.fav-select-all{color:#94a3b8;cursor:pointer;font-size:13px;font-weight:600;gap:8px}.fav-select-all input{accent-color:#6366f1;height:16px;width:16px}.fav-bulk-remove{align-items:center;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .2s ease}.fav-bulk-remove:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.fav-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.fav-list{display:flex;flex-direction:column;gap:12px}.fav-list .fav-card{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:90px 1fr;padding:16px}.fav-list .fav-card-img{border-radius:10px;height:90px;width:90px}.fav-list .fav-card-desc,.fav-list .fav-card-meta,.fav-list .fav-card-price,.fav-list .fav-card-top{grid-column:2}.fav-card{background:#1a1a2e;background:var(--surface-primary,#1a1a2e);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--border-subtle,hsla(0,0%,100%,.06));border-radius:14px;display:flex;flex-direction:column;overflow:hidden;padding:18px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.fav-card:hover{border-color:rgba(99,102,241,.15);box-shadow:0 8px 24px rgba(0,0,0,.15)}.fav-card.selected{background:rgba(99,102,241,.04);border-color:rgba(99,102,241,.35);box-shadow:0 0 0 2px rgba(99,102,241,.15)}.fav-card-check{align-items:center;cursor:pointer;display:flex;justify-content:center;left:12px;opacity:0;position:absolute;top:12px;transition:opacity .2s ease;z-index:5}.fav-card.selected .fav-card-check,.fav-card:hover .fav-card-check{opacity:1}.fav-card-check input{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.35);border:2px solid hsla(0,0%,100%,.25);border-radius:6px;cursor:pointer;height:20px;position:relative;transition:all .2s ease;width:20px}.fav-card-check input:hover{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.6)}.fav-card-check input:checked{background:#6366f1;border-color:#6366f1}.fav-card-check input:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.fav-select-all input{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.2);border-radius:5px;cursor:pointer;height:18px;margin-right:6px;position:relative;transition:all .2s ease;vertical-align:middle;width:18px}.fav-select-all input:hover{border-color:rgba(99,102,241,.5)}.fav-select-all input:checked{background:#6366f1;border-color:#6366f1}.fav-select-all input:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.fav-card .card-favorite-btn{flex-shrink:0;height:32px;position:relative;right:auto;top:auto;width:32px}.fav-card-img{background:rgba(99,102,241,.04);border-radius:12px;height:180px;margin-bottom:14px;overflow:hidden;width:100%}.fav-card-img img{height:100%;object-fit:cover;width:100%}.fav-card-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.fav-card-info{flex:1 1;min-width:0}.fav-card-name{color:#f7fafc;font-size:15px;font-weight:700;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-card-cat{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.fav-remove-btn{align-items:center;background:rgba(99,102,241,.08);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;color:#818cf8;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:32px;justify-content:center;width:32px}.fav-remove-btn:hover{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.2);color:#f87171}.fav-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:13px;line-height:1.55;margin:0 0 10px;overflow:hidden}.fav-card-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px}.fav-card-loc,.fav-card-meta{align-items:center;display:flex}.fav-card-loc{color:#64748b;font-size:12px;gap:5px}.fav-card-loc svg{font-size:11px}.fav-cond{border-radius:6px;display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.fav-cond.like_new{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.2);color:#34d399}.fav-cond.good{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.2);color:#60a5fa}.fav-cond.fair{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.2);color:#fbbf24}.fav-cond.poor{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.2);color:#f87171}.fav-card-price{border-top:1px solid hsla(0,0%,100%,.04);color:#f7fafc;color:var(--text-primary,#f7fafc);font-size:18px;font-weight:800;margin-top:auto;padding-top:12px}.fav-empty{color:#94a3b8;padding:80px 20px;text-align:center}.fav-empty-icon{color:rgba(99,102,241,.2);font-size:56px;margin-bottom:20px}.fav-empty h3{color:#f7fafc;font-size:20px;font-weight:700;margin:0 0 8px}.fav-empty p{color:#64748b;font-size:14px;line-height:1.6;margin:0 auto;max-width:360px}.light .fav-page,[data-theme=light] .fav-page{background:#fff}.light .fav-title,[data-theme=light] .fav-title{color:#1e293b}.light .fav-card,[data-theme=light] .fav-card{background:#fff;border-color:#e2e8f0}.light .fav-card:hover,[data-theme=light] .fav-card:hover{border-color:#c7d2fe;box-shadow:0 12px 32px rgba(0,0,0,.08)}.light .fav-card-name,[data-theme=light] .fav-card-name{color:#1e293b}.light .fav-btn,[data-theme=light] .fav-btn{background:#f8fafc;border-color:#e2e8f0;color:#475569}.light .fav-btn:hover,[data-theme=light] .fav-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.light .fav-btn.active,[data-theme=light] .fav-btn.active{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.25);color:#6366f1}.light .fav-search-input,[data-theme=light] .fav-search-input{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}.light .fav-filters,.light .fav-stats-row,.light .fav-toolbar,[data-theme=light] .fav-filters,[data-theme=light] .fav-stats-row,[data-theme=light] .fav-toolbar{background:#f8fafc;border-color:#e2e8f0}.light .fav-stat-value,[data-theme=light] .fav-stat-value{color:#1e293b}.light .fav-stat-divider,[data-theme=light] .fav-stat-divider{background:#e2e8f0}.light .fav-empty h3,[data-theme=light] .fav-empty h3{color:#1e293b}[data-theme=light] .fav-card-check input,body.theme-light .fav-card-check input{background:hsla(0,0%,100%,.85);border-color:rgba(0,0,0,.2)}[data-theme=light] .fav-card-check input:hover,body.theme-light .fav-card-check input:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.5)}[data-theme=light] .fav-card-check input:checked,body.theme-light .fav-card-check input:checked{background:#6366f1;border-color:#6366f1}[data-theme=light] .fav-select-all input,body.theme-light .fav-select-all input{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .fav-select-all input:hover,body.theme-light .fav-select-all input:hover{border-color:rgba(99,102,241,.5)}[data-theme=light] .fav-select-all input:checked,body.theme-light .fav-select-all input:checked{background:#6366f1;border-color:#6366f1}[data-theme=light] .fav-card,body.theme-light .fav-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .fav-card:hover,body.theme-light .fav-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.06)}[data-theme=light] .fav-card-name,body.theme-light .fav-card-name{color:#1e293b}[data-theme=light] .fav-card-cat,body.theme-light .fav-card-cat{color:#6366f1}[data-theme=light] .fav-card-desc,body.theme-light .fav-card-desc{color:#64748b}[data-theme=light] .fav-card-price,body.theme-light .fav-card-price{color:#1e293b}[data-theme=light] .fav-card-loc,body.theme-light .fav-card-loc{color:#64748b}@media (max-width:1024px){.fav-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.fav-page{padding:16px}.fav-header{align-items:flex-start;flex-direction:column;gap:14px}.fav-header-actions{flex-wrap:wrap;width:100%}.fav-search-input,.fav-search-input:focus{width:100%}.fav-search-box{flex:1 1;min-width:180px}.fav-grid{grid-template-columns:1fr}.fav-stats-row{flex-wrap:wrap;gap:12px;padding:14px}.fav-stat{padding:0 12px}.fav-stat-divider{display:none}.fav-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.fav-bulk,.fav-sort{width:100%}.fav-filters{grid-template-columns:1fr}.fav-list .fav-card{grid-template-columns:70px 1fr}.fav-list .fav-card-img{height:70px;width:70px}.fav-btn span{display:none}}.twofa-settings{background:linear-gradient(135deg,rgba(26,26,46,.8),rgba(37,37,64,.8));border:1px solid rgba(102,126,234,.2);border-radius:12px;overflow:hidden}.twofa-header{align-items:center;background:rgba(102,126,234,.1);border-bottom:1px solid rgba(102,126,234,.2);display:flex;gap:1rem;padding:1.5rem}.twofa-header .header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.twofa-header .header-text{flex:1 1}.twofa-header .header-text h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.twofa-header .header-text p{color:#a0aec0;font-size:.875rem;margin:0}.status-badge{align-items:center;border-radius:20px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.status-badge.enabled{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);color:#10b981}.status-badge.disabled{background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.twofa-content{padding:1.5rem}.twofa-settings .alert{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.twofa-settings .alert-error{background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.3);color:#f87171}.twofa-settings .alert-success{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#10b981}.twofa-settings .alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;margin-left:auto;opacity:.5}.twofa-settings .alert button:hover{opacity:1}.setup-prompt{text-align:center}.benefit-list{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:left}.benefit-list h4{color:#10b981;font-size:.9rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.benefit-list ul{margin:0;padding-left:1.5rem}.benefit-list li{color:#a0aec0;padding:.25rem 0}.setup-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .2s ease}.setup-btn:hover:not(:disabled){box-shadow:0 4px 15px rgba(102,126,234,.4);transform:translateY(-2px)}.setup-btn:disabled{cursor:not-allowed;opacity:.6}.enabled-state{text-align:center}.status-info{margin-bottom:1.5rem}.status-info .protected{color:#10b981;font-weight:500;margin-bottom:.5rem}.status-info .backup-info,.status-info .protected{align-items:center;display:flex;gap:.5rem;justify-content:center}.status-info .backup-info{color:#a0aec0;font-size:.9rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-secondary{background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.3);color:#a0aec0;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.btn-secondary:hover{background:rgba(102,126,234,.25);color:#fff}.btn-danger{background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.3);color:#f87171;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:rgba(220,38,38,.25)}.btn-danger:disabled{opacity:.6}.setup-flow{margin:0 auto;max-width:600px}.step{border-bottom:1px solid rgba(102,126,234,.2);margin-bottom:2rem;padding-bottom:2rem}.step:last-of-type{border-bottom:none}.step-header{gap:.75rem;margin-bottom:1rem}.step-header,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.step-header h4{color:#fff;font-size:1rem;margin:0}.step p{color:#a0aec0;font-size:.95rem;margin-bottom:1rem}.qr-container{background:hsla(0,0%,100%,.05);border:1px solid rgba(102,126,234,.2);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem}.qr-container,.qr-placeholder{align-items:center;display:flex}.qr-placeholder{background:#fff;border-radius:12px;height:180px;justify-content:center;padding:10px;width:180px}.qr-placeholder img{max-height:100%;max-width:100%}.manual-entry{text-align:center}.manual-entry p{color:#a0aec0;font-size:.85rem;margin-bottom:.5rem}.secret-key{align-items:center;background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#667eea;display:flex;font-family:Fira Code,Consolas,monospace;font-size:.9rem;gap:.5rem;padding:.75rem 1rem}.secret-key button{background:none;border:none;color:#a0aec0;cursor:pointer;padding:.25rem;transition:color .2s}.secret-key button:hover{color:#fff}.verification-input{align-items:center;display:flex;flex-direction:column;gap:1rem}.verification-input input{background:rgba(15,15,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:12px;color:#fff;font-family:Fira Code,Consolas,monospace;font-size:1.5rem;letter-spacing:.5rem;padding:1rem;text-align:center;width:200px}.verification-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2);outline:none}.verification-input input::placeholder{color:rgba(160,174,192,.5);font-size:1rem;letter-spacing:normal}.btn-verify{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .2s ease}.btn-verify:hover:not(:disabled){box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-1px)}.btn-verify:disabled{cursor:not-allowed;opacity:.6}.backup-codes{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.backup-codes h4{align-items:center;color:#f59e0b;display:flex;font-size:.95rem;gap:.5rem;margin:0 0 .5rem}.backup-codes>p{color:#a0aec0;font-size:.85rem;margin-bottom:1rem}.codes-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.code-item{align-items:center;background:rgba(15,15,30,.6);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#fff;display:flex;font-family:Fira Code,Consolas,monospace;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem}.code-item.used{opacity:.5;text-decoration:line-through}.code-item button{background:none;border:none;color:#a0aec0;cursor:pointer;opacity:0;padding:.25rem;transition:all .2s}.code-item:hover button{opacity:1}.code-item button:hover{color:#fff}.backup-actions{display:flex;gap:.75rem;justify-content:center}.backup-actions button{align-items:center;background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#a0aec0;cursor:pointer;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.backup-actions button:hover{background:rgba(102,126,234,.25);color:#fff}.disable-confirm{margin:0 auto;max-width:400px;text-align:center}.warning-icon{color:#f87171;font-size:3rem;margin-bottom:1rem}.disable-confirm h4{color:#fff;margin-bottom:.5rem}.disable-confirm p{color:#a0aec0;margin-bottom:1.5rem}.disable-form{display:flex;flex-direction:column;gap:1rem}.disable-form input{background:rgba(15,15,30,.8);border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 1rem;text-align:center}.disable-form input:focus{border-color:#f87171;box-shadow:0 0 0 3px rgba(220,38,38,.15);outline:none}.disable-actions{display:flex;gap:.75rem;justify-content:center}.btn-cancel{background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.3);color:#a0aec0;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel:hover{background:rgba(102,126,234,.25);color:#fff}.loading-state{color:#a0aec0;gap:1rem;padding:3rem}.loading-state .spinner{animation:spin 1s linear infinite;color:#667eea;font-size:2rem}:root[data-theme=light] .twofa-settings{background:var(--surface-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}:root[data-theme=light] .twofa-header{background:rgba(102,126,234,.05);border-bottom-color:var(--border-color)}:root[data-theme=light] .twofa-header .header-text h3{color:var(--text-primary)}:root[data-theme=light] .twofa-header .header-text p{color:var(--text-secondary)}:root[data-theme=light] .status-badge.enabled{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:#059669}:root[data-theme=light] .status-badge.disabled{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2);color:#d97706}:root[data-theme=light] .benefit-list{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.15)}:root[data-theme=light] .benefit-list h4{color:#059669}:root[data-theme=light] .benefit-list li{color:var(--text-secondary)}:root[data-theme=light] .status-info .protected{color:#059669}:root[data-theme=light] .status-info .backup-info{color:var(--text-secondary)}:root[data-theme=light] .btn-secondary{background:rgba(102,126,234,.06)}:root[data-theme=light] .btn-secondary:hover{background:rgba(102,126,234,.12);color:var(--text-primary)}:root[data-theme=light] .btn-danger{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.2);color:#dc2626}:root[data-theme=light] .btn-danger:hover:not(:disabled){background:rgba(220,38,38,.15)}:root[data-theme=light] .step{border-bottom-color:var(--border-color)}:root[data-theme=light] .step-header h4{color:var(--text-primary)}:root[data-theme=light] .step p{color:var(--text-secondary)}:root[data-theme=light] .qr-container{background:var(--surface-secondary);border-color:var(--border-color)}:root[data-theme=light] .manual-entry p{color:var(--text-muted)}:root[data-theme=light] .secret-key{background:var(--surface-secondary);border-color:var(--border-color);color:#667eea}:root[data-theme=light] .secret-key button{color:var(--text-muted)}:root[data-theme=light] .secret-key button:hover{color:var(--text-primary)}:root[data-theme=light] .verification-input input{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .verification-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}:root[data-theme=light] .verification-input input::placeholder{color:var(--text-muted)}:root[data-theme=light] .backup-codes{background:rgba(245,158,11,.05);border-color:rgba(245,158,11,.2)}:root[data-theme=light] .backup-codes h4{color:#d97706}:root[data-theme=light] .backup-codes>p{color:var(--text-secondary)}:root[data-theme=light] .code-item{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .code-item button{color:var(--text-muted)}:root[data-theme=light] .code-item button:hover{color:var(--text-primary)}:root[data-theme=light] .backup-actions button{background:rgba(102,126,234,.06);border-color:var(--border-color);color:var(--text-secondary)}:root[data-theme=light] .backup-actions button:hover{background:rgba(102,126,234,.12);color:var(--text-primary)}:root[data-theme=light] .disable-confirm h4{color:var(--text-primary)}:root[data-theme=light] .disable-confirm p{color:var(--text-secondary)}:root[data-theme=light] .disable-form input{background:var(--surface-secondary);border-color:rgba(220,38,38,.2);color:var(--text-primary)}:root[data-theme=light] .disable-form input:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}:root[data-theme=light] .btn-cancel{background:rgba(0,0,0,.04);border-color:var(--border-color);color:var(--text-secondary)}:root[data-theme=light] .btn-cancel:hover{background:rgba(0,0,0,.08);color:var(--text-primary)}:root[data-theme=light] .loading-state{color:var(--text-muted)}@media (max-width:768px){.twofa-header{flex-direction:column;gap:1rem;text-align:center}.codes-grid{grid-template-columns:1fr}.action-buttons,.disable-actions{flex-direction:column}}.settings{animation:fadeIn .4s ease;padding:32px}.settings-header{margin-bottom:32px}.settings-header h2{color:#fff;color:var(--text-primary,#fff);font-size:28px;font-weight:700;margin:0 0 8px}.settings-header p{color:#a0aec0;color:var(--text-muted,#a0aec0);font-size:14px;margin:0}.settings-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:200px 1fr}.settings-tabs{display:flex;flex-direction:column;gap:8px}.tab-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#a0aec0;color:var(--text-muted,#a0aec0);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:all .3s ease}.tab-btn:hover{background:rgba(102,126,234,.1);background:var(--sidebar-hover,rgba(102,126,234,.1))}.tab-btn.active,.tab-btn:hover{color:#667eea;color:var(--accent,#667eea)}.tab-btn.active{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.15));border-left:3px solid #667eea;border-left:3px solid var(--accent,#667eea);padding-left:13px}.settings-content{background:#1a1a2e;background:var(--surface-primary,#1a1a2e);border:1px solid rgba(102,126,234,.1);border:1px solid var(--border-subtle,rgba(102,126,234,.1));border-radius:16px;padding:32px}.settings-panel h3{color:#fff;color:var(--text-primary,#fff);font-size:20px;font-weight:700;margin:0 0 24px}.form-row{grid-gap:16px;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;color:var(--text-primary,#fff);letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group textarea{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:12px;font-family:inherit;padding:12px 16px;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(160,174,192,.7)}.form-group input:focus,.form-group textarea:focus{background:rgba(15,15,30,.95);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.form-group input:disabled{background:rgba(102,126,234,.02);color:#a0aec0;cursor:not-allowed}.form-hint{color:#a0aec0;margin:4px 0 0}.security-section{border-bottom:1px solid rgba(102,126,234,.1);margin-bottom:32px;padding-bottom:32px}.security-section:last-child{border-bottom:none}.security-section h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 16px}.toggle-item{align-items:center;background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1);border-radius:12px;cursor:pointer;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;outline:none;padding:16px}.toggle-item:focus-visible{box-shadow:0 0 0 2px #667eea}.toggle-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.toggle-info .toggle-icon{color:#667eea;font-size:14px;margin-bottom:4px}.toggle-info p{color:#fff;font-size:14px;font-weight:600;margin:0}.toggle-info span{color:#a0aec0;display:block;font-size:12px;line-height:1.4;margin-top:4px}.toggle-switch{align-items:center;background:rgba(100,116,139,.35);border-radius:999px;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;padding:3px;position:relative;transition:background-color .2s ease;width:52px}.toggle-slider{background:transparent;border-radius:999px;inset:0}.toggle-slider:before{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);height:22px;left:3px;top:3px;transition:transform .2s ease;width:22px}.toggle-switch.checked{background:#4f46e5}.toggle-switch.checked .toggle-slider:before{transform:translateX(24px)}.toggle-switch:focus-visible .toggle-slider{outline:2px solid #4f46e5;outline-offset:2px}.settings-section-group{border-bottom:1px solid rgba(102,126,234,.08);margin-bottom:28px;padding-bottom:24px}.settings-section-group:last-of-type{border-bottom:none;margin-bottom:16px}.section-subtitle{align-items:center;color:#a0aec0;display:flex;font-size:15px;font-size:12px;font-weight:700;gap:10px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.section-subtitle svg{color:#667eea;font-size:14px}.section-description{color:#a0aec0;font-size:14px;line-height:1.6;margin:0 0 24px}.quiet-hours-range{grid-gap:16px;background:rgba(15,15,30,.5);border:1px solid rgba(102,126,234,.1);border-radius:12px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:12px;margin-top:12px;padding:16px}.quiet-hours-range input[type=time]{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:10px 14px;width:100%}.quiet-hours-range input[type=time]:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15);outline:none}.privacy-info{border-bottom:1px solid rgba(102,126,234,.1);margin-bottom:24px;padding-bottom:24px}.privacy-info:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.privacy-info h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 8px}.privacy-info p{color:#a0aec0;font-size:14px;line-height:1.6;margin:0 0 12px}.btn-save{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;font-size:14px;gap:8px;padding:12px 28px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-save:hover{box-shadow:0 12px 24px rgba(102,126,234,.3);transform:translateY(-4px)}.btn-delete-account,.btn-link{background:rgba(245,87,108,.1);border:1px solid rgba(245,87,108,.2);border-radius:8px;color:#f5576c;cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:10px 20px;transition:all .3s ease}.btn-delete-account:hover,.btn-link:hover{background:rgba(245,87,108,.2);border-color:rgba(245,87,108,.4)}.btn-link{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.2);color:#667eea}.btn-link:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.4)}.profile-picture-section{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.initials-avatar-large{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:linear-gradient(135deg,var(--primary,#6c5ce7),#a29bfe);border-radius:50%;color:#fff;display:flex;font-size:2.2rem;font-weight:700;height:100px;justify-content:center;letter-spacing:2px;-webkit-user-select:none;user-select:none;width:100px}.settings-description{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.9rem;line-height:1.5;margin-bottom:20px}.form-help{color:#999;color:var(--text-secondary,#999);display:block;font-size:.78rem;margin-top:4px}.ai-settings-actions{display:flex;gap:12px;margin-top:8px}.btn-secondary{background:transparent;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.9rem;font-weight:600}.btn-secondary:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.profile-avatar-wrapper{border-radius:50%;flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.profile-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-avatar-initials{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-size:36px;font-weight:700;height:100%;letter-spacing:1px;-webkit-user-select:none;user-select:none;width:100%}.profile-avatar-initials,.profile-avatar-overlay{align-items:center;color:#fff;display:flex;justify-content:center}.profile-avatar-overlay{background:rgba(0,0,0,.45);border:none;border-radius:50%;cursor:pointer;font-size:22px;inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.btn-remove-avatar{background:none;border:none;border-radius:6px;color:#f5576c;cursor:pointer;font-size:13px;padding:4px 8px;transition:background .2s ease}.btn-remove-avatar:hover{background:rgba(245,87,108,.1)}.email-display-row{align-items:center;display:flex;gap:10px}.email-display-row .email-readonly{flex:1 1}.btn-change-email{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:background .2s ease,border-color .2s ease;white-space:nowrap}.btn-change-email:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.5)}.email-change-form{background:rgba(102,126,234,.04);border:1px solid rgba(102,126,234,.15);border-radius:12px;margin-top:16px;padding:20px}.email-change-actions{display:flex;gap:10px;margin-top:12px}.email-change-actions .btn-cancel{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:inherit;cursor:pointer;font-size:13px;padding:10px 20px}.email-change-actions .btn-save{flex:initial}.role-badge-container{align-items:center;display:flex;gap:12px;margin-bottom:24px}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;gap:8px;padding:8px 16px}.role-badge.role-admin,.role-badge.role-owner{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px rgba(245,87,108,.3);color:#fff}.role-badge.role-member{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.3);color:#667eea}.danger-zone{background:rgba(245,87,108,.05);border:2px solid rgba(245,87,108,.2);border-radius:12px;margin-top:32px;padding:24px}.danger-zone h4{color:#f5576c;font-size:16px;margin:0 0 12px}.danger-zone p{color:#cbd5e0;line-height:1.6;margin-bottom:16px}.delete-confirm-box{background:rgba(15,15,30,.8);border:1px solid rgba(245,87,108,.3);border-radius:8px;padding:20px}.delete-confirm-box p{color:#fff;margin:0 0 12px}.delete-confirm-box input{background:rgba(15,15,30,.8);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-size:14px;margin-bottom:16px;padding:12px 16px;width:100%}.delete-confirm-box input:focus{border-color:#f5576c;box-shadow:0 0 0 3px rgba(245,87,108,.15);outline:none}.delete-actions{display:flex;gap:12px}.btn-cancel{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff;flex:1 1;font-size:14px;transition:all .3s ease}.btn-cancel:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.btn-confirm-delete{align-items:center;background:#f5576c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s ease}.btn-confirm-delete:hover:not(:disabled){background:#e43d55;box-shadow:0 8px 16px rgba(245,87,108,.4);transform:translateY(-2px)}.btn-confirm-delete:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.settings{padding:16px}.settings-container{grid-template-columns:1fr}.settings-tabs{flex-direction:row;flex-wrap:wrap;gap:6px}.tab-btn{flex:1 1;font-size:12px;justify-content:center;min-width:100px;padding:10px 12px}.tab-btn.active{border-bottom:3px solid #667eea;border-left:none;padding-left:12px}.form-row{grid-template-columns:1fr}.settings-content{padding:20px}.quiet-hours-range{grid-template-columns:1fr}.toggle-switch{height:30px;width:56px}.toggle-slider:before{height:24px;left:3px;top:3px;width:24px}.toggle-switch.checked .toggle-slider:before{transform:translateX(26px)}}body.prefer-touch .toggle-switch{height:34px;width:60px}body.prefer-touch .toggle-slider:before{height:28px;left:3px;top:3px;width:28px}body.prefer-touch .toggle-switch.checked .toggle-slider:before{transform:translateX(26px)}body.prefer-touch .toggle-item{min-height:64px;padding:18px 16px}body.prefer-touch .tab-btn{min-height:48px;padding:14px 18px}body.prefer-touch .btn-cancel,body.prefer-touch .btn-confirm-delete,body.prefer-touch .btn-delete-account,body.prefer-touch .btn-link,body.prefer-touch .btn-save{min-height:48px;padding:14px 24px}.settings-loading{color:#667eea;font-size:16px;height:400px;justify-content:center}.settings-loading,.settings-message{align-items:center;display:flex;gap:12px}.settings-message{animation:slideIn .3s ease;border-radius:10px;font-weight:500;margin-bottom:20px;padding:14px 18px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-message.success{background:rgba(72,187,120,.15);border:1px solid rgba(72,187,120,.3);color:#48bb78}.settings-message.error{background:hsla(0,88%,68%,.15);border:1px solid hsla(0,88%,68%,.3);color:#f56565}.settings-panel textarea{background:#1a1a2e;border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.settings-panel textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15);outline:none}.settings-panel textarea::placeholder{color:#6b7280}.theme-switcher{display:flex;gap:12px;margin-top:12px}.theme-option{align-items:center;background:#252540;background:var(--dark-tertiary,#252540);border:2px solid #2d3748;border:2px solid var(--border-color,#2d3748);border-radius:12px;color:#cbd5e0;color:var(--text-secondary,#cbd5e0);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:500;gap:8px;padding:20px 16px;transition:all .25s ease}.theme-option svg{font-size:22px}.theme-option:hover{color:#fff;color:var(--text-primary,#fff)}.theme-option.active,.theme-option:hover{border-color:#667eea;border-color:var(--accent,#667eea)}.theme-option.active{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));box-shadow:0 0 0 3px rgba(102,126,234,.15);color:#667eea;color:var(--accent,#667eea)}.language-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:12px}.language-option{align-items:center;background:#252540;background:var(--dark-tertiary,#252540);border:2px solid #2d3748;border:2px solid var(--border-color,#2d3748);border-radius:10px;color:#cbd5e0;color:var(--text-secondary,#cbd5e0);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 16px;transition:all .25s ease}.language-option .lang-flag{font-size:20px}.language-option:hover{color:#fff;color:var(--text-primary,#fff)}.language-option.active,.language-option:hover{border-color:#667eea;border-color:var(--accent,#667eea)}.language-option.active{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));box-shadow:0 0 0 3px rgba(102,126,234,.15);color:#667eea;color:var(--accent,#667eea)}[data-theme=light] .settings-header h2{color:#1e293b}[data-theme=light] .settings-header p,[data-theme=light] .tab-btn{color:#64748b}[data-theme=light] .tab-btn:hover{background:rgba(99,102,241,.06);color:#4f46e5}[data-theme=light] .tab-btn.active{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(118,75,162,.08));border-left-color:#4f46e5;color:#4f46e5}[data-theme=light] .settings-panel h3{color:#1e293b}[data-theme=light] .form-group label{color:#374151}[data-theme=light] .form-group input,[data-theme=light] .form-group textarea,[data-theme=light] .settings-panel textarea{background:#f8fafc;border-color:#d1d5db;color:#1e293b}[data-theme=light] .form-group input::placeholder,[data-theme=light] .form-group textarea::placeholder,[data-theme=light] .settings-panel textarea::placeholder{color:#9ca3af}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group textarea:focus,[data-theme=light] .settings-panel textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}[data-theme=light] .form-group input:disabled{background:#f1f5f9;color:#94a3b8}[data-theme=light] .form-group select,[data-theme=light] .settings-panel select{background:#f8fafc;border:1px solid #d1d5db;border-radius:12px;color:#1e293b;padding:12px 16px}[data-theme=light] .form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12);outline:none}[data-theme=light] .form-hint{color:#94a3b8}[data-theme=light] .section-description,[data-theme=light] .section-subtitle{color:#64748b}[data-theme=light] .security-section{border-bottom-color:#e2e8f0}[data-theme=light] .security-section h4{color:#1e293b}[data-theme=light] .toggle-item{background:#f8fafc}[data-theme=light] .toggle-item:hover{background:#f1f5f9}[data-theme=light] .toggle-info p{color:#1e293b}[data-theme=light] .toggle-info span{color:#64748b}[data-theme=light] .toggle-info .toggle-icon{color:#6366f1}[data-theme=light] .toggle-switch{background:#cbd5e1}[data-theme=light] .toggle-slider:before{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}[data-theme=light] .settings-section-group{border-bottom-color:#e2e8f0}[data-theme=light] .quiet-hours-range{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .quiet-hours-range input[type=time]{background:#fff;border-color:#d1d5db;color:#1e293b}[data-theme=light] .quiet-hours-range input[type=time]:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}[data-theme=light] .privacy-info{border-bottom-color:#e2e8f0}[data-theme=light] .privacy-info h4{color:#1e293b}[data-theme=light] .privacy-info p{color:#64748b}[data-theme=light] .btn-save{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}[data-theme=light] .btn-save:hover{box-shadow:0 12px 24px rgba(79,70,229,.25)}[data-theme=light] .btn-link{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);color:#4f46e5}[data-theme=light] .btn-link:hover{background:rgba(99,102,241,.12)}[data-theme=light] .role-badge.role-member{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.2);color:#4f46e5}[data-theme=light] .btn-change-email{background:rgba(79,70,229,.08);border-color:rgba(79,70,229,.2);color:#4f46e5}[data-theme=light] .btn-change-email:hover{background:rgba(79,70,229,.14);border-color:rgba(79,70,229,.35)}[data-theme=light] .email-change-form{background:rgba(79,70,229,.03);border-color:rgba(79,70,229,.12)}[data-theme=light] .email-change-actions .btn-cancel{background:#f1f5f9;border-color:#d1d5db;color:#374151}[data-theme=light] .btn-remove-avatar{color:#dc2626}[data-theme=light] .btn-remove-avatar:hover{background:rgba(220,38,38,.06)}[data-theme=light] .danger-zone{background:rgba(220,38,38,.04);border-color:rgba(220,38,38,.2)}[data-theme=light] .danger-zone h4{color:#dc2626}[data-theme=light] .danger-zone p{color:#64748b}[data-theme=light] .btn-delete-account{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.2);color:#dc2626}[data-theme=light] .btn-delete-account:hover{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.35)}[data-theme=light] .delete-confirm-box{background:#fef2f2;border-color:rgba(220,38,38,.25)}[data-theme=light] .delete-confirm-box p{color:#1e293b}[data-theme=light] .delete-confirm-box p strong{color:#dc2626}[data-theme=light] .delete-confirm-box input{background:#fff;border-color:#d1d5db;color:#1e293b}[data-theme=light] .delete-confirm-box input::placeholder{color:#9ca3af}[data-theme=light] .delete-confirm-box input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}[data-theme=light] .btn-cancel{background:#f1f5f9;border-color:#d1d5db;color:#374151}[data-theme=light] .btn-cancel:hover{background:#e2e8f0;border-color:#9ca3af}[data-theme=light] .btn-confirm-delete{background:#dc2626;color:#fff}[data-theme=light] .btn-confirm-delete:hover:not(:disabled){background:#b91c1c;box-shadow:0 8px 16px rgba(220,38,38,.3)}[data-theme=light] .theme-option{background:#f8fafc;border-color:#e2e8f0;color:#64748b}[data-theme=light] .theme-option:hover{border-color:#6366f1;color:#1e293b}[data-theme=light] .theme-option.active{background:rgba(99,102,241,.08);border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);color:#4f46e5}[data-theme=light] .language-option{background:#f8fafc;border-color:#e2e8f0;color:#64748b}[data-theme=light] .language-option:hover{border-color:#6366f1;color:#1e293b}[data-theme=light] .language-option.active{background:rgba(99,102,241,.08);border-color:#6366f1;color:#4f46e5}[data-theme=light] .settings-message.success{background:rgba(22,163,74,.08);border-color:rgba(22,163,74,.2);color:#16a34a}[data-theme=light] .settings-message.error{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.2);color:#dc2626}[data-theme=light] .settings-loading{color:#6366f1}.settings-btn-secondary{align-items:center;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.4);border-radius:9px;color:#818cf8;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:7px;padding:9px 18px;transition:all .18s}.settings-btn-secondary:hover{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.6);color:#a5b4fc}.settings-select{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:9px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:border-color .18s;width:100%}.settings-select:focus{border-color:rgba(99,102,241,.5)}.settings-select option{background:#1e2130;color:#f1f5f9}[data-theme=light] .settings-btn-secondary{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.35);color:#4f46e5}[data-theme=light] .settings-btn-secondary:hover{background:rgba(99,102,241,.15);color:#4338ca}[data-theme=light] .settings-select{background:#f8f9fa;border-color:rgba(0,0,0,.15);color:#1e293b}[data-theme=light] .settings-select option{background:#fff;color:#1e293b}.trash{animation:fadeIn .4s ease;padding:32px}.trash-loading{color:#a0aec0;font-size:16px;justify-content:center;min-height:600px}.trash-header,.trash-loading{align-items:center;display:flex}.trash-header{justify-content:space-between;margin-bottom:24px}.trash-header h2{color:#fff;font-size:28px;font-weight:700;margin:0}.trash-stats{align-items:center;display:flex;gap:16px}.item-count{font-size:13px;padding:6px 12px}.btn-empty-trash,.item-count{background:rgba(245,87,108,.1);border:1px solid rgba(245,87,108,.2);border-radius:8px;color:#f5576c;font-weight:600}.btn-empty-trash{cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.btn-empty-trash:hover{background:rgba(245,87,108,.2);border-color:rgba(245,87,108,.4)}.trash-warning{align-items:center;background:linear-gradient(135deg,rgba(250,112,154,.1),rgba(250,157,168,.05));border:1px solid rgba(245,87,108,.2);border-radius:12px;color:#f5576c;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px 20px}.trash-warning svg{flex-shrink:0;font-size:20px}.trash-list{display:flex;flex-direction:column;gap:12px}.trash-item{align-items:center;border:1px solid rgba(102,126,234,.1);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.trash-item,.trash-item:hover{background:linear-gradient(135deg,#1a1a2e,#252540)}.trash-item:hover{border-color:rgba(102,126,234,.2)}.trash-item-image{background:rgba(102,126,234,.05);border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.trash-item-image img{height:100%;object-fit:cover;width:100%}.trash-item-info{align-items:center;display:flex;flex:1 1;gap:40px}.item-details h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 8px}.item-description{color:#a0aec0;font-size:13px;line-height:1.5;margin:0 0 8px}.item-meta{align-items:center;display:flex;gap:12px}.deleted-date{color:#a0aec0;font-size:13px}.category-badge{background:rgba(102,126,234,.1);color:#667eea;font-size:11px;font-weight:600;text-transform:uppercase}.category-badge,.item-price{border-radius:6px;padding:4px 10px}.item-price{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:700}.expiration-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.expires-label{color:#a0aec0;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.expires-time{color:#f5576c;font-size:14px;font-weight:700}.trash-item-actions{display:flex;gap:12px;margin-left:20px}.btn-delete,.btn-restore{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-restore{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-restore:hover{box-shadow:0 8px 16px rgba(17,153,142,.3);transform:translateY(-2px)}.btn-delete{background:rgba(245,87,108,.1);border:1px solid rgba(245,87,108,.2);color:#f5576c}.btn-delete:hover{background:rgba(245,87,108,.2);border-color:rgba(245,87,108,.4)}.empty-icon{color:rgba(245,87,108,.3);font-size:64px}.empty-state h3{font-size:22px}@media (max-width:768px){.trash{padding:16px}.trash-header{gap:16px}.trash-header,.trash-item{align-items:flex-start;flex-direction:column}.trash-item-info{flex-direction:column;gap:16px;width:100%}.trash-item-actions{margin-left:0;margin-top:16px;width:100%}.btn-delete,.btn-restore{flex:1 1;justify-content:center}}body.theme-light .trash,body.theme-light .trash h2{color:#1a202c}body.theme-light .item-count{color:#4a5568}body.theme-light .btn-empty-trash{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444}body.theme-light .btn-empty-trash:hover{background:rgba(239,68,68,.15)}body.theme-light .trash-warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:#92400e}body.theme-light .trash-item{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.06)}body.theme-light .trash-item:hover{border-color:#667eea;box-shadow:0 4px 16px rgba(102,126,234,.1)}body.theme-light .trash-item h4{color:#1a202c}body.theme-light .item-description{color:#4a5568}body.theme-light .deleted-date{color:#a0aec0}body.theme-light .category-badge{background:rgba(102,126,234,.08);color:#667eea}body.theme-light .item-price{color:#4a5568}body.theme-light .expires-label{color:#a0aec0}body.theme-light .expires-time{color:#f59e0b}body.theme-light .btn-restore{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#10b981}body.theme-light .btn-restore:hover{background:rgba(16,185,129,.15)}body.theme-light .btn-delete{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:#ef4444}body.theme-light .btn-delete:hover{background:rgba(239,68,68,.12)}body.theme-light .empty-state{color:#4a5568}body.theme-light .empty-state h3{color:#1a202c}body.theme-light .trash-loading{color:#4a5568}.notifications{animation:fadeIn .4s ease;max-width:1200px;padding:32px}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.notifications-header .header-left{align-items:center;display:flex;gap:12px}.notifications-header h2{align-items:center;color:#fff;display:flex;font-size:28px;font-weight:700;gap:10px;margin:0}.notifications-controls{align-items:center;display:flex;gap:12px}.unread-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:8px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px}.btn-mark-all{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.btn-mark-all:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.4)}.btn-settings{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#667eea;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-settings:hover{background:rgba(102,126,234,.2)}.notifications-search{margin-bottom:16px;position:relative}.notifications-search .search-icon{color:#667eea;font-size:14px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.notifications-search input{background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.15);border-radius:12px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:12px 40px;transition:all .3s ease;width:100%}.notifications-search input:focus{background:rgba(102,126,234,.12);border-color:#667eea}.search-clear{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:14px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.notifications-filters{border-bottom:1px solid rgba(102,126,234,.08);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px}.filter-tab{align-items:center;background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1);border-radius:20px;color:#a0aec0;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.filter-tab:hover{border-color:rgba(102,126,234,.3);color:#fff}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.tab-count{background:hsla(0,0%,100%,.15);border-radius:10px;font-size:11px;padding:2px 8px}.filter-tab.active .tab-count{background:hsla(0,0%,100%,.25)}.notification-group{margin-bottom:24px}.group-label{color:#667eea;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:12px;padding-left:4px;text-transform:uppercase}.notifications-list{display:flex;flex-direction:column;gap:8px}.notification-item{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.1);border-radius:12px;gap:16px;padding:16px 20px;transition:all .3s ease}.notification-item.unread{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.08));border-color:rgba(102,126,234,.2);border-left:3px solid #667eea}.notification-item:hover{border-color:rgba(102,126,234,.3);box-shadow:0 4px 16px rgba(0,0,0,.15)}.notification-icon{border-radius:12px;font-size:18px;height:42px;width:42px}.notification-item.success .notification-icon{background:rgba(56,239,125,.12)}.notification-item.info .notification-icon{background:rgba(79,172,254,.12)}.notification-item.warning .notification-icon{background:rgba(245,87,108,.12)}.notification-title-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.notification-content h4{color:#fff;font-size:15px;font-weight:600;margin:0}.notification-type-badge{font-size:11px;font-weight:600;opacity:.7}.notification-content p{color:#a0aec0;font-size:13px;line-height:1.5;margin:0 0 6px}.notification-time{color:#666;font-size:11px}.notification-actions{display:flex;flex-shrink:0;gap:6px;opacity:0;transition:opacity .3s ease}.notification-item:hover .notification-actions{opacity:1}.btn-delete,.btn-read{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.btn-read{background:rgba(102,126,234,.1);color:#667eea}.btn-read:hover{background:rgba(102,126,234,.2)}.notification-item .btn-delete{background:rgba(245,87,108,.1);color:#f5576c}.notification-item .btn-delete:hover{background:rgba(245,87,108,.2)}.empty-state{color:#a0aec0;padding:80px 20px}.empty-icon{color:rgba(102,126,234,.3);font-size:48px;margin-bottom:16px}.empty-state h3{color:#fff;font-size:20px}.empty-state p{font-size:14px;line-height:1.6}.btn-reset-filter{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-reset-filter:hover{background:rgba(102,126,234,.2)}.notifications-loading{align-items:center;color:#667eea;display:flex;font-size:16px;gap:12px;height:400px;justify-content:center}.btn-clear-all{align-items:center;background:rgba(245,87,108,.1);border:1px solid rgba(245,87,108,.2);border-radius:8px;color:#f5576c;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.btn-clear-all:hover{background:rgba(245,87,108,.2);border-color:rgba(245,87,108,.4)}:root[data-theme=light] .notifications-header h2{color:var(--text-primary)}:root[data-theme=light] .btn-mark-all{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.15);color:#667eea}:root[data-theme=light] .btn-mark-all:hover{background:rgba(102,126,234,.15)}:root[data-theme=light] .btn-settings{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.15);color:#667eea}:root[data-theme=light] .notifications-search input{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .notifications-search input:focus{background:var(--surface-primary);border-color:#667eea}:root[data-theme=light] .notifications-search input::placeholder{color:var(--text-muted)}:root[data-theme=light] .search-clear{color:var(--text-muted)}:root[data-theme=light] .notifications-filters{border-bottom-color:var(--border-color)}:root[data-theme=light] .filter-tab{background:rgba(0,0,0,.03);border-color:var(--border-color);color:var(--text-muted)}:root[data-theme=light] .filter-tab:hover{border-color:rgba(102,126,234,.3);color:var(--text-primary)}:root[data-theme=light] .filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}:root[data-theme=light] .filter-tab.active .tab-count{background:hsla(0,0%,100%,.25)}:root[data-theme=light] .tab-count{background:rgba(0,0,0,.06)}:root[data-theme=light] .group-label{color:#667eea}:root[data-theme=light] .notification-item{background:var(--surface-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}:root[data-theme=light] .notification-item.unread{background:rgba(102,126,234,.04);border-color:rgba(102,126,234,.15) rgba(102,126,234,.15) rgba(102,126,234,.15) #667eea}:root[data-theme=light] .notification-item:hover{border-color:rgba(102,126,234,.25);box-shadow:var(--shadow-md)}:root[data-theme=light] .notification-content h4{color:var(--text-primary)}:root[data-theme=light] .notification-content p{color:var(--text-secondary)}:root[data-theme=light] .notification-time{color:var(--text-muted)}:root[data-theme=light] .btn-read{background:rgba(102,126,234,.08);color:#667eea}:root[data-theme=light] .btn-read:hover{background:rgba(102,126,234,.15)}:root[data-theme=light] .notification-item .btn-delete{background:rgba(245,87,108,.08);color:#f5576c}:root[data-theme=light] .notification-item .btn-delete:hover{background:rgba(245,87,108,.15)}:root[data-theme=light] .empty-state{color:var(--text-muted)}:root[data-theme=light] .empty-state h3{color:var(--text-primary)}:root[data-theme=light] .empty-icon{color:rgba(102,126,234,.25)}:root[data-theme=light] .btn-reset-filter{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.15);color:#667eea}:root[data-theme=light] .btn-reset-filter:hover{background:rgba(102,126,234,.12)}:root[data-theme=light] .notifications-loading{color:#667eea}:root[data-theme=light] .btn-clear-all{background:rgba(245,87,108,.06);border-color:rgba(245,87,108,.15);color:#f5576c}:root[data-theme=light] .btn-clear-all:hover{background:rgba(245,87,108,.12)}@media (max-width:768px){.notifications{padding:16px}.notifications-header{align-items:flex-start;flex-direction:column;gap:12px}.notifications-controls{flex-wrap:wrap;width:100%}.notifications-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.filter-tab{white-space:nowrap}.notification-item{flex-direction:column;gap:12px}.notification-actions{justify-content:flex-end;opacity:1;width:100%}}:root{--at-white:#fff;--at-gray-25:#18181b;--at-gray-50:#1c1c20;--at-gray-100:#27272a;--at-gray-200:#3f3f46;--at-gray-300:#52525b;--at-gray-400:#71717a;--at-gray-500:#a1a1aa;--at-gray-600:#d4d4d8;--at-gray-700:#e4e4e7;--at-gray-800:#f4f4f5;--at-gray-900:#fafafa;--at-bg:#111113;--at-card:#18181b;--at-border:#27272a;--at-blue:#3b82f6;--at-blue-hover:#2563eb;--at-blue-light:rgba(59,130,246,.12);--at-blue-mid:rgba(59,130,246,.25);--at-green:#22c55e;--at-green-bg:rgba(34,197,94,.1);--at-green-border:rgba(34,197,94,.25);--at-red:#ef4444;--at-red-bg:rgba(239,68,68,.1);--at-red-border:rgba(239,68,68,.25);--at-amber:#f59e0b;--at-amber-bg:rgba(245,158,11,.1);--at-amber-border:rgba(245,158,11,.25);--at-purple:#a78bfa;--at-radius-sm:4px;--at-radius:6px;--at-radius-lg:10px;--at-radius-xl:14px;--at-shadow-xs:0 1px 2px rgba(0,0,0,.25);--at-shadow-sm:0 1px 4px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.04);--at-shadow:0 4px 16px rgba(0,0,0,.35);--at-shadow-modal:0 32px 80px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.3);--at-font:inherit;--at-mono:"SF Mono","Fira Code","Cascadia Code",monospace}[data-theme=light]{--at-gray-25:#fafafa;--at-gray-50:#f6f7f8;--at-gray-100:#eef0f3;--at-gray-200:#dde1e7;--at-gray-300:#c4cad4;--at-gray-400:#98a3b3;--at-gray-500:#6b7789;--at-gray-600:#4a5568;--at-gray-700:#2d3748;--at-gray-800:#1a202c;--at-gray-900:#111827;--at-bg:#f6f7f8;--at-card:#fff;--at-border:#dde1e7;--at-blue-light:#e8eeff;--at-blue-mid:#c7d4f9;--at-green:#0d7a4e;--at-green-bg:#eafaf3;--at-green-border:#a7e3c8;--at-red:#c0392b;--at-red-bg:#fdf2f1;--at-red-border:#f5c6c2;--at-amber:#b45309;--at-amber-bg:#fffbeb;--at-amber-border:#fde68a;--at-shadow-xs:0 1px 2px rgba(15,28,63,.05);--at-shadow-sm:0 1px 4px rgba(15,28,63,.08),0 0 0 1px rgba(15,28,63,.04);--at-shadow:0 4px 16px rgba(15,28,63,.1),0 1px 4px rgba(15,28,63,.06);--at-shadow-modal:0 32px 80px rgba(15,28,63,.22),0 8px 24px rgba(15,28,63,.1)}.at-page{background:#111113;background:var(--at-bg);color:#f4f4f5;color:var(--at-gray-800);display:flex;flex-direction:column;height:100%;overflow:hidden}.at-stats-bar{background:#18181b;background:var(--at-card);border-bottom:1px solid #27272a;border-bottom:1px solid var(--at-border);display:grid;flex-shrink:0;grid-template-columns:repeat(5,1fr)}.at-stat-cell{border-right:1px solid #27272a;border-right:1px solid var(--at-gray-100);padding:14px 24px}.at-stat-cell:last-child{border-right:none}.at-stat-label{color:#71717a;color:var(--at-gray-400);font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.at-stat-number{font-feature-settings:"tnum";color:#fafafa;color:var(--at-gray-900);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.5px;line-height:1}.at-num-danger{color:#ef4444!important;color:var(--at-red)!important}.at-num-warning{color:#f59e0b!important;color:var(--at-amber)!important}.at-num-success{color:#22c55e!important;color:var(--at-green)!important}.at-stat-sub{color:#71717a;color:var(--at-gray-400);font-size:11px;margin-top:4px}.at-toolbar{align-items:center;background:#18181b;background:var(--at-card);border-bottom:1px solid #27272a;border-bottom:1px solid var(--at-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:10px 24px}.at-search-wrap{flex:1 1;max-width:300px;min-width:180px;position:relative}.at-search-icon{color:#71717a;color:var(--at-gray-400);font-size:13px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.at-search-input{background:#1c1c20;background:var(--at-gray-50);border:1px solid #3f3f46;border:1px solid var(--at-gray-200);border-radius:6px;border-radius:var(--at-radius);color:#f4f4f5;color:var(--at-gray-800);font-family:inherit;font-family:var(--at-font);font-size:13px;outline:none;padding:7px 10px 7px 32px;transition:all .14s;width:100%}.at-search-input:focus{background:#18181b;background:var(--at-card);border-color:#3b82f6;border-color:var(--at-blue);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.at-search-input::placeholder{color:#71717a;color:var(--at-gray-400)}.at-filter-select{background:#1c1c20;background:var(--at-gray-50);border:1px solid #3f3f46;border:1px solid var(--at-gray-200);border-radius:6px;border-radius:var(--at-radius);color:#e4e4e7;color:var(--at-gray-700);cursor:pointer;font-family:inherit;font-family:var(--at-font);font-size:13px;outline:none;padding:7px 10px;transition:border-color .14s}.at-filter-select:hover{border-color:#52525b;border-color:var(--at-gray-300)}.at-filter-select:focus{border-color:#3b82f6;border-color:var(--at-blue);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.at-per-page{font-size:12px;padding:5px 10px}.at-toolbar-sep{background:#3f3f46;background:var(--at-gray-200);height:24px;margin:0 4px;width:1px}.at-toolbar-right{align-items:center;display:flex;gap:8px;margin-left:auto}.at-selection-strip{background:rgba(59,130,246,.12);background:var(--at-blue-light);border:1px solid rgba(59,130,246,.25);border:1px solid var(--at-blue-mid);color:#3b82f6;color:var(--at-blue);display:flex;font-size:12.5px;gap:8px;padding:5px 10px}.at-btn,.at-selection-strip{align-items:center;border-radius:6px;border-radius:var(--at-radius);font-weight:500}.at-btn{border:1px solid transparent;cursor:pointer;display:inline-flex;font-family:inherit;font-family:var(--at-font);font-size:13px;gap:6px;padding:7px 14px;transition:all .14s;white-space:nowrap}.at-btn-ghost{background:transparent;border-color:#3f3f46;border-color:var(--at-gray-200);color:#d4d4d8;color:var(--at-gray-600)}.at-btn-ghost:hover{background:#1c1c20;background:var(--at-gray-50);border-color:#52525b;border-color:var(--at-gray-300);color:#f4f4f5;color:var(--at-gray-800)}.at-btn-secondary{background:#18181b;background:var(--at-card);border-color:#3f3f46;border-color:var(--at-gray-200);box-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:var(--at-shadow-xs);color:#e4e4e7;color:var(--at-gray-700)}.at-btn-secondary:hover{border-color:#52525b;border-color:var(--at-gray-300);color:#fafafa;color:var(--at-gray-900)}.at-btn-primary{background:#3b82f6;background:var(--at-blue);border-color:#3b82f6;border-color:var(--at-blue);box-shadow:0 1px 3px rgba(59,130,246,.25);color:#fff}.at-btn-primary:hover{background:#2563eb;background:var(--at-blue-hover);border-color:#2563eb;border-color:var(--at-blue-hover)}.at-btn-danger{background:rgba(239,68,68,.1);background:var(--at-red-bg);border-color:rgba(239,68,68,.25);border-color:var(--at-red-border);color:#ef4444;color:var(--at-red)}.at-btn-danger:hover{background:rgba(239,68,68,.15)}.at-btn-revert{background:rgba(245,158,11,.1);background:var(--at-amber-bg);border-color:rgba(245,158,11,.25);border-color:var(--at-amber-border);color:#f59e0b;color:var(--at-amber)}.at-btn-revert:hover{background:rgba(245,158,11,.15)}.at-btn-sm{font-size:12px;padding:5px 10px}.at-btn-xs{font-size:11.5px;gap:4px;padding:3px 8px}.at-btn:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.at-live-pill{align-items:center;background:#1c1c20;background:var(--at-gray-50);border:1px solid #3f3f46;border:1px solid var(--at-gray-200);border-radius:20px;color:#a1a1aa;color:var(--at-gray-500);cursor:pointer;display:flex;font-size:11.5px;font-weight:500;gap:6px;padding:5px 10px;transition:all .2s;-webkit-user-select:none;user-select:none}.at-live-active,.at-live-pill:hover{border-color:rgba(34,197,94,.25);border-color:var(--at-green-border);color:#22c55e;color:var(--at-green)}.at-live-active{background:rgba(34,197,94,.1);background:var(--at-green-bg)}.at-live-dot{animation:at-pulse-green 2.5s infinite;background:#22c55e;background:var(--at-green);border-radius:50%;height:6px;width:6px}.at-live-dot-off{animation:none;background:#71717a;background:var(--at-gray-400)}@keyframes at-pulse-green{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4);opacity:1}50%{box-shadow:0 0 0 5px rgba(34,197,94,0);opacity:.8}}.at-table-container{flex:1 1;overflow-y:auto}.at-table-container::-webkit-scrollbar{width:5px}.at-table-container::-webkit-scrollbar-track{background:#111113;background:var(--at-bg)}.at-table-container::-webkit-scrollbar-thumb{background:#3f3f46;background:var(--at-gray-200);border-radius:3px}.at-table{background:#18181b;background:var(--at-card);border-collapse:collapse;width:100%}.at-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.at-table th,.at-table thead{background:#1c1c20;background:var(--at-gray-50);border-bottom:1px solid #27272a;border-bottom:1px solid var(--at-border)}.at-table th{color:#a1a1aa;color:var(--at-gray-500);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.at-table th:hover{color:#f4f4f5;color:var(--at-gray-800)}.at-th-inner{align-items:center;display:flex;gap:4px}.at-sort-caret{color:#52525b;color:var(--at-gray-300);font-size:10px}.at-th-sorted{color:#3b82f6!important;color:var(--at-blue)!important}.at-table tbody tr{border-bottom:1px solid #27272a;border-bottom:1px solid var(--at-gray-100);cursor:pointer;transition:background .1s}.at-table tbody tr:hover{background:#18181b;background:var(--at-gray-25)}.at-row-selected{background:rgba(59,130,246,.12)!important;background:var(--at-blue-light)!important}.at-table td{padding:11px 16px;vertical-align:middle}.at-col-cb{padding:11px 0 11px 16px!important;width:40px}.at-col-cb input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--at-blue);border-radius:3px;cursor:pointer;height:14px;width:14px}.at-ts-main{font-feature-settings:"tnum";color:#e4e4e7;color:var(--at-gray-700);font-size:13px;font-variant-numeric:tabular-nums}.at-ts-ago{color:#71717a;color:var(--at-gray-400);font-size:11px;margin-top:2px}.at-event-badge{align-items:center;border-radius:4px;border-radius:var(--at-radius-sm);display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;letter-spacing:.2px;padding:3px 9px;white-space:nowrap}.at-event-login{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);color:#60a5fa}.at-event-logout{background:#27272a;background:var(--at-gray-100);border:1px solid #3f3f46;border:1px solid var(--at-gray-200);color:#d4d4d8;color:var(--at-gray-600)}.at-event-2fa{background:rgba(34,197,94,.1);background:var(--at-green-bg);border:1px solid rgba(34,197,94,.25);border:1px solid var(--at-green-border);color:#22c55e;color:var(--at-green)}.at-event-signup{background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.25);color:#fb923c}.at-event-create{background:rgba(34,197,94,.1);background:var(--at-green-bg);border:1px solid rgba(34,197,94,.25);border:1px solid var(--at-green-border);color:#22c55e;color:var(--at-green)}.at-event-update{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);color:#60a5fa}.at-event-delete{background:rgba(239,68,68,.1);background:var(--at-red-bg);border:1px solid rgba(239,68,68,.25);border:1px solid var(--at-red-border);color:#ef4444;color:var(--at-red)}.at-event-view{background:#27272a;background:var(--at-gray-100);border:1px solid #3f3f46;border:1px solid var(--at-gray-200);color:#d4d4d8;color:var(--at-gray-600)}.at-event-revert{background:rgba(245,158,11,.1);background:var(--at-amber-bg);border:1px solid rgba(245,158,11,.25);border:1px solid var(--at-amber-border);color:#f59e0b;color:var(--at-amber)}.at-event-failed{background:rgba(239,68,68,.1);background:var(--at-red-bg);border:1px solid rgba(239,68,68,.25);border:1px solid var(--at-red-border);color:#ef4444;color:var(--at-red)}.at-event-export{background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.25);color:#a78bfa;color:var(--at-purple)}.at-event-settings{background:#27272a;background:var(--at-gray-100);border:1px solid #3f3f46;border:1px solid var(--at-gray-200);color:#d4d4d8;color:var(--at-gray-600)}[data-theme=light] .at-event-login{background:#eef3ff;border-color:#c7d4f9;color:#2d5be3}[data-theme=light] .at-event-signup{background:#fff7ed;border-color:#fed7aa;color:#9a3412}[data-theme=light] .at-event-2fa,[data-theme=light] .at-event-create{background:#f0fdf4;border-color:#bbf7d0;color:#166534}[data-theme=light] .at-event-update{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}[data-theme=light] .at-event-delete{background:#fef2f2;border-color:#fecaca;color:#991b1b}[data-theme=light] .at-event-revert{background:#fffbeb;border-color:#fde68a;color:#92400e}[data-theme=light] .at-event-failed{background:#fef2f2;border-color:#fecaca;color:#991b1b}[data-theme=light] .at-event-export{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}[data-theme=light] .at-event-logout,[data-theme=light] .at-event-settings,[data-theme=light] .at-event-view{background:#f8fafc;border-color:#e2e8f0;color:#475569}.at-event-login-bg{background:rgba(59,130,246,.12);color:#60a5fa}.at-event-logout-bg{background:#27272a;background:var(--at-gray-100);color:#d4d4d8;color:var(--at-gray-600)}.at-event-2fa-bg{background:rgba(34,197,94,.1);background:var(--at-green-bg);color:#22c55e;color:var(--at-green)}.at-event-signup-bg{background:rgba(249,115,22,.12);color:#fb923c}.at-event-create-bg{background:rgba(34,197,94,.1);background:var(--at-green-bg);color:#22c55e;color:var(--at-green)}.at-event-update-bg{background:rgba(59,130,246,.12);color:#60a5fa}.at-event-delete-bg{background:rgba(239,68,68,.1);background:var(--at-red-bg);color:#ef4444;color:var(--at-red)}.at-event-view-bg{background:#27272a;background:var(--at-gray-100);color:#d4d4d8;color:var(--at-gray-600)}.at-event-revert-bg{background:rgba(245,158,11,.1);background:var(--at-amber-bg);color:#f59e0b;color:var(--at-amber)}.at-event-failed-bg{background:rgba(239,68,68,.1);background:var(--at-red-bg);color:#ef4444;color:var(--at-red)}.at-event-export-bg{background:rgba(167,139,250,.12);color:#a78bfa;color:var(--at-purple)}.at-event-settings-bg{background:#27272a;background:var(--at-gray-100);color:#d4d4d8;color:var(--at-gray-600)}[data-theme=light] .at-event-login-bg{background:#eef3ff;color:#2d5be3}[data-theme=light] .at-event-create-bg{background:#f0fdf4;color:#166534}[data-theme=light] .at-event-update-bg{background:#eff6ff;color:#1e40af}[data-theme=light] .at-event-delete-bg{background:#fef2f2;color:#991b1b}[data-theme=light] .at-event-revert-bg{background:#fffbeb;color:#92400e}[data-theme=light] .at-event-failed-bg{background:#fef2f2;color:#991b1b}[data-theme=light] .at-event-export-bg{background:#f5f3ff;color:#6d28d9}.at-user-cell{gap:9px}.at-user-avatar,.at-user-cell{align-items:center;display:flex}.at-user-avatar{border:1.5px solid hsla(0,0%,100%,.06);border-radius:50%;flex-shrink:0;font-size:11px;font-weight:600;height:28px;justify-content:center;width:28px}[data-theme=light] .at-user-avatar{border-color:rgba(0,0,0,.06)}.at-user-name{color:#f4f4f5;color:var(--at-gray-800);font-size:13px;font-weight:500}.at-user-role{color:#71717a;color:var(--at-gray-400);font-size:11px;margin-top:1px}.at-desc-text{color:#e4e4e7;color:var(--at-gray-700);font-size:13px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-desc-resource{color:#71717a;color:var(--at-gray-400);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-family:var(--at-mono);font-size:11px;margin-top:2px}.at-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:500;gap:5px;padding:3px 8px}.at-status-success{background:rgba(34,197,94,.1);background:var(--at-green-bg);color:#22c55e;color:var(--at-green)}.at-status-failed{background:rgba(239,68,68,.1);background:var(--at-red-bg);color:#ef4444;color:var(--at-red)}.at-status-pending{background:rgba(245,158,11,.1);background:var(--at-amber-bg);color:#f59e0b;color:var(--at-amber)}.at-status-dot-sm{background:currentColor;border-radius:50%;height:5px;width:5px}.at-ip-text{color:#d4d4d8;color:var(--at-gray-600);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-family:var(--at-mono);font-size:12.5px}.at-device-text{color:#71717a;color:var(--at-gray-400);font-size:11px;margin-top:2px}.at-row-actions{display:flex;gap:4px;justify-content:flex-end;opacity:0;transition:opacity .1s}.at-table tbody tr:hover .at-row-actions{opacity:1}.at-empty-state{color:#71717a;color:var(--at-gray-400);padding:64px 24px;text-align:center}.at-empty-icon{font-size:36px;margin-bottom:12px;opacity:.5}.at-empty-title{color:#a1a1aa;color:var(--at-gray-500);font-size:15px;font-weight:500;margin-bottom:6px}.at-empty-sub{font-size:13px}.at-pagination{align-items:center;background:#18181b;background:var(--at-card);border-top:1px solid #27272a;border-top:1px solid var(--at-border);display:flex;flex-shrink:0;gap:6px;padding:10px 24px}.at-page-info{color:#a1a1aa;color:var(--at-gray-500);font-size:12.5px;margin-right:auto}.at-pg-nums{align-items:center;display:flex;gap:3px}.at-pg-btn{background:#18181b;background:var(--at-card);border:1px solid #3f3f46;border:1px solid var(--at-gray-200);border-radius:4px;border-radius:var(--at-radius-sm);color:#d4d4d8;color:var(--at-gray-600);cursor:pointer;font-family:inherit;font-family:var(--at-font);font-size:12.5px;padding:5px 10px;transition:all .1s}.at-pg-btn:hover:not(:disabled){border-color:#52525b;border-color:var(--at-gray-300);color:#fafafa;color:var(--at-gray-900)}.at-pg-btn.active{background:#3b82f6;background:var(--at-blue);border-color:#3b82f6;border-color:var(--at-blue);color:#fff;font-weight:600}.at-pg-btn:disabled{cursor:not-allowed;opacity:.35}.at-pg-sep{color:#52525b;color:var(--at-gray-300);font-size:12px;padding:0 2px}.at-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.55);display:none;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}.at-overlay-open{display:flex}[data-theme=light] .at-overlay{background:rgba(17,24,39,.45)}.at-detail-modal{animation:at-modalIn .2s ease;background:#18181b;background:var(--at-card);border:1px solid #27272a;border:1px solid var(--at-border);border-radius:14px;border-radius:var(--at-radius-xl);box-shadow:0 32px 80px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.3);box-shadow:var(--at-shadow-modal);display:flex;flex-direction:column;max-height:90vh;max-width:100%;overflow-y:auto;width:720px}.at-detail-modal::-webkit-scrollbar{width:4px}.at-detail-modal::-webkit-scrollbar-thumb{background:#3f3f46;background:var(--at-gray-200);border-radius:2px}@keyframes at-modalIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.at-modal-head{align-items:flex-start;border-bottom:1px solid #27272a;border-bottom:1px solid var(--at-gray-100);display:flex;flex-shrink:0;gap:14px;padding:22px 26px 18px}.at-modal-event-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.at-modal-head-info{flex:1 1}.at-modal-title{color:#fafafa;color:var(--at-gray-900);font-size:16px;font-weight:600;letter-spacing:-.2px}.at-modal-subtitle{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-family:var(--at-mono);font-size:12.5px;margin-top:3px}.at-modal-close,.at-modal-subtitle{color:#71717a;color:var(--at-gray-400)}.at-modal-close{background:none;border:none;border-radius:4px;border-radius:var(--at-radius-sm);cursor:pointer;font-size:18px;line-height:1;padding:4px 6px;transition:all .1s}.at-modal-close:hover{background:#27272a;background:var(--at-gray-100);color:#e4e4e7;color:var(--at-gray-700)}.at-modal-body{flex:1 1;overflow-y:auto;padding:24px 26px}.at-modal-foot{align-items:center;border-top:1px solid #27272a;border-top:1px solid var(--at-gray-100);display:flex;flex-shrink:0;gap:8px;padding:16px 26px}.at-modal-foot-left{display:flex;gap:8px;margin-right:auto}.at-m-section{margin-bottom:22px}.at-m-section:last-child{margin-bottom:0}.at-m-section-title{border-bottom:1px solid #27272a;border-bottom:1px solid var(--at-gray-100);color:#71717a;color:var(--at-gray-400);font-size:11px;font-weight:600;letter-spacing:.7px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.at-m-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.at-m-grid-3{grid-template-columns:1fr 1fr 1fr}.at-m-field label{color:#71717a;color:var(--at-gray-400);display:block;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.at-m-val{color:#f4f4f5;color:var(--at-gray-800);font-size:13.5px;word-break:break-all}.at-mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-family:var(--at-mono);font-size:12.5px}.at-muted{color:#a1a1aa;color:var(--at-gray-500)}.at-diff-table{border:1px solid #3f3f46;border:1px solid var(--at-gray-200);border-radius:6px;border-radius:var(--at-radius);font-size:12.5px;overflow:hidden;width:100%}.at-diff-table th{background:#1c1c20;background:var(--at-gray-50);border-bottom:1px solid #3f3f46;border-bottom:1px solid var(--at-gray-200);color:#a1a1aa;color:var(--at-gray-500);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase}.at-diff-table td{border-bottom:1px solid #27272a;border-bottom:1px solid var(--at-gray-100);padding:8px 12px;vertical-align:middle}.at-diff-table tr:last-child td{border-bottom:none}.at-diff-field{color:#d4d4d8;color:var(--at-gray-600);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-family:var(--at-mono);font-size:12px}.at-diff-old{background:rgba(239,68,68,.1);background:var(--at-red-bg);color:#ef4444;color:var(--at-red)}.at-diff-new,.at-diff-old{border-radius:3px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-family:var(--at-mono);font-size:12px;padding:2px 6px}.at-diff-new{background:rgba(34,197,94,.1);background:var(--at-green-bg);color:#22c55e;color:var(--at-green)}.at-meta-list{border:1px solid #27272a;border:1px solid var(--at-gray-100);border-radius:6px;border-radius:var(--at-radius);display:flex;flex-direction:column;overflow:hidden}.at-meta-row{align-items:center;border-bottom:1px solid #27272a;border-bottom:1px solid var(--at-gray-100);display:flex;font-size:12.5px;justify-content:space-between;padding:8px 14px}.at-meta-row:last-child{border-bottom:none}.at-meta-row:nth-child(2n){background:#18181b;background:var(--at-gray-25)}.at-meta-key{color:#a1a1aa;color:var(--at-gray-500);font-weight:500}.at-meta-val{color:#f4f4f5;color:var(--at-gray-800);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-family:var(--at-mono);font-size:12px}.at-confirm-modal{animation:at-modalIn .2s ease;background:#18181b;background:var(--at-card);border:1px solid #27272a;border:1px solid var(--at-border);border-radius:14px;border-radius:var(--at-radius-xl);box-shadow:0 32px 80px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.3);box-shadow:var(--at-shadow-modal);max-width:100%;overflow:hidden;width:420px}.at-confirm-head{padding:24px 24px 16px}.at-confirm-icon{font-size:28px;margin-bottom:12px}.at-confirm-title{color:#fafafa;color:var(--at-gray-900);font-size:16px;font-weight:600;margin-bottom:8px}.at-confirm-body{color:#a1a1aa;color:var(--at-gray-500);font-size:13.5px;line-height:1.6}.at-confirm-foot{background:#1c1c20;background:var(--at-gray-50);border-top:1px solid #27272a;border-top:1px solid var(--at-gray-100);display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.at-toast-stack{bottom:20px;display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:20px;z-index:500}.at-toast{align-items:center;animation:at-toastIn .25s ease;background:#fafafa;background:var(--at-gray-900);border-radius:10px;border-radius:var(--at-radius-lg);box-shadow:0 4px 16px rgba(0,0,0,.35);box-shadow:var(--at-shadow);color:#1c1c20;color:var(--at-gray-50);display:flex;font-size:13px;font-weight:400;gap:10px;max-width:380px;min-width:260px;padding:11px 16px;pointer-events:auto}[data-theme=light] .at-toast{background:#111827;color:#fff}.at-toast-success{border-left:3px solid #34d399}.at-toast-error{border-left:3px solid #f87171}.at-toast-info{border-left:3px solid #60a5fa}.at-toast-warning{border-left:3px solid #fbbf24}.at-toast-icon{font-size:15px}@keyframes at-toastIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1100px){.at-stats-bar{grid-template-columns:repeat(3,1fr)}.at-stat-cell:nth-child(4),.at-stat-cell:nth-child(5){display:none}}@media (max-width:800px){.at-stats-bar{grid-template-columns:repeat(2,1fr)}.at-stat-cell:nth-child(3){display:none}.at-toolbar{flex-wrap:wrap}.at-search-wrap{min-width:100%}.at-toolbar-right{justify-content:flex-end;width:100%}.at-detail-modal{border-radius:10px;border-radius:var(--at-radius-lg);width:100%}.at-m-grid,.at-m-grid-3{grid-template-columns:1fr}}@media (max-width:600px){.at-stats-bar{grid-template-columns:1fr}.at-stat-cell{border-bottom:1px solid #27272a;border-bottom:1px solid var(--at-gray-100);border-right:none}}.um-page{animation:umFadeIn .3s ease;margin:0 auto;max-width:1400px;padding:24px}@keyframes umFadeIn{0%{opacity:0}to{opacity:1}}.um-toast{align-items:center;animation:umSlideIn .3s ease;border-radius:10px;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}@keyframes umSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.um-toast-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#4ade80}.um-toast-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#f87171}.um-header{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));border:1px solid rgba(102,126,234,.15);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:24px;padding:28px 32px}.um-header-badge{align-items:center;color:#667eea;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.um-header-content h1{color:#fff;font-size:26px;font-weight:700;margin:0 0 4px}.um-header-content p{color:#a0aec0;font-size:14px;margin:0}.um-header-actions{display:flex;gap:10px}.um-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:11px 22px;transition:all .2s}.um-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px rgba(102,126,234,.35);transform:translateY(-1px)}.um-btn-primary:disabled{cursor:not-allowed;opacity:.5}.um-btn-secondary{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.25);border-radius:10px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:11px 22px;transition:all .2s}.um-btn-secondary:hover{background:rgba(102,126,234,.2)}.um-btn-sm{font-size:13px;padding:8px 16px}.um-btn-danger{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:11px 22px;transition:all .2s}.um-btn-danger:hover:not(:disabled){background:#dc2626}.um-btn-danger:disabled{cursor:not-allowed;opacity:.5}.um-stats-bar{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;gap:20px;margin-bottom:20px;overflow-x:auto;padding:16px 24px}.um-stat,.um-stats-bar{align-items:center;display:flex}.um-stat{flex-direction:column;gap:2px;min-width:60px}.um-stat-value{color:#fff;font-size:20px;font-weight:700}.um-stat-label{color:#718096;font-size:11px;white-space:nowrap}.um-stat-divider{background:hsla(0,0%,100%,.06);flex-shrink:0;height:32px;width:1px}.um-tabs{border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px}.um-tab{align-items:center;background:transparent;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s;white-space:nowrap}.um-tab:hover{background:rgba(102,126,234,.08);color:#a0aec0}.um-tab.active{background:rgba(102,126,234,.12);color:#667eea}.um-tab-badge{align-items:center;background:rgba(102,126,234,.15);border-radius:10px;color:#667eea;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.um-tab-badge.alert{background:rgba(239,68,68,.15);color:#ef4444}.um-section{animation:umFadeIn .2s ease}.um-section-toolbar{display:flex;gap:12px;margin-bottom:16px}.um-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.um-section-header h3{color:#fff;font-size:18px;margin:0}.um-search{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;display:flex;flex:1 1;gap:10px;padding:10px 16px}.um-search svg{color:#a0aec0;font-size:14px}.um-search input{background:transparent;border:none;color:#fff;flex:1 1;font-size:14px;outline:none}.um-search input::placeholder{color:rgba(160,174,192,.6)}.um-search button{background:none;border:none;color:#718096;cursor:pointer;font-size:12px}.um-sort{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:#a0aec0;display:flex;font-size:13px;gap:8px;padding:10px 14px}.um-sort select{background:transparent;border:none;color:#e2e8f0;cursor:pointer;font-size:13px;outline:none}.um-sort select option{background:#1a1a2e}.um-members-list{display:flex;flex-direction:column;gap:4px}.um-member-row{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.04);border-radius:10px;display:flex;gap:16px;padding:14px 18px;transition:all .2s}.um-member-row:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08)}.um-member-avatar{align-items:center;background:linear-gradient(135deg,#667eea22,#764ba222);border:2px solid;border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:visible;position:relative;width:44px}.um-member-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.um-member-avatar span{color:#667eea;font-size:16px;font-weight:700}.um-member-role-dot{border:2px solid #0f0f1e;border-radius:50%;bottom:-2px;height:14px;position:absolute;right:-2px;width:14px}.um-member-info{flex:1 1;min-width:0}.um-member-name{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600}.um-member-email{color:#718096;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-member-role{flex-shrink:0}.um-member-joined{align-items:center;color:#4a5568;display:flex;font-size:12px;gap:5px;white-space:nowrap}.um-member-actions{display:flex;gap:6px}.um-action-btn{align-items:center;background:rgba(102,126,234,.08);border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;transition:all .2s;width:32px}.um-action-btn:hover{background:rgba(102,126,234,.2)}.um-action-btn.danger{background:rgba(239,68,68,.08);color:#ef4444}.um-action-btn.danger:hover{background:rgba(239,68,68,.2)}.um-invitations-list{display:flex;flex-direction:column;gap:8px}.um-invitation-row{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.04);border-radius:10px;display:flex;gap:14px;padding:14px 18px}.um-invitation-avatar{align-items:center;background:rgba(249,115,22,.1);border-radius:50%;color:#f97316;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.um-invitation-info{flex:1 1}.um-invitation-email{color:#fff;font-size:15px;font-weight:500;margin-bottom:4px}.um-invitation-meta{align-items:center;display:flex;gap:10px}.um-invitation-expires{align-items:center;color:#4a5568;display:flex;font-size:12px;gap:4px}.um-invitation-actions{display:flex;gap:6px}.um-teams-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.um-team-card{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:18px 20px;transition:all .2s}.um-team-card:hover{background:hsla(0,0%,100%,.06);border-color:rgba(102,126,234,.2)}.um-team-icon{align-items:center;background:rgba(102,126,234,.12);border-radius:10px;color:#667eea;display:flex;flex-shrink:0;font-size:16px;height:42px;justify-content:center;width:42px}.um-team-info{flex:1 1;min-width:0}.um-team-info h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 2px}.um-team-info p{color:#718096;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-team-stats{display:flex;gap:12px}.um-team-stats span{align-items:center;color:#4a5568;display:flex;font-size:12px;gap:4px;white-space:nowrap}.um-team-stats svg{color:#667eea;font-size:11px}.um-team-arrow{color:#4a5568;font-size:12px}.um-roles-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.um-roles-header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.um-roles-header h3{color:#fff;font-size:18px;margin:0 0 2px}.um-roles-header p{color:#a0aec0;font-size:13px;margin:0}.um-roles-list{display:flex;flex-direction:column;gap:8px}.um-role-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;overflow:hidden;transition:all .2s}.um-role-card:hover{border-color:hsla(0,0%,100%,.1)}.um-role-card.expanded{border-color:#667eea;border-color:var(--role-color,#667eea);border-left-width:3px}.um-role-header{align-items:center;cursor:pointer;display:flex;gap:14px;padding:16px 18px}.um-role-rank{background:hsla(0,0%,100%,.04);border-radius:50%;color:#4a5568;font-size:12px;font-weight:700;height:28px;width:28px}.um-role-icon-wrap,.um-role-rank{align-items:center;display:flex;flex-shrink:0;justify-content:center}.um-role-icon-wrap{border-radius:10px;font-size:16px;height:40px;width:40px}.um-role-info{flex:1 1;min-width:0}.um-role-info h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 2px}.um-role-info p{color:#718096;font-size:12px;margin:0}.um-role-count{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.um-role-chevron{color:#4a5568;font-size:12px}.um-role-details{border-top:1px solid hsla(0,0%,100%,.04);margin-top:-4px;padding:16px 18px 18px}.um-role-details h5{color:#a0aec0;font-size:11px;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.um-permissions-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.um-perm{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:6px 10px}.um-perm.granted{background:rgba(34,197,94,.05);color:#4ade80}.um-perm.granted svg{font-size:11px}.um-perm.denied{background:rgba(239,68,68,.03);color:#718096}.um-perm.denied svg{color:#ef4444;font-size:11px}.um-suggestions-list{display:flex;flex-direction:column;gap:12px}.um-suggestion-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:18px 20px}.um-suggestion-header{margin-bottom:12px}.um-suggestion-field{color:#667eea;font-size:14px;font-weight:600;text-transform:capitalize}.um-suggestion-values{align-items:center;display:flex;gap:14px;margin-bottom:12px}.um-suggestion-new,.um-suggestion-old{border-radius:8px;flex:1 1;padding:10px 14px}.um-suggestion-old{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15)}.um-suggestion-new{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15)}.um-suggestion-label{color:#718096;display:block;font-size:11px;margin-bottom:4px;text-transform:uppercase}.um-suggestion-new code,.um-suggestion-old code{color:#e2e8f0;font-family:inherit;font-size:13px}.um-suggestion-arrow{color:#4a5568;flex-shrink:0;font-size:12px}.um-suggestion-explanation{background:rgba(102,126,234,.06);border-radius:8px;color:#a0aec0;font-size:13px;margin-bottom:12px;padding:10px 14px}.um-suggestion-explanation svg{color:#667eea;margin-right:6px}.um-suggestion-actions{display:flex;gap:10px}.um-approve-btn{align-items:center;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);border-radius:8px;color:#4ade80;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s}.um-approve-btn:hover{background:rgba(34,197,94,.2)}.um-reject-btn{align-items:center;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#f87171;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s}.um-reject-btn:hover{background:rgba(239,68,68,.2)}.um-empty-state{color:#a0aec0;padding:60px 20px;text-align:center}.um-empty-icon{align-items:center;background:rgba(102,126,234,.08);border-radius:50%;color:rgba(102,126,234,.4);display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.um-empty-state h3,.um-empty-state h4{color:#fff;margin:0 0 8px}.um-empty-state p{margin:0 0 20px}.um-loading{color:#718096;padding:40px;text-align:center}.um-modal{animation:none;background:#1a1a2e;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,.5);max-height:85vh;max-width:520px;overflow-y:auto;width:100%}@keyframes umModalIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.um-modal-danger{border-color:rgba(239,68,68,.25)}.um-modal-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:18px 22px}.um-modal-header h2{align-items:center;color:#fff;display:flex;font-size:17px;gap:10px;margin:0}.close-btn{color:#718096;transition:color .2s}.um-modal-body{padding:22px}.um-modal-footer{border-top:1px solid hsla(0,0%,100%,.05);display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.form-group label{color:#a0aec0}.form-group input,.form-group select,.form-group textarea{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff;padding:11px 14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.form-group select option{background:#1a1a2e}.form-group textarea{min-height:70px}.um-role-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.um-role-option{align-items:center;background:hsla(0,0%,100%,.03);border:2px solid hsla(0,0%,100%,.06);border-radius:10px;color:#a0aec0;cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:4px;padding:12px 8px;transition:all .2s}.um-role-option:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12)}.um-role-option.selected{background:color-mix(in srgb,var(--role-color) 10%,transparent);border-color:var(--role-color);color:var(--role-color)}.um-role-option svg{font-size:18px}.um-role-option span{font-weight:600}.um-role-desc{color:#718096;font-size:12px;font-style:italic;margin-top:8px}.um-role-option-full{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;color:inherit;cursor:pointer;display:flex;gap:12px;margin-bottom:6px;padding:12px 14px;text-align:left;transition:all .2s;width:100%}.um-role-option-full:hover{background:hsla(0,0%,100%,.05);border-color:var(--role-color)}.um-role-option-full.current{background:color-mix(in srgb,var(--role-color) 6%,transparent);border-color:var(--role-color)}.um-role-option-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.um-role-option-info{flex:1 1}.um-role-option-name{color:#fff;display:block;font-size:14px;font-weight:600}.um-role-option-desc{color:#718096;display:block;font-size:12px}.um-current-tag{background:var(--role-color);border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px}.um-transfer-warning{align-items:flex-start;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.um-transfer-warning>svg{color:#f87171;font-size:18px;margin-top:2px}.um-transfer-warning strong{color:#f87171;display:block;margin-bottom:4px}.um-transfer-warning p{color:#a0aec0;font-size:13px;margin:0}.role-badge{border-radius:6px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.role-badge-sm{font-size:10px;padding:2px 8px}@media (max-width:768px){.um-page{padding:16px}.um-header{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.um-header-actions{justify-content:center}.um-stats-bar,.um-tabs{overflow-x:auto}.um-section-toolbar{flex-direction:column}.um-member-row{flex-wrap:wrap;gap:10px}.um-member-joined{display:none}.um-teams-grid{grid-template-columns:1fr}.um-suggestion-values{flex-direction:column}.um-suggestion-arrow{transform:rotate(90deg)}.um-role-picker{grid-template-columns:repeat(3,1fr)}}.um-modal-convert{border-color:rgba(102,126,234,.25)}.um-convert-hero{margin-bottom:24px;text-align:center}.um-convert-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px rgba(102,126,234,.3);color:#fff;display:flex;font-size:28px;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.um-convert-hero h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.um-convert-hero p{color:#a0aec0;font-size:14px;line-height:1.5;margin:0 auto;max-width:360px}.um-convert-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.um-convert-feature{align-items:center;background:rgba(102,126,234,.06);border:1px solid rgba(102,126,234,.12);border-radius:10px;display:flex;gap:14px;padding:14px 16px}.um-convert-feature>svg{color:#667eea;flex-shrink:0;height:20px;width:20px}.um-convert-feature strong{color:#fff;display:block;font-size:14px;margin-bottom:2px}.um-convert-feature span{color:#718096;font-size:12px}.um-convert-note{align-items:flex-start;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);border-radius:8px;color:#a0aec0;display:flex;font-size:13px;gap:10px;line-height:1.5;padding:12px 16px}.um-convert-note>svg{color:#22c55e;flex-shrink:0;margin-top:2px}body.theme-light .um-toast-success{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.15);color:#16a34a}body.theme-light .um-toast-error{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15);color:#dc2626}body.theme-light .um-header{background:linear-gradient(135deg,rgba(102,126,234,.04),rgba(118,75,162,.04));border-color:rgba(102,126,234,.1)}body.theme-light .um-header-content h1{color:#1e1f2e}body.theme-light .um-header-content p{color:#5a5c7a}body.theme-light .um-btn-secondary{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.15)}body.theme-light .um-btn-secondary:hover{background:rgba(102,126,234,.12)}body.theme-light .um-stats-bar{background:#fff;border-color:#e2e4ee;box-shadow:0 1px 3px rgba(0,0,0,.04)}body.theme-light .um-stat-value{color:#1e1f2e}body.theme-light .um-stat-label{color:#5a5c7a}body.theme-light .um-stat-divider{background:#e2e4ee}body.theme-light .um-tabs{border-bottom-color:#e2e4ee}body.theme-light .um-tab{color:#5a5c7a}body.theme-light .um-tab:hover{background:rgba(102,126,234,.05);color:#1e1f2e}body.theme-light .um-tab.active{background:rgba(102,126,234,.08);color:#667eea}body.theme-light .um-tab-badge{background:rgba(102,126,234,.1)}body.theme-light .um-tab-badge.alert{background:rgba(239,68,68,.08)}body.theme-light .um-section-header h3{color:#1e1f2e}body.theme-light .um-search{background:#fff;border-color:#e2e4ee}body.theme-light .um-search svg{color:#5a5c7a}body.theme-light .um-search input{color:#1e1f2e}body.theme-light .um-search input::placeholder{color:#9ca3af}body.theme-light .um-sort{background:#fff;border-color:#e2e4ee;color:#5a5c7a}body.theme-light .um-sort select{color:#1e1f2e}body.theme-light .um-sort select option{background:#fff}body.theme-light .um-member-row{background:#fff;border-color:#e2e4ee}body.theme-light .um-member-row:hover{background:#fafafe;border-color:rgba(102,126,234,.2)}body.theme-light .um-member-avatar{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08))}body.theme-light .um-member-avatar span{color:#667eea}body.theme-light .um-member-role-dot{border-color:#fff}body.theme-light .um-member-name{color:#1e1f2e}body.theme-light .um-member-email{color:#5a5c7a}body.theme-light .um-member-joined{color:#9ca3af}body.theme-light .um-action-btn{background:rgba(102,126,234,.06);color:#667eea}body.theme-light .um-action-btn:hover{background:rgba(102,126,234,.12)}body.theme-light .um-action-btn.danger{background:rgba(239,68,68,.06);color:#dc2626}body.theme-light .um-action-btn.danger:hover{background:rgba(239,68,68,.12)}body.theme-light .um-invitation-row{background:#fff;border-color:#e2e4ee}body.theme-light .um-invitation-avatar{background:rgba(249,115,22,.06)}body.theme-light .um-invitation-email{color:#1e1f2e}body.theme-light .um-invitation-expires{color:#9ca3af}body.theme-light .um-team-card{background:#fff;border-color:#e2e4ee}body.theme-light .um-team-card:hover{background:#fafafe;border-color:rgba(102,126,234,.2)}body.theme-light .um-team-icon{background:rgba(102,126,234,.06)}body.theme-light .um-team-info h4{color:#1e1f2e}body.theme-light .um-team-info p{color:#5a5c7a}body.theme-light .um-team-arrow,body.theme-light .um-team-stats span{color:#9ca3af}body.theme-light .um-roles-header h3{color:#1e1f2e}body.theme-light .um-roles-header p{color:#5a5c7a}body.theme-light .um-role-card{background:#fff;border-color:#e2e4ee}body.theme-light .um-role-card:hover{border-color:rgba(102,126,234,.15)}body.theme-light .um-role-rank{background:#f3f4f6;color:#9ca3af}body.theme-light .um-role-info h4{color:#1e1f2e}body.theme-light .um-role-info p{color:#5a5c7a}body.theme-light .um-role-chevron{color:#9ca3af}body.theme-light .um-role-details{border-top-color:#e2e4ee}body.theme-light .um-role-details h5{color:#5a5c7a}body.theme-light .um-perm.granted{background:rgba(34,197,94,.04);color:#16a34a}body.theme-light .um-perm.denied{background:rgba(239,68,68,.02);color:#9ca3af}body.theme-light .um-perm.denied svg{color:#dc2626}body.theme-light .um-suggestion-card{background:#fff;border-color:#e2e4ee}body.theme-light .um-suggestion-new code,body.theme-light .um-suggestion-old code{color:#1e1f2e}body.theme-light .um-suggestion-label{color:#5a5c7a}body.theme-light .um-suggestion-explanation{background:rgba(102,126,234,.04);color:#5a5c7a}body.theme-light .um-approve-btn{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.15);color:#16a34a}body.theme-light .um-approve-btn:hover{background:rgba(34,197,94,.12)}body.theme-light .um-reject-btn{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15);color:#dc2626}body.theme-light .um-reject-btn:hover{background:rgba(239,68,68,.12)}body.theme-light .um-empty-icon{background:rgba(102,126,234,.05);color:rgba(102,126,234,.3)}body.theme-light .um-empty-state h3,body.theme-light .um-empty-state h4{color:#1e1f2e}body.theme-light .um-empty-state p,body.theme-light .um-loading{color:#5a5c7a}body.theme-light .um-modal{background:#fff;border-color:#e2e4ee;box-shadow:0 20px 60px rgba(0,0,0,.12)}body.theme-light .um-modal-danger{border-color:rgba(239,68,68,.2)}body.theme-light .um-modal-header{border-bottom-color:#e2e4ee}body.theme-light .um-modal-header h2{color:#1e1f2e}body.theme-light .close-btn{color:#9ca3af}body.theme-light .close-btn:hover,body.theme-light .um-modal-body{color:#1e1f2e}body.theme-light .um-modal-footer{border-top-color:#e2e4ee}body.theme-light .form-group input,body.theme-light .form-group select,body.theme-light .form-group textarea{background:#f9fafb;border-color:#e2e4ee;color:#1e1f2e}body.theme-light .form-group input:focus,body.theme-light .form-group select:focus,body.theme-light .form-group textarea:focus{border-color:#667eea}body.theme-light .form-group select option{background:#fff}body.theme-light .um-role-option{background:#f9fafb;border-color:#e2e4ee;color:#5a5c7a}body.theme-light .um-role-option:hover{background:#f3f4f6;border-color:#d1d5db}body.theme-light .um-role-desc{color:#5a5c7a}body.theme-light .um-role-option-full{background:#f9fafb;border-color:#e2e4ee}body.theme-light .um-role-option-full:hover{background:#f3f4f6}body.theme-light .um-role-option-name{color:#1e1f2e}body.theme-light .um-role-option-desc{color:#5a5c7a}body.theme-light .um-transfer-warning{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.12)}body.theme-light .um-transfer-warning strong{color:#dc2626}body.theme-light .um-transfer-warning p{color:#5a5c7a}body.theme-light .um-convert-hero h3{color:#1e1f2e}body.theme-light .um-convert-hero p{color:#5a5c7a}body.theme-light .um-convert-feature{background:rgba(102,126,234,.03);border-color:rgba(102,126,234,.08)}body.theme-light .um-convert-feature strong{color:#1e1f2e}body.theme-light .um-convert-feature span{color:#5a5c7a}body.theme-light .um-convert-note{background:rgba(34,197,94,.04);border-color:rgba(34,197,94,.1);color:#5a5c7a}body.theme-light .btn-secondary{background:#f9fafb;border-color:#e2e4ee;color:#374151}body.theme-light .btn-secondary:hover{background:#f3f4f6}.wh-page{margin:0 auto;max-width:1400px;padding:24px;position:relative}.wh-loading{align-items:center;color:#a0aec0;display:flex;flex-direction:column;justify-content:center;padding:120px 20px}.wh-loading-spinner{animation:whSpin .8s linear infinite;border:3px solid rgba(102,126,234,.15);border-radius:50%;border-top-color:#667eea;height:44px;margin-bottom:16px;width:44px}@keyframes whSpin{to{transform:rotate(1turn)}}.wh-toast{align-items:center;animation:whSlideIn .3s ease;border-radius:10px;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}@keyframes whSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wh-toast-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#f87171}.wh-toast-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#4ade80}.wh-toast button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;margin-left:auto}.wh-hero{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));border:1px solid rgba(102,126,234,.15);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:24px;padding:28px 32px}.wh-hero-badge{align-items:center;color:#667eea;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.wh-hero-content h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 6px}.wh-hero-content p{color:#a0aec0;font-size:15px;margin:0}.wh-create-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s;white-space:nowrap}.wh-create-btn:hover{box-shadow:0 8px 24px rgba(102,126,234,.4);transform:translateY(-2px)}.wh-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.wh-stat-card{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;display:flex;gap:14px;padding:18px 20px;transition:all .2s}.wh-stat-card:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.wh-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.wh-stat-info{display:flex;flex-direction:column}.wh-stat-value{color:#fff;font-size:22px;font-weight:700}.wh-stat-label{color:#a0aec0;font-size:12px;margin-top:2px}.wh-onboarding{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:1px solid rgba(102,126,234,.2);border-radius:20px;margin:40px auto;max-width:900px;overflow:hidden;padding:56px 48px;position:relative;text-align:center}.wh-onboarding-glow{background:radial-gradient(circle,rgba(102,126,234,.15),transparent 70%);height:300px;left:50%;pointer-events:none;position:absolute;top:-80px;transform:translateX(-50%);width:300px}.wh-onboarding-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 24px;position:relative;width:80px}.wh-onboarding h2{color:#fff;font-size:28px;margin:0 0 10px}.wh-onboarding>p{color:#a0aec0;font-size:16px;margin:0 auto 36px;max-width:480px}.wh-onboard-types{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:600px}.wh-onboard-type{background:hsla(0,0%,100%,.04);border:2px solid hsla(0,0%,100%,.08);border-radius:14px;cursor:pointer;padding:24px 20px;text-align:center;transition:all .25s}.wh-onboard-type:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.15)}.wh-onboard-type.selected{background:rgba(102,126,234,.15);border-color:#667eea}.wh-onboard-type-icon{align-items:center;background:rgba(102,126,234,.15);border-radius:12px;color:#667eea;display:flex;font-size:22px;height:52px;justify-content:center;margin:0 auto 14px;width:52px}.wh-onboard-type.selected .wh-onboard-type-icon{background:#667eea;color:#fff}.wh-onboard-type h3{color:#fff;font-size:17px;margin:0 0 6px}.wh-onboard-type>p{color:#a0aec0;font-size:13px;margin:0 0 14px}.wh-onboard-type-features{align-items:center;display:flex;flex-direction:column;gap:6px}.wh-onboard-type-features span{align-items:center;color:#718096;display:flex;font-size:12px;gap:6px}.wh-onboard-type-features svg{color:#667eea;font-size:10px}.wh-onboard-form{display:flex;gap:12px;margin:0 auto;max-width:480px}.wh-onboard-form input{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;flex:1 1;font-size:15px;padding:16px 20px}.wh-onboard-form input:focus{border-color:#667eea;outline:none}.wh-onboard-form button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:16px 28px;transition:all .3s;white-space:nowrap}.wh-onboard-form button:hover:not(:disabled){box-shadow:0 6px 16px rgba(102,126,234,.4);transform:translateY(-1px)}.wh-onboard-form button:disabled{cursor:not-allowed;opacity:.5}.wh-toolbar{gap:12px;margin-bottom:20px}.wh-search,.wh-toolbar{align-items:center;display:flex}.wh-search{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;flex:1 1;gap:10px;padding:10px 16px;position:relative}.wh-search svg{color:#a0aec0;font-size:14px}.wh-search input{background:transparent;border:none;color:#fff;flex:1 1;font-size:14px;outline:none}.wh-search input::placeholder{color:rgba(160,174,192,.6)}.wh-search-clear{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:12px;padding:2px}.wh-sort-select,.wh-toolbar-actions{align-items:center;display:flex;gap:8px}.wh-sort-select{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:#a0aec0;font-size:13px;padding:10px 14px}.wh-sort-select select{background:transparent;border:none;color:#e2e8f0;cursor:pointer;font-size:13px;outline:none}.wh-sort-select select option{background:#1a1a2e}.wh-view-toggle{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;display:flex;overflow:hidden}.wh-view-toggle button{background:none;border:none;color:#a0aec0;cursor:pointer;padding:10px 14px;transition:all .2s}.wh-view-toggle button.active{background:rgba(102,126,234,.15);color:#667eea}.wh-view-toggle button:hover:not(.active){color:#e2e8f0}.wh-current-banner{align-items:center;background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.15);border-radius:12px;display:flex;gap:14px;margin-bottom:20px;padding:14px 20px}.wh-current-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.wh-current-info{display:flex;flex:1 1;flex-direction:column}.wh-current-label{color:#667eea;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wh-current-name{color:#fff;font-size:16px;font-weight:600}.wh-current-actions{display:flex;gap:8px}.wh-current-actions button{align-items:center;background:rgba(102,126,234,.12);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.wh-current-actions button:hover{background:rgba(102,126,234,.2)}.wh-grid-view{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.wh-list-view{display:flex;flex-direction:column;gap:12px}.wh-list-view .wh-card{align-items:center;display:flex;gap:16px}.wh-list-view .wh-card-accent,.wh-list-view .wh-card-desc{display:none}.wh-list-view .wh-card-stats{border:none;margin:0;padding:0}.wh-list-view .wh-card-footer{border:none;margin-left:auto;padding:0}.wh-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;overflow:hidden;position:relative;transition:all .25s}.wh-card:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12);transform:translateY(-1px)}.wh-card-active{border-color:rgba(102,126,234,.3)!important;box-shadow:0 0 0 1px rgba(102,126,234,.1)}.wh-card-fav{border-color:rgba(234,179,8,.2)}.wh-card-accent{height:3px}.wh-card-header{align-items:flex-start;display:flex;gap:12px;padding:18px 18px 0}.wh-card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.wh-card-title{flex:1 1;min-width:0}.wh-card-title h3{color:#fff;font-size:17px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-card-badges{display:flex;flex-wrap:wrap;gap:6px}.wh-type-badge{letter-spacing:.5px;text-transform:uppercase}.wh-active-badge,.wh-type-badge{border-radius:6px;font-size:11px;font-weight:600;padding:2px 8px}.wh-active-badge{background:rgba(34,197,94,.15);color:#22c55e}.wh-active-badge,.wh-card-menu-wrapper{align-items:center;display:flex;gap:4px}.wh-card-menu-wrapper{position:relative}.wh-fav-btn{background:none;border:none;color:#4a5568;cursor:pointer;font-size:14px;padding:6px;transition:all .2s}.wh-fav-btn .starred,.wh-fav-btn:hover{color:#eab308}.wh-menu-btn{background:none;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;padding:6px 4px;transition:all .2s}.wh-menu-btn:hover{background:hsla(0,0%,100%,.06);color:#a0aec0}.wh-dropdown{animation:whDropIn .15s ease;background:#1e1e3a;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.4);min-width:180px;padding:6px;position:absolute;right:0;top:100%;z-index:100}@keyframes whDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wh-dropdown button{align-items:center;background:none;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 12px;transition:background .15s;width:100%}.wh-dropdown button:hover{background:hsla(0,0%,100%,.06)}.wh-dropdown button svg{color:#a0aec0;width:14px}.wh-dropdown-divider{background:hsla(0,0%,100%,.06);height:1px;margin:4px 0}.wh-dropdown-danger,.wh-dropdown-danger svg{color:#f87171!important}.wh-card-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#a0aec0;display:-webkit-box;font-size:13px;line-height:1.4;margin:0;overflow:hidden;padding:8px 18px 0}.wh-card-stats{border-top:1px solid hsla(0,0%,100%,.04);display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;padding:14px 18px}.wh-card-stat{align-items:center;color:#a0aec0;display:flex;font-size:12px;gap:5px}.wh-card-stat svg{color:#667eea;font-size:11px}.wh-card-footer{padding:0 18px 18px}.wh-open-btn,.wh-switch-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}.wh-switch-btn{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);color:#667eea}.wh-switch-btn:hover{background:rgba(102,126,234,.2)}.wh-open-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.wh-open-btn:hover{box-shadow:0 4px 12px rgba(102,126,234,.35)}.wh-card-add{align-items:center;background:transparent;border:2px dashed hsla(0,0%,100%,.08);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 20px}.wh-card-add:hover{background:rgba(102,126,234,.05);border-color:rgba(102,126,234,.2)}.wh-add-icon{align-items:center;background:rgba(102,126,234,.1);border-radius:14px;color:#667eea;display:flex;font-size:22px;height:56px;justify-content:center;margin-bottom:14px;transition:all .2s;width:56px}.wh-card-add:hover .wh-add-icon{background:rgba(102,126,234,.2);transform:scale(1.05)}.wh-card-add h3{color:#e2e8f0;font-size:15px;margin:0 0 4px}.wh-card-add p{color:#718096;font-size:13px;margin:0}.wh-empty-search{color:#a0aec0;padding:60px 20px;text-align:center}.wh-empty-search svg{color:rgba(102,126,234,.2);font-size:40px;margin-bottom:16px}.wh-empty-search h3{color:#fff;margin:0 0 8px}.wh-empty-search p{margin:0 0 20px}.wh-empty-search button{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#667eea;cursor:pointer;font-size:13px;padding:8px 20px}.modal-overlay{background:rgba(0,0,0,.65)}.wh-modal{animation:none;background:#1a1a2e;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,.5);max-height:90vh;max-width:580px;overflow-y:auto;width:100%}@keyframes whModalIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.wh-modal-danger{border-color:rgba(239,68,68,.25)}.wh-modal-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:20px 24px}.wh-modal-header h2{align-items:center;color:#fff;display:flex;font-size:18px;gap:10px;margin:0}.close-btn{color:#a0aec0;font-size:16px;padding:4px}.close-btn:hover{color:#fff}.wh-modal-steps{gap:8px;justify-content:center;padding:20px 24px 0}.wh-modal-steps,.wh-step{align-items:center;display:flex}.wh-step{color:#4a5568;font-size:13px;gap:6px;transition:color .3s}.wh-step.active{color:#667eea}.wh-step.done{color:#22c55e}.wh-step-num{align-items:center;background:hsla(0,0%,100%,.06);border-radius:50%;display:flex;font-size:12px;font-weight:600;height:26px;justify-content:center;width:26px}.wh-step.active .wh-step-num{background:#667eea;color:#fff}.wh-step.done .wh-step-num{background:#22c55e;color:#fff}.wh-step-line{background:hsla(0,0%,100%,.06);border-radius:1px;height:2px;width:40px}.wh-modal-body{padding:24px}.wh-step-content{min-height:1px}.wh-step-desc{color:#a0aec0;font-size:14px;margin:0 0 20px;text-align:center}.wh-create-types{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.wh-create-type{background:hsla(0,0%,100%,.03);border:2px solid hsla(0,0%,100%,.06);border-radius:12px;cursor:pointer;padding:22px 18px;text-align:center;transition:all .25s}.wh-create-type:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12)}.wh-create-type.selected{background:rgba(102,126,234,.12);border-color:#667eea}.wh-create-type-icon{align-items:center;background:rgba(102,126,234,.12);border-radius:12px;color:#667eea;display:flex;font-size:20px;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.wh-create-type.selected .wh-create-type-icon{background:#667eea;color:#fff}.wh-create-type h3{color:#fff;font-size:15px;margin:0 0 4px}.wh-create-type>p{color:#a0aec0;font-size:12px;margin:0 0 14px}.wh-create-type-features{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.wh-create-type-features li{align-items:center;color:#718096;display:flex;font-size:12px;gap:6px;justify-content:center}.wh-create-type-features svg{color:#667eea;font-size:10px}.wh-review-card{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.wh-review-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.wh-review-details h3{color:#fff;font-size:18px;margin:0 0 4px}.wh-review-type{color:#667eea;font-size:12px;font-weight:600;text-transform:uppercase}.wh-review-details p{color:#a0aec0;font-size:13px;margin:6px 0 0}.wh-review-features{background:rgba(102,126,234,.06);border-radius:10px;padding:16px}.wh-review-features h4{color:#a0aec0;font-size:13px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.wh-review-features ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.wh-review-features li{align-items:center;color:#e2e8f0;display:flex;font-size:13px;gap:8px}.wh-review-features li svg{color:#22c55e;font-size:12px}.wh-modal-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.05);display:flex;gap:12px;padding:16px 24px}.wh-delete-warning{padding:20px 0;text-align:center}.wh-delete-icon{align-items:center;background:rgba(239,68,68,.1);border-radius:50%;color:#f87171;display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.wh-delete-warning h3{color:#f87171;margin:0 0 10px}.wh-delete-warning p{color:#a0aec0;font-size:14px;line-height:1.5;margin:0}.form-group{margin-bottom:18px}.form-group label{color:#e2e8f0;font-size:13px}.form-group input,.form-group textarea{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:14px;padding:12px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);display:flex}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-secondary{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#e2e8f0}.btn-secondary:hover{background:hsla(0,0%,100%,.1)}.btn-danger{background:#ef4444;display:flex}.btn-danger:hover{background:#dc2626}:root[data-theme=light] .wh-loading{color:var(--text-muted)}:root[data-theme=light] .wh-loading-spinner{border-color:#667eea rgba(102,126,234,.12) rgba(102,126,234,.12)}:root[data-theme=light] .wh-toast-error{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15);color:#dc2626}:root[data-theme=light] .wh-toast-success{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.15);color:#16a34a}:root[data-theme=light] .wh-hero{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-color:rgba(102,126,234,.12)}:root[data-theme=light] .wh-hero-content h1{color:var(--text-primary)}:root[data-theme=light] .wh-hero-content p{color:var(--text-secondary)}:root[data-theme=light] .wh-stat-card{background:var(--surface-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}:root[data-theme=light] .wh-stat-card:hover{background:var(--surface-secondary);border-color:rgba(102,126,234,.15)}:root[data-theme=light] .wh-stat-value{color:var(--text-primary)}:root[data-theme=light] .wh-stat-label{color:var(--text-muted)}:root[data-theme=light] .wh-onboarding{background:linear-gradient(135deg,rgba(102,126,234,.04),rgba(118,75,162,.04));border-color:rgba(102,126,234,.12)}:root[data-theme=light] .wh-onboarding h2{color:var(--text-primary)}:root[data-theme=light] .wh-onboarding>p{color:var(--text-secondary)}:root[data-theme=light] .wh-onboard-type{background:var(--surface-primary);border-color:var(--border-color)}:root[data-theme=light] .wh-onboard-type:hover{background:var(--surface-secondary);border-color:rgba(102,126,234,.2)}:root[data-theme=light] .wh-onboard-type.selected{background:rgba(102,126,234,.06);border-color:#667eea}:root[data-theme=light] .wh-onboard-type h3{color:var(--text-primary)}:root[data-theme=light] .wh-onboard-type>p{color:var(--text-secondary)}:root[data-theme=light] .wh-onboard-type-features span{color:var(--text-muted)}:root[data-theme=light] .wh-onboard-form input{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .wh-onboard-form input:focus{border-color:#667eea}:root[data-theme=light] .wh-search{background:var(--surface-primary);border-color:var(--border-color)}:root[data-theme=light] .wh-search svg{color:var(--text-muted)}:root[data-theme=light] .wh-search input{color:var(--text-primary)}:root[data-theme=light] .wh-search input::placeholder{color:var(--text-muted)}:root[data-theme=light] .wh-sort-select{background:var(--surface-primary);border-color:var(--border-color);color:var(--text-secondary)}:root[data-theme=light] .wh-sort-select select{color:var(--text-primary)}:root[data-theme=light] .wh-sort-select select option{background:var(--surface-primary)}:root[data-theme=light] .wh-view-toggle{background:var(--surface-primary);border-color:var(--border-color)}:root[data-theme=light] .wh-view-toggle button{color:var(--text-muted)}:root[data-theme=light] .wh-view-toggle button.active{background:rgba(102,126,234,.08);color:#667eea}:root[data-theme=light] .wh-view-toggle button:hover:not(.active){color:var(--text-primary)}:root[data-theme=light] .wh-current-banner{background:rgba(102,126,234,.04);border-color:rgba(102,126,234,.1)}:root[data-theme=light] .wh-current-name{color:var(--text-primary)}:root[data-theme=light] .wh-current-actions button{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.12);color:#667eea}:root[data-theme=light] .wh-current-actions button:hover{background:rgba(102,126,234,.12)}:root[data-theme=light] .wh-card{background:var(--surface-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}:root[data-theme=light] .wh-card:hover{background:var(--surface-primary);border-color:rgba(102,126,234,.2);box-shadow:var(--shadow-md)}:root[data-theme=light] .wh-card-active{border-color:rgba(102,126,234,.25)!important}:root[data-theme=light] .wh-card-title h3{color:var(--text-primary)}:root[data-theme=light] .wh-card-desc{color:var(--text-secondary)}:root[data-theme=light] .wh-card-stats{border-top-color:var(--border-color)}:root[data-theme=light] .wh-card-stat,:root[data-theme=light] .wh-fav-btn,:root[data-theme=light] .wh-menu-btn{color:var(--text-muted)}:root[data-theme=light] .wh-menu-btn:hover{background:rgba(0,0,0,.04);color:var(--text-secondary)}:root[data-theme=light] .wh-dropdown{background:var(--surface-primary);border-color:var(--border-color);box-shadow:var(--shadow-lg)}:root[data-theme=light] .wh-dropdown button{color:var(--text-primary)}:root[data-theme=light] .wh-dropdown button:hover{background:rgba(0,0,0,.04)}:root[data-theme=light] .wh-dropdown button svg{color:var(--text-muted)}:root[data-theme=light] .wh-dropdown-divider{background:var(--border-color)}:root[data-theme=light] .wh-switch-btn{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.15);color:#667eea}:root[data-theme=light] .wh-switch-btn:hover{background:rgba(102,126,234,.12)}:root[data-theme=light] .wh-card-add{border-color:var(--border-color)}:root[data-theme=light] .wh-card-add:hover{background:rgba(102,126,234,.03);border-color:rgba(102,126,234,.15)}:root[data-theme=light] .wh-card-add h3{color:var(--text-primary)}:root[data-theme=light] .wh-card-add p,:root[data-theme=light] .wh-empty-search{color:var(--text-muted)}:root[data-theme=light] .wh-empty-search h3{color:var(--text-primary)}:root[data-theme=light] .wh-empty-search button{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.15);color:#667eea}:root[data-theme=light] .wh-modal{background:var(--surface-primary);border-color:var(--border-color);box-shadow:var(--shadow-lg)}:root[data-theme=light] .wh-modal-danger{border-color:rgba(239,68,68,.2)}:root[data-theme=light] .wh-modal-header{border-bottom-color:var(--border-color)}:root[data-theme=light] .wh-modal-header h2{color:var(--text-primary)}:root[data-theme=light] .close-btn{color:var(--text-muted)}:root[data-theme=light] .close-btn:hover{color:var(--text-primary)}:root[data-theme=light] .wh-step{color:var(--text-muted)}:root[data-theme=light] .wh-step-num{background:var(--surface-secondary)}:root[data-theme=light] .wh-step-line{background:var(--border-color)}:root[data-theme=light] .wh-step-desc{color:var(--text-secondary)}:root[data-theme=light] .wh-create-type{background:var(--surface-primary);border-color:var(--border-color)}:root[data-theme=light] .wh-create-type:hover{background:var(--surface-secondary);border-color:rgba(102,126,234,.2)}:root[data-theme=light] .wh-create-type.selected{background:rgba(102,126,234,.06);border-color:#667eea}:root[data-theme=light] .wh-create-type h3{color:var(--text-primary)}:root[data-theme=light] .wh-create-type>p{color:var(--text-secondary)}:root[data-theme=light] .wh-create-type-features li{color:var(--text-muted)}:root[data-theme=light] .wh-review-card{background:var(--surface-secondary);border-color:var(--border-color)}:root[data-theme=light] .wh-review-details h3{color:var(--text-primary)}:root[data-theme=light] .wh-review-details p{color:var(--text-secondary)}:root[data-theme=light] .wh-review-features{background:rgba(102,126,234,.03)}:root[data-theme=light] .wh-review-features h4{color:var(--text-muted)}:root[data-theme=light] .wh-review-features li{color:var(--text-primary)}:root[data-theme=light] .wh-modal-footer{border-top-color:var(--border-color)}:root[data-theme=light] .wh-modal-body{color:var(--text-primary)}:root[data-theme=light] .wh-delete-warning h3{color:#dc2626}:root[data-theme=light] .wh-delete-warning p{color:var(--text-secondary)}:root[data-theme=light] .form-group label{color:var(--text-primary)}:root[data-theme=light] .form-group input,:root[data-theme=light] .form-group textarea{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .form-group input:focus,:root[data-theme=light] .form-group textarea:focus{border-color:#667eea}:root[data-theme=light] .btn-secondary{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-secondary)}:root[data-theme=light] .btn-secondary:hover{background:rgba(0,0,0,.06)}.wh-modal-convert{border-color:rgba(102,126,234,.25)}.wh-convert-hero{margin-bottom:24px;text-align:center}.wh-convert-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px rgba(102,126,234,.3);color:#fff;display:flex;font-size:28px;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.wh-convert-hero h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.wh-convert-hero p{color:#a0aec0;font-size:14px;line-height:1.5;margin:0 auto;max-width:360px}.wh-convert-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.wh-convert-feature{align-items:center;background:rgba(102,126,234,.06);border:1px solid rgba(102,126,234,.12);border-radius:10px;display:flex;gap:14px;padding:14px 16px}.wh-convert-feature>svg{color:#667eea;flex-shrink:0;height:20px;width:20px}.wh-convert-feature strong{color:#fff;display:block;font-size:14px;margin-bottom:2px}.wh-convert-feature span{color:#718096;font-size:12px}.wh-convert-note{align-items:flex-start;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);border-radius:8px;color:#a0aec0;display:flex;font-size:13px;gap:10px;line-height:1.5;padding:12px 16px}.wh-convert-note>svg{color:#22c55e;flex-shrink:0;margin-top:2px}:root[data-theme=light] .wh-convert-hero h3{color:var(--text-primary)}:root[data-theme=light] .wh-convert-hero p{color:var(--text-secondary)}:root[data-theme=light] .wh-convert-feature{background:rgba(102,126,234,.03);border-color:rgba(102,126,234,.08)}:root[data-theme=light] .wh-convert-feature strong{color:var(--text-primary)}:root[data-theme=light] .wh-convert-feature span{color:var(--text-secondary)}:root[data-theme=light] .wh-convert-note{background:rgba(34,197,94,.04);border-color:rgba(34,197,94,.1);color:var(--text-secondary)}@media (max-width:768px){.wh-page{padding:16px}.wh-hero{align-items:stretch;flex-direction:column;padding:20px}.wh-stats-row{grid-template-columns:1fr 1fr}.wh-grid-view{grid-template-columns:1fr}.wh-toolbar{flex-direction:column}.wh-onboard-types{grid-template-columns:1fr}.wh-onboard-form{flex-direction:column}.wh-create-types{grid-template-columns:1fr}.wh-current-banner{align-items:stretch;flex-direction:column}.wh-current-actions{justify-content:center}}.wss-page{animation:wssFadeIn .25s ease;margin:0 auto;max-width:960px;padding:24px}@keyframes wssFadeIn{0%{opacity:0}to{opacity:1}}.wss-loading{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:400px}.wss-spinner{animation:wssSpin .8s linear infinite;border:3px solid rgba(102,126,234,.15);border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes wssSpin{to{transform:rotate(1turn)}}.wss-error-state{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:400px;text-align:center}.wss-error-state svg{color:#ef4444;font-size:36px}.wss-error-state h3{color:#fff;margin:0}.wss-toast{align-items:center;animation:wssSlideIn .25s ease;border-radius:10px;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}@keyframes wssSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wss-toast-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#f87171}.wss-toast-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#4ade80}.wss-toast button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;margin-left:auto}.wss-header{background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));border:1px solid rgba(102,126,234,.15);border-radius:14px;gap:16px;margin-bottom:24px;padding:20px 24px}.wss-back-btn,.wss-header{align-items:center;display:flex}.wss-back-btn{background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#a0aec0;cursor:pointer;flex-shrink:0;font-size:14px;height:38px;justify-content:center;transition:all .2s;width:38px}.wss-back-btn:hover{background:rgba(102,126,234,.18);color:#fff}.wss-ws-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.wss-ws-icon.personal{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.wss-ws-icon.org{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.wss-header-text{flex:1 1}.wss-header-text h1{color:#fff;font-size:22px;font-weight:700;margin:0 0 2px}.wss-ws-type{align-items:center;color:#a0aec0;display:flex;font-size:13px;gap:8px}.wss-owner-tag{align-items:center;background:rgba(251,191,36,.15);border-radius:6px;color:#fbbf24;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.wss-layout{display:flex;gap:20px}.wss-nav{display:flex;flex-direction:column;gap:6px;min-width:200px}.wss-nav-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:#718096;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:all .2s}.wss-nav-item:hover{background:rgba(102,126,234,.06);color:#e2e8f0}.wss-nav-item.active{background:rgba(102,126,234,.12);border-color:rgba(102,126,234,.3);color:#667eea;font-weight:600}.wss-nav-item svg{flex-shrink:0;width:16px}.wss-nav-badge{background:rgba(102,126,234,.12);border-radius:10px;color:#667eea;font-size:11px;font-weight:700;margin-left:auto;padding:2px 8px}.wss-nav-danger.active{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2);color:#ef4444}.wss-content{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;flex:1 1;padding:28px}.wss-section-head{align-items:center;display:flex;gap:10px;margin-bottom:24px}.wss-section-head svg{color:#667eea;font-size:18px}.wss-section-head.danger svg{color:#ef4444}.wss-section-head h2{color:#fff;font-size:18px;font-weight:700;margin:0}.wss-section-head.danger h2{color:#ef4444}.wss-form-group{margin-bottom:20px}.wss-form-group label{color:#a0aec0;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.wss-form-group input,.wss-form-group select,.wss-form-group textarea{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.wss-form-group input:focus,.wss-form-group select:focus,.wss-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.wss-form-group input:disabled,.wss-form-group textarea:disabled{cursor:not-allowed;opacity:.5}.wss-form-group textarea{resize:vertical}.wss-form-group select option{background:#1a1a2e}.wss-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:20px}.wss-info-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;gap:12px;padding:14px 16px}.wss-info-card,.wss-info-icon{align-items:center;display:flex}.wss-info-icon{background:rgba(102,126,234,.1);border-radius:8px;color:#667eea;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.wss-info-data{flex:1 1;min-width:0}.wss-info-data label{color:#718096;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.wss-info-data span{color:#e2e8f0;font-size:14px}.wss-copy-row{align-items:center;display:flex;gap:8px}.wss-copy-row code{color:#a0aec0;font-family:monospace;font-size:12px}.wss-copy-row button{background:none;border:none;color:#667eea;cursor:pointer;font-size:12px;padding:2px}.wss-stats{background:rgba(102,126,234,.06);border-radius:10px;display:flex;gap:20px;margin-bottom:24px;padding:16px 20px}.wss-stat{align-items:center;display:flex;gap:8px}.wss-stat svg{color:#667eea;font-size:14px}.wss-stat-val{color:#fff;font-size:18px;font-weight:700}.wss-stat-lbl{color:#718096;font-size:12px}.wss-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:11px 24px;transition:all .2s}.wss-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px rgba(102,126,234,.35);transform:translateY(-1px)}.wss-btn-primary:disabled{cursor:not-allowed;opacity:.5}.wss-btn-secondary{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:11px 24px;transition:all .2s}.wss-btn-secondary:hover{background:hsla(0,0%,100%,.1)}.wss-btn-warning{align-items:center;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.25);border-radius:10px;color:#f59e0b;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:11px 24px;transition:all .2s}.wss-btn-warning:hover:not(:disabled){background:rgba(245,158,11,.25)}.wss-btn-warning:disabled{cursor:not-allowed;opacity:.5}.wss-btn-danger{align-items:center;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:11px 24px;transition:all .2s}.wss-btn-danger:hover:not(:disabled){background:rgba(239,68,68,.25)}.wss-btn-danger:disabled{cursor:not-allowed;opacity:.5}.wss-save-btn{margin-top:4px}.wss-icon-btn{align-items:center;background:rgba(102,126,234,.08);border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;transition:all .2s;width:32px}.wss-icon-btn:hover{background:rgba(102,126,234,.18)}.wss-icon-btn.danger{background:rgba(239,68,68,.08);color:#ef4444}.wss-icon-btn.danger:hover{background:rgba(239,68,68,.18)}.wss-invite-card{background:rgba(102,126,234,.06);border:1px solid rgba(102,126,234,.12);border-radius:12px;margin-bottom:24px;padding:18px 20px}.wss-invite-card h3{align-items:center;color:#a0aec0;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 14px}.wss-invite-card h3 svg{color:#667eea}.wss-invite-row{display:flex;gap:10px}.wss-invite-row input{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:11px 16px}.wss-invite-row input:focus{border-color:#667eea;outline:none}.wss-invite-row select{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:13px;min-width:130px;padding:11px 14px}.wss-invite-row select option{background:#1a1a2e}.wss-subsection{margin-bottom:24px}.wss-subsection h3{color:#a0aec0;font-size:14px;font-weight:600;margin:0 0 14px}.wss-list{display:flex;flex-direction:column;gap:6px}.wss-inv-row{background:rgba(249,115,22,.06);border:1px solid rgba(249,115,22,.15);border-radius:10px;gap:14px;padding:12px 16px}.wss-inv-avatar,.wss-inv-row{align-items:center;display:flex}.wss-inv-avatar{background:rgba(249,115,22,.12);border-radius:50%;color:#f97316;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.wss-inv-info{flex:1 1}.wss-inv-email{color:#fff;display:block;font-size:14px;font-weight:500}.wss-inv-role{font-size:12px;font-weight:600}.wss-member-row{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:10px;display:flex;gap:14px;padding:12px 16px;transition:all .2s}.wss-member-row:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1)}.wss-member-avatar{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:2px solid;border-radius:50%;color:#667eea;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:40px;justify-content:center;width:40px}.wss-member-info{flex:1 1;min-width:0}.wss-member-name{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600}.wss-member-email{color:#718096;font-size:12px}.wss-member-actions{align-items:center;display:flex;gap:8px}.wss-role-select{background:hsla(0,0%,100%,.04);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:12px;padding:6px 12px}.wss-role-select option{background:#1a1a2e}.wss-role-badge{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px}.wss-role-badge.owner{background:rgba(251,191,36,.15);color:#fbbf24}.wss-loading-inline{color:#718096;padding:20px;text-align:center}.wss-convert-promo{padding:20px 0;text-align:center}.wss-convert-promo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px rgba(102,126,234,.3);color:#fff;display:flex;font-size:28px;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.wss-convert-promo h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.wss-convert-promo>p{color:#a0aec0;font-size:14px;line-height:1.5;margin:0 auto 28px;max-width:400px}.wss-convert-features{display:flex;flex-direction:column;gap:10px;margin:0 auto 24px;max-width:380px;text-align:left}.wss-convert-feat{align-items:center;background:rgba(102,126,234,.06);border:1px solid rgba(102,126,234,.1);border-radius:10px;display:flex;gap:14px;padding:14px 16px}.wss-convert-feat>svg{color:#667eea;flex-shrink:0;height:18px;width:18px}.wss-convert-feat strong{color:#fff;display:block;font-size:14px;margin-bottom:2px}.wss-convert-feat span{color:#718096;font-size:12px}.wss-convert-note{align-items:flex-start;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);border-radius:8px;color:#a0aec0;display:flex;font-size:13px;gap:10px;line-height:1.5;margin:0 auto 24px;max-width:380px;padding:12px 16px;text-align:left}.wss-convert-note>svg{color:#22c55e;flex-shrink:0;margin-top:2px}.wss-convert-action{margin:0 auto}.wss-danger-card{align-items:center;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:14px;padding:18px 20px}.wss-danger-card.delete{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.2)}.wss-danger-info h3{color:#fff;font-size:15px;font-weight:600;margin:0 0 4px}.wss-danger-info p{color:#718096;font-size:13px;margin:0}.wss-overlay{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.wss-modal{background:#1a1a2e;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,.5);max-height:85vh;max-width:520px;overflow-y:auto;width:100%}.wss-modal-danger{border-color:rgba(239,68,68,.25)}.wss-modal-convert{border-color:rgba(102,126,234,.25)}.wss-modal-head{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:18px 22px}.wss-modal-head h2{align-items:center;color:#fff;display:flex;font-size:17px;gap:10px;margin:0}.wss-modal-head button{background:none;border:none;color:#718096;cursor:pointer;font-size:16px;padding:4px}.wss-modal-head button:hover{color:#fff}.wss-modal-body{padding:22px}.wss-modal-foot{border-top:1px solid hsla(0,0%,100%,.06);display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.wss-transfer-warn{align-items:flex-start;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:14px 16px}.wss-transfer-warn>svg{color:#f59e0b;font-size:18px;margin-top:2px}.wss-transfer-warn strong{color:#f59e0b;display:block;font-size:14px;margin-bottom:4px}.wss-transfer-warn p{color:#a0aec0;font-size:13px;margin:0}.wss-delete-warn{margin-bottom:20px;text-align:center}.wss-delete-icon{align-items:center;background:rgba(239,68,68,.1);border-radius:50%;color:#f87171;display:flex;font-size:22px;height:60px;justify-content:center;margin:0 auto 14px;width:60px}.wss-delete-warn h3{color:#f87171;font-size:16px;margin:0 0 8px}.wss-delete-warn p{color:#a0aec0;font-size:14px;line-height:1.5;margin:0}.wss-convert-modal-hero{margin-bottom:20px;text-align:center}.wss-convert-modal-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 6px 18px rgba(102,126,234,.3);color:#fff;display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 14px;width:64px}.wss-convert-modal-hero h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 6px}.wss-convert-modal-hero p{color:#a0aec0;font-size:14px;margin:0}@media (max-width:768px){.wss-page{padding:16px}.wss-layout{flex-direction:column}.wss-nav{flex-direction:row;min-width:auto;overflow-x:auto}.wss-nav-badge,.wss-nav-item span{display:none}.wss-info-grid{grid-template-columns:1fr}.wss-danger-card,.wss-invite-row{flex-direction:column}.wss-danger-card{gap:12px;text-align:center}.wss-header{flex-wrap:wrap}}body.theme-light .wss-loading{color:#5a5c7a}body.theme-light .wss-spinner{border-color:#6366f1 rgba(99,102,241,.12) rgba(99,102,241,.12)}body.theme-light .wss-error-state{color:#5a5c7a}body.theme-light .wss-error-state h3{color:#1e1f2e}body.theme-light .wss-toast-error{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15);color:#dc2626}body.theme-light .wss-toast-success{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.15);color:#16a34a}body.theme-light .wss-header{background:linear-gradient(135deg,rgba(102,126,234,.04),rgba(118,75,162,.04));border-color:rgba(102,126,234,.1)}body.theme-light .wss-back-btn{background:rgba(99,102,241,.06);border-color:#e2e4ee;color:#5a5c7a}body.theme-light .wss-back-btn:hover{background:rgba(99,102,241,.12);color:#1e1f2e}body.theme-light .wss-header-text h1{color:#1e1f2e}body.theme-light .wss-nav-item,body.theme-light .wss-ws-type{color:#5a5c7a}body.theme-light .wss-nav-item:hover{background:rgba(99,102,241,.04);color:#1e1f2e}body.theme-light .wss-nav-item.active{border-color:rgba(99,102,241,.2)}body.theme-light .wss-nav-badge,body.theme-light .wss-nav-item.active{background:rgba(99,102,241,.08);color:#6366f1}body.theme-light .wss-nav-danger.active{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15);color:#dc2626}body.theme-light .wss-content{background:#fff;border-color:#e2e4ee;box-shadow:0 1px 3px rgba(0,0,0,.04)}body.theme-light .wss-section-head h2{color:#1e1f2e}body.theme-light .wss-section-head svg{color:#6366f1}body.theme-light .wss-section-head.danger h2,body.theme-light .wss-section-head.danger svg{color:#dc2626}body.theme-light .wss-form-group label{color:#374151}body.theme-light .wss-form-group input,body.theme-light .wss-form-group select,body.theme-light .wss-form-group textarea{background:#f9fafb;border-color:#e2e4ee;color:#1e1f2e}body.theme-light .wss-form-group input:focus,body.theme-light .wss-form-group select:focus,body.theme-light .wss-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.08)}body.theme-light .wss-form-group select option{background:#fff}body.theme-light .wss-info-card{background:#f9fafb;border-color:#e2e4ee}body.theme-light .wss-info-icon{background:rgba(99,102,241,.06)}body.theme-light .wss-info-data label{color:#5a5c7a}body.theme-light .wss-info-data span{color:#1e1f2e}body.theme-light .wss-copy-row code{color:#5a5c7a}body.theme-light .wss-stats{background:rgba(99,102,241,.04)}body.theme-light .wss-stat-val{color:#1e1f2e}body.theme-light .wss-stat-lbl{color:#5a5c7a}body.theme-light .wss-btn-secondary{background:#f9fafb;border-color:#e2e4ee;color:#374151}body.theme-light .wss-btn-secondary:hover{background:#f3f4f6}body.theme-light .wss-btn-warning{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.15)}body.theme-light .wss-btn-danger{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15)}body.theme-light .wss-icon-btn{background:rgba(99,102,241,.06);color:#6366f1}body.theme-light .wss-icon-btn:hover{background:rgba(99,102,241,.12)}body.theme-light .wss-icon-btn.danger{background:rgba(239,68,68,.06);color:#dc2626}body.theme-light .wss-icon-btn.danger:hover{background:rgba(239,68,68,.12)}body.theme-light .wss-invite-card{background:rgba(99,102,241,.03);border-color:rgba(99,102,241,.08)}body.theme-light .wss-invite-card h3{color:#5a5c7a}body.theme-light .wss-invite-row input,body.theme-light .wss-invite-row select{background:#fff;border-color:#e2e4ee;color:#1e1f2e}body.theme-light .wss-invite-row select option{background:#fff}body.theme-light .wss-loading-inline,body.theme-light .wss-subsection h3{color:#5a5c7a}body.theme-light .wss-inv-row{background:rgba(249,115,22,.04);border-color:rgba(249,115,22,.1)}body.theme-light .wss-inv-avatar{background:rgba(249,115,22,.06)}body.theme-light .wss-inv-email{color:#1e1f2e}body.theme-light .wss-member-row{background:#fafafe;border-color:#e2e4ee}body.theme-light .wss-member-row:hover{background:#f3f4f8;border-color:rgba(99,102,241,.15)}body.theme-light .wss-member-avatar{background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(139,92,246,.06))}body.theme-light .wss-member-name{color:#1e1f2e}body.theme-light .wss-member-email{color:#5a5c7a}body.theme-light .wss-role-select{background:#fff;border-color:#e2e4ee;color:#1e1f2e}body.theme-light .wss-role-select option{background:#fff}body.theme-light .wss-convert-promo h3{color:#1e1f2e}body.theme-light .wss-convert-promo>p{color:#5a5c7a}body.theme-light .wss-convert-feat{background:rgba(99,102,241,.03);border-color:rgba(99,102,241,.08)}body.theme-light .wss-convert-feat strong{color:#1e1f2e}body.theme-light .wss-convert-feat span{color:#5a5c7a}body.theme-light .wss-convert-note{background:rgba(34,197,94,.04);border-color:rgba(34,197,94,.1);color:#5a5c7a}body.theme-light .wss-danger-card{border-color:#e2e4ee}body.theme-light .wss-danger-card.delete{background:rgba(239,68,68,.02);border-color:rgba(239,68,68,.15)}body.theme-light .wss-danger-info h3{color:#1e1f2e}body.theme-light .wss-danger-info p{color:#5a5c7a}body.theme-light .wss-overlay{background:rgba(0,0,0,.35)}body.theme-light .wss-modal{background:#fff;border-color:#e2e4ee;box-shadow:0 20px 60px rgba(0,0,0,.12)}body.theme-light .wss-modal-danger{border-color:rgba(239,68,68,.2)}body.theme-light .wss-modal-convert{border-color:rgba(99,102,241,.2)}body.theme-light .wss-modal-head{border-bottom-color:#e2e4ee}body.theme-light .wss-modal-head h2{color:#1e1f2e}body.theme-light .wss-modal-head button{color:#9ca3af}body.theme-light .wss-modal-head button:hover{color:#1e1f2e}body.theme-light .wss-modal-foot{border-top-color:#e2e4ee}body.theme-light .wss-transfer-warn{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.12)}body.theme-light .wss-transfer-warn strong{color:#d97706}body.theme-light .wss-transfer-warn p{color:#5a5c7a}body.theme-light .wss-delete-warn h3{color:#dc2626}body.theme-light .wss-delete-warn p{color:#5a5c7a}body.theme-light .wss-convert-modal-hero h3{color:#1e1f2e}body.theme-light .wss-convert-modal-hero p{color:#5a5c7a}.organization-detail{margin:0 auto;max-width:1400px;padding:24px}.org-header{flex-wrap:wrap;gap:24px;margin-bottom:32px}.org-header,.org-info{align-items:flex-start;display:flex}.org-info{flex:1 1;gap:16px;min-width:300px}.org-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.org-meta h1{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.org-description{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.org-stats{display:flex;flex-wrap:wrap;gap:16px}.org-stats span{align-items:center;color:var(--text-tertiary);display:flex;font-size:13px;gap:6px}.org-actions{display:flex;flex-wrap:wrap;gap:12px}.org-content{display:flex;flex-direction:column;gap:32px}.org-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.teams-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.team-card{align-items:flex-start;background:var(--background);border:1px solid var(--border);border-left-width:4px;border-radius:12px;display:flex;gap:16px;padding:16px;text-decoration:none;transition:all .2s}.team-card:hover{background:var(--surface-hover);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.team-icon{border-radius:12px;font-size:20px;height:48px;width:48px}.team-info{min-width:0}.team-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.team-info p{color:var(--text-secondary);font-size:13px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-members{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:6px}.owner-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:100px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.form-group label{align-items:center;display:flex;gap:8px}.member-preview{align-items:center;background:var(--background);border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:12px}@media (max-width:768px){.org-header{flex-direction:column}.org-info{width:100%}.org-actions{justify-content:flex-start;width:100%}.member-row{flex-wrap:wrap}.member-role{margin-top:8px;order:3;width:100%}.member-actions{margin-left:auto;order:2}}.team-detail{margin:0 auto;max-width:1200px;padding:24px}.team-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px}.back-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s}.back-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.team-info{align-items:flex-start;display:flex;flex:1 1;gap:16px;min-width:300px}.team-icon{align-items:center;border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.team-breadcrumb{margin-bottom:4px}.org-link{align-items:center;color:var(--text-tertiary);display:inline-flex;font-size:13px;gap:6px;text-decoration:none;transition:color .2s}.org-link:hover{color:var(--primary)}.team-meta h1{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.team-description{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.team-stats{display:flex;flex-wrap:wrap;gap:16px}.team-stats span{align-items:center;color:var(--text-tertiary);display:flex;font-size:13px;gap:6px}.team-actions{display:flex;flex-wrap:wrap;gap:12px}.team-content{display:flex;flex-direction:column;gap:24px}.team-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:18px;margin:0}.members-list{display:flex;flex-direction:column;gap:8px}.member-row{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:10px;display:flex;gap:16px;padding:12px 16px;transition:all .2s}.member-row:hover{background:var(--surface-hover)}.member-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.member-info{flex:1 1;min-width:0}.member-name{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px}.lead-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:100px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.member-email{color:var(--text-tertiary);font-size:12px}.member-role{align-items:center;background:var(--surface);border-radius:6px;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;padding:6px 12px}.member-role svg{color:var(--primary)}.member-actions{display:flex;gap:8px}.quick-actions .actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.action-card{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;padding:20px;text-decoration:none;transition:all .2s}.action-card:hover{background:var(--surface-hover);box-shadow:0 4px 12px rgba(0,0,0,.1);color:var(--primary);transform:translateY(-2px)}.action-card svg{font-size:24px}.action-card span{font-size:13px;font-weight:500}.empty-state{color:var(--text-secondary);padding:48px 24px}.empty-state svg{color:var(--text-tertiary);font-size:48px;margin-bottom:16px}.empty-state h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{margin:0 0 20px}.error-state{color:var(--text-secondary);padding:80px 24px;text-align:center}.error-state svg{color:var(--danger);font-size:48px;margin-bottom:16px}.modal-overlay{inset:0}.modal{background:var(--surface);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:480px;width:100%}.modal-header{border-bottom:1px solid var(--border);padding:20px 24px}.modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:24px;line-height:1;padding:0}.close-btn:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-secondary)}.form-group small{color:var(--text-tertiary);display:block;font-size:12px;margin-top:6px}.form-group input,.form-group select,.form-group textarea{background:var(--background);border:1px solid var(--border);border-radius:10px;color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.form-group textarea{min-height:80px}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{align-items:center;border:2px solid transparent;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:all .2s;width:32px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.btn-danger{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;display:inline-flex;font-size:14px;font-weight:500;gap:8px;transition:all .2s}.btn-danger:hover{background:#ef4444;color:#fff}.btn-icon{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);padding:8px}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-icon.btn-danger:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}@media (max-width:768px){.team-header{flex-direction:column}.team-info{width:100%}.team-actions{justify-content:flex-start;width:100%}.member-row{flex-wrap:wrap}.member-role{margin-top:8px;order:3;width:100%}.member-actions{margin-left:auto;order:2}}.team-settings-page{margin:0 auto;max-width:1000px;padding:1.5rem}.team-settings-page .error-state,.team-settings-page .loading-state{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.team-settings-page .error-state svg{color:#ef4444;font-size:2rem}.team-settings-page .spinner{animation:spin 1s linear infinite;border:3px solid rgba(102,126,234,.2);border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.team-settings-page .settings-header{align-items:center;border-bottom:1px solid rgba(102,126,234,.2);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.team-settings-page .back-btn{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#a0aec0;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .15s ease}.team-settings-page .back-btn:hover{background:rgba(102,126,234,.2);color:#fff}.team-settings-page .header-info{align-items:center;display:flex;flex:1 1;gap:1rem}.team-settings-page .team-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.team-settings-page .header-text h1{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.team-settings-page .header-text .team-type{color:#a0aec0;font-size:.875rem}.team-settings-page .alert{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.team-settings-page .alert-error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#ef4444}.team-settings-page .alert-success{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#10b981}.team-settings-page .alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;margin-left:auto;opacity:.7}.team-settings-page .settings-layout{display:flex;gap:1.5rem}.team-settings-page .settings-tabs{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.team-settings-page .tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#a0aec0;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .15s ease}.team-settings-page .tab:hover{background:rgba(102,126,234,.1);color:#fff}.team-settings-page .tab.active{background:rgba(102,126,234,.15);border-color:#667eea;color:#667eea;font-weight:500}.team-settings-page .settings-content{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.15);border-radius:12px;flex:1 1;padding:1.5rem}.team-settings-page .settings-section h2{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.team-settings-page .settings-section h2 svg{color:#667eea}.team-settings-page .form-group{margin-bottom:1.25rem}.team-settings-page .form-group label{align-items:center;color:#a0aec0;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.team-settings-page .form-group input,.team-settings-page .form-group select,.team-settings-page .form-group textarea{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-size:.875rem;padding:.75rem 1rem;transition:border-color .15s ease;width:100%}.team-settings-page .form-group input:focus,.team-settings-page .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.team-settings-page .form-group.readonly input{background:rgba(102,126,234,.05);color:#a0aec0}.team-settings-page .color-picker{display:flex;flex-wrap:wrap;gap:.5rem}.team-settings-page .color-option{align-items:center;border:2px solid transparent;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:36px;justify-content:center;transition:all .15s ease;width:36px}.team-settings-page .color-option:hover{transform:scale(1.1)}.team-settings-page .color-option.selected{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.3),0 0 0 4px rgba(102,126,234,.15)}.team-settings-page .color-option:disabled{cursor:not-allowed;opacity:.6}.team-settings-page .btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.team-settings-page .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-1px)}.team-settings-page .btn-primary:disabled{cursor:not-allowed;opacity:.6}.team-settings-page .btn-secondary{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#a0aec0}.team-settings-page .btn-danger,.team-settings-page .btn-secondary{align-items:center;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem}.team-settings-page .btn-danger{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444}.team-settings-page .btn-danger:hover:not(:disabled){background:rgba(239,68,68,.3)}.team-settings-page .btn-icon{background:transparent;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;padding:.5rem}.team-settings-page .btn-icon.danger:hover{background:rgba(239,68,68,.2);color:#ef4444}.team-settings-page .add-member-form{background:rgba(102,126,234,.1);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.team-settings-page .add-member-form h3{align-items:center;color:#a0aec0;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.team-settings-page .add-member-row{display:flex;gap:.75rem}.team-settings-page .add-member-row input{flex:1 1}.team-settings-page .add-member-row input,.team-settings-page .add-member-row select{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.875rem;padding:.625rem 1rem}.team-settings-page .add-member-row select{min-width:100px}.team-settings-page .members-list h3{color:#a0aec0;font-size:.875rem;font-weight:600;margin:0 0 1rem}.team-settings-page .no-members{background:rgba(102,126,234,.1);border-radius:8px;color:#a0aec0;padding:1rem;text-align:center}.team-settings-page .member-item{align-items:center;border:1px solid rgba(102,126,234,.2);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.team-settings-page .member-item:hover{border-color:#667eea}.team-settings-page .member-info{align-items:center;display:flex;gap:.75rem}.team-settings-page .member-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.team-settings-page .member-details{display:flex;flex-direction:column}.team-settings-page .member-name{color:#fff;font-size:.875rem;font-weight:500}.team-settings-page .member-email{color:#a0aec0;font-size:.75rem}.team-settings-page .member-actions{align-items:center;display:flex;gap:.5rem}.team-settings-page .role-select{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.75rem;padding:.375rem .75rem}.team-settings-page .role-badge{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.375rem .75rem}.team-settings-page .role-badge.lead{background:rgba(245,158,11,.2);color:#f59e0b}.team-settings-page .role-badge.member{background:rgba(102,126,234,.2);color:#667eea}.team-settings-page .danger-section h2,.team-settings-page .danger-section h2 svg{color:#dc2626}.team-settings-page .danger-action{align-items:center;border:1px solid rgba(102,126,234,.2);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.team-settings-page .danger-action.delete{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.team-settings-page .danger-info h3{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.team-settings-page .danger-info p{color:#a0aec0;font-size:.75rem;margin:0}.team-settings-page .modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.team-settings-page .modal{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.2);border-radius:12px;box-shadow:0 25px 50px rgba(0,0,0,.5);max-width:480px;width:100%}.team-settings-page .modal-header{align-items:center;border-bottom:1px solid rgba(102,126,234,.2);display:flex;justify-content:space-between;padding:1rem 1.5rem}.team-settings-page .modal-header h3{align-items:center;color:#fff;display:flex;font-size:1.125rem;gap:.5rem;margin:0}.team-settings-page .modal-header.danger h3{color:#dc2626}.team-settings-page .close-btn{background:transparent;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;padding:.5rem}.team-settings-page .modal-body{padding:1.5rem}.team-settings-page .modal-body p{color:#a0aec0;margin:0 0 1rem}.team-settings-page .modal-body .danger-warning{color:#ef4444;font-weight:500}.team-settings-page .modal-body input.full-width{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-size:.875rem;padding:.75rem 1rem;width:100%}.team-settings-page .modal-footer{border-top:1px solid rgba(102,126,234,.2);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}@media (max-width:768px){.team-settings-page .settings-layout{flex-direction:column}.team-settings-page .settings-tabs{flex-direction:row;min-width:auto;overflow-x:auto}.team-settings-page .tab span{display:none}.team-settings-page .add-member-row{flex-direction:column}.team-settings-page .member-item{align-items:flex-start;flex-direction:column;gap:.75rem}.team-settings-page .member-actions{justify-content:flex-end;width:100%}}body.theme-light .team-settings-page .error-state,body.theme-light .team-settings-page .loading-state{color:#5a5c7a}body.theme-light .team-settings-page .spinner{border-color:#6366f1 rgba(99,102,241,.15) rgba(99,102,241,.15)}body.theme-light .team-settings-page .settings-header{border-bottom-color:#e2e4ee}body.theme-light .team-settings-page .back-btn{background:rgba(99,102,241,.06);border-color:#e2e4ee;color:#5a5c7a}body.theme-light .team-settings-page .back-btn:hover{background:rgba(99,102,241,.12);color:#1e1f2e}body.theme-light .team-settings-page .header-text h1{color:#1e1f2e}body.theme-light .team-settings-page .header-text .team-type{color:#5a5c7a}body.theme-light .team-settings-page .alert-error{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2)}body.theme-light .team-settings-page .alert-success{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.2)}body.theme-light .team-settings-page .tab{color:#5a5c7a}body.theme-light .team-settings-page .tab:hover{background:rgba(99,102,241,.06);color:#1e1f2e}body.theme-light .team-settings-page .tab.active{background:rgba(99,102,241,.08);border-color:#6366f1;color:#6366f1}body.theme-light .team-settings-page .settings-content{background:#f8f8fb;border-color:#e2e4ee}body.theme-light .team-settings-page .settings-section h2{color:#1e1f2e}body.theme-light .team-settings-page .settings-section h2 svg{color:#6366f1}body.theme-light .team-settings-page .form-group label{color:#5a5c7a}body.theme-light .team-settings-page .form-group input,body.theme-light .team-settings-page .form-group select,body.theme-light .team-settings-page .form-group textarea{background:#fff;border-color:#e2e4ee;color:#1e1f2e}body.theme-light .team-settings-page .form-group input:focus,body.theme-light .team-settings-page .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.08)}body.theme-light .team-settings-page .form-group.readonly input{background:#f8f8fb;color:#5a5c7a}body.theme-light .team-settings-page .color-option.selected{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.2)}body.theme-light .team-settings-page .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)}body.theme-light .team-settings-page .btn-secondary{background:rgba(99,102,241,.06);border-color:#e2e4ee;color:#5a5c7a}body.theme-light .team-settings-page .btn-danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2)}body.theme-light .team-settings-page .btn-icon{color:#5a5c7a}body.theme-light .team-settings-page .btn-icon.danger:hover{background:rgba(239,68,68,.1)}body.theme-light .team-settings-page .add-member-form{background:rgba(99,102,241,.04)}body.theme-light .team-settings-page .add-member-form h3{color:#5a5c7a}body.theme-light .team-settings-page .add-member-row input,body.theme-light .team-settings-page .add-member-row select{background:#fff;border-color:#e2e4ee;color:#1e1f2e}body.theme-light .team-settings-page .members-list h3{color:#5a5c7a}body.theme-light .team-settings-page .no-members{background:rgba(99,102,241,.04);color:#5a5c7a}body.theme-light .team-settings-page .member-item{border-color:#e2e4ee}body.theme-light .team-settings-page .member-item:hover{border-color:#6366f1}body.theme-light .team-settings-page .member-name{color:#1e1f2e}body.theme-light .team-settings-page .member-email{color:#5a5c7a}body.theme-light .team-settings-page .role-select{background:#fff;border-color:#e2e4ee;color:#1e1f2e}body.theme-light .team-settings-page .danger-section h2{color:#dc2626}body.theme-light .team-settings-page .danger-action{border-color:#e2e4ee}body.theme-light .team-settings-page .danger-action.delete{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.2)}body.theme-light .team-settings-page .danger-info h3{color:#1e1f2e}body.theme-light .team-settings-page .danger-info p{color:#5a5c7a}body.theme-light .team-settings-page .modal{background:#fff;border-color:#e2e4ee;box-shadow:0 20px 60px rgba(0,0,0,.12)}body.theme-light .team-settings-page .modal-header{border-bottom-color:#e2e4ee}body.theme-light .team-settings-page .modal-header h3{color:#1e1f2e}body.theme-light .team-settings-page .close-btn,body.theme-light .team-settings-page .modal-body p{color:#5a5c7a}body.theme-light .team-settings-page .modal-body input.full-width{background:#f8f8fb;border-color:#e2e4ee;color:#1e1f2e}body.theme-light .team-settings-page .modal-footer{border-top-color:#e2e4ee}:root{--hp-primary:#3b82f6;--hp-primary-dark:#2563eb;--hp-primary-light:#60a5fa;--hp-primary-glow:rgba(59,130,246,.4);--hp-cyan:#22d3ee;--hp-emerald:#10b981;--hp-amber:#f59e0b;--hp-red:#ef4444;--hp-violet:#8b5cf6;--hp-swiss-red:red;--hp-bg:#06060e;--hp-bg-alt:#0a0a14;--hp-bg-elevated:#0f0f1a;--hp-bg-card:#112;--hp-surface:hsla(0,0%,100%,.03);--hp-surface-hover:hsla(0,0%,100%,.06);--hp-border:hsla(0,0%,100%,.08);--hp-border-light:hsla(0,0%,100%,.12);--hp-text:#fff;--hp-text-secondary:#94a3b8;--hp-text-tertiary:#64748b;--hp-text-muted:#475569;--hp-gradient:linear-gradient(135deg,#3b82f6,#22d3ee);--hp-gradient-hero:linear-gradient(135deg,#3b82f6,#60a5fa 50%,#22d3ee);--hp-gradient-swiss:linear-gradient(135deg,red,#dc2626);--hp-gradient-premium:linear-gradient(135deg,#f59e0b,#d97706);--hp-gradient-card:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));--hp-shadow-sm:0 1px 3px rgba(0,0,0,.5);--hp-shadow-md:0 4px 12px rgba(0,0,0,.5);--hp-shadow-lg:0 12px 40px rgba(0,0,0,.6);--hp-shadow-xl:0 25px 60px rgba(0,0,0,.7);--hp-shadow-glow:0 4px 30px var(--hp-primary-glow);--hp-shadow-glow-lg:0 8px 60px var(--hp-primary-glow);--hp-max-w:1240px;--hp-radius:20px;--hp-radius-sm:12px;--hp-radius-xs:8px;--hp-transition:0.3s cubic-bezier(.4,0,.2,1)}.hp{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#06060e;background:var(--hp-bg);color:#fff;color:var(--hp-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.hp *,.hp :after,.hp :before{box-sizing:border-box;margin:0;padding:0}.hp img{display:block;max-width:100%}.hp button{cursor:pointer;font-family:inherit}.hp-section{padding:120px 24px;position:relative}.hp-section--alt{background:#0a0a14;background:var(--hp-bg-alt)}.hp-section-inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-section-header{margin-bottom:72px;text-align:center}.hp-section-badge{align-items:center;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:100px;color:#60a5fa;color:var(--hp-primary-light);display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:24px;padding:8px 18px;text-transform:uppercase}.hp-section-badge--swiss{background:rgba(255,0,0,.1);border:1px solid rgba(255,0,0,.2);color:#fca5a5}.hp-section-title{color:#fff;color:var(--hp-text);font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:20px}.hp-section-subtitle{color:#94a3b8;color:var(--hp-text-secondary);font-size:18px;line-height:1.7;margin:0 auto;max-width:680px}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);-webkit-background-clip:text;background-clip:text}.gradient-text-swiss{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,red,#dc2626);background:var(--hp-gradient-swiss);-webkit-background-clip:text;background-clip:text}.hp-animate-in .hp-card,.hp-animate-in>*{animation:hpFadeUp .7s ease forwards;opacity:0;transform:translateY(30px)}.hp-animate-in>:first-child{animation-delay:0s}.hp-animate-in>:nth-child(2){animation-delay:.1s}.hp-animate-in>:nth-child(3){animation-delay:.2s}.hp-animate-in>:nth-child(4){animation-delay:.3s}.hp-animate-in>:nth-child(5){animation-delay:.4s}.hp-animate-in>:nth-child(6){animation-delay:.5s}@keyframes hpFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes hpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes hpPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes hpSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hpGlow{0%,to{box-shadow:0 0 30px rgba(59,130,246,.4);box-shadow:0 0 30px var(--hp-primary-glow)}50%{box-shadow:0 0 60px rgba(59,130,246,.4);box-shadow:0 0 60px var(--hp-primary-glow)}}.hp-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--hp-radius-sm);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition);white-space:nowrap}.hp-btn--primary{background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);box-shadow:0 4px 30px rgba(59,130,246,.4);box-shadow:var(--hp-shadow-glow);color:#fff;padding:14px 32px}.hp-btn--primary:hover{box-shadow:0 8px 60px rgba(59,130,246,.4);box-shadow:var(--hp-shadow-glow-lg);transform:translateY(-3px)}.hp-btn--secondary{background:transparent;border:2px solid rgba(59,130,246,.4);color:#60a5fa;color:var(--hp-primary-light);padding:13px 30px}.hp-btn--secondary:hover{background:rgba(59,130,246,.1);border-color:#3b82f6;border-color:var(--hp-primary);transform:translateY(-2px)}.hp-btn--white{background:#fff;color:#06060e;color:var(--hp-bg);font-weight:700;padding:14px 32px}.hp-btn--white:hover{box-shadow:0 8px 40px hsla(0,0%,100%,.2);transform:translateY(-3px)}.hp-btn--ghost{background:transparent;color:#94a3b8;color:var(--hp-text-secondary);padding:12px 24px}.hp-btn--ghost:hover{color:#fff;color:var(--hp-text)}.hp-btn--lg{font-size:16px;padding:18px 40px}.hp-btn--full{width:100%}.hp-btn--swiss{background:linear-gradient(135deg,red,#dc2626);background:var(--hp-gradient-swiss);color:#fff;padding:14px 32px}.hp-btn--swiss:hover{box-shadow:0 4px 30px rgba(255,0,0,.3);transform:translateY(-3px)}.hp-card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-card:hover{background:hsla(0,0%,100%,.06);background:var(--hp-surface-hover);border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);transform:translateY(-4px)}.hp-nav{left:0;padding:16px 0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition);z-index:1000}.hp-nav--scrolled{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(6,6,14,.9);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--hp-border);padding:12px 0}.hp-nav__inner{justify-content:space-between;margin:0 auto;max-width:1240px;max-width:var(--hp-max-w);padding:0 24px}.hp-nav__inner,.hp-nav__logo{align-items:center;display:flex}.hp-nav__logo{background:none;border:none}.hp-nav__logo-img{height:36px;width:auto}.hp-nav__links{align-items:center;display:flex;gap:4px}.hp-nav__link{background:none;border:none;border-radius:8px;border-radius:var(--hp-radius-xs);color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.hp-nav__link:hover{background:hsla(0,0%,100%,.03);background:var(--hp-surface);color:#fff;color:var(--hp-text)}.hp-nav__divider{background:hsla(0,0%,100%,.08);background:var(--hp-border);height:24px;margin:0 8px;width:1px}.hp-nav__cta-login{background:none;border:none;color:#fff;color:var(--hp-text);font-size:14px;font-weight:600;padding:10px 18px;transition:color .2s}.hp-nav__cta-login:hover{color:#60a5fa;color:var(--hp-primary-light)}.hp-nav__cta-trial{align-items:center;background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);border:none;border-radius:8px;border-radius:var(--hp-radius-xs);color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 22px;transition:all .25s}.hp-nav__cta-trial:hover{box-shadow:0 4px 30px rgba(59,130,246,.4);box-shadow:var(--hp-shadow-glow);transform:translateY(-2px)}.hp-nav__burger{background:none;border:none;color:#fff;color:var(--hp-text);display:none;font-size:22px}.hp-nav__swiss{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:100px;color:#64748b;color:var(--hp-text-tertiary);display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.hp-nav__swiss-flag{background:red;border-radius:2px;height:12px;position:relative;width:16px}.hp-nav__swiss-flag:after,.hp-nav__swiss-flag:before{background:#fff;content:"";position:absolute}.hp-nav__swiss-flag:before{height:3px;left:50%;top:50%;transform:translate(-50%,-50%);width:10px}.hp-nav__swiss-flag:after{height:10px;left:50%;top:50%;transform:translate(-50%,-50%);width:3px}@media (max-width:1023px){.hp-nav__links{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(6,6,14,.98);bottom:0;display:none;flex-direction:column;gap:20px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.hp-nav__links--open{display:flex}.hp-nav__link{font-size:20px;padding:14px 28px}.hp-nav__divider,.hp-nav__swiss{display:none}.hp-nav__burger{display:block;z-index:1001}}.hp-hero{align-items:center;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:160px 24px 100px;position:relative}.hp-hero__bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.hp-hero__orb{border-radius:50%;filter:blur(120px);position:absolute}.hp-hero__orb--1{animation:hpFloat 20s ease-in-out infinite;background:#3b82f6;background:var(--hp-primary);height:700px;left:-200px;opacity:.15;top:-300px;width:700px}.hp-hero__orb--2{animation:hpFloat 15s ease-in-out infinite reverse;background:#22d3ee;background:var(--hp-cyan);bottom:-100px;height:500px;opacity:.1;right:-150px;width:500px}.hp-hero__orb--3{animation:hpFloat 18s ease-in-out infinite;background:#8b5cf6;background:var(--hp-violet);height:300px;left:60%;opacity:.08;top:40%;width:300px}.hp-hero__grid{background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 0),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 0);background-size:80px 80px;inset:0;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 20%,transparent 80%);position:absolute}.hp-hero__content{animation:hpFadeUp 1s ease;max-width:900px;position:relative;text-align:center;z-index:2}.hp-hero__swiss-badge{align-items:center;background:rgba(255,0,0,.08);border:1px solid rgba(255,0,0,.15);border-radius:100px;color:#fca5a5;display:inline-flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:28px;padding:10px 22px}.hp-hero__swiss-flag{background:red;border-radius:2px;flex-shrink:0;height:14px;position:relative;width:20px}.hp-hero__swiss-flag:after,.hp-hero__swiss-flag:before{background:#fff;content:"";position:absolute}.hp-hero__swiss-flag:before{height:4px;left:50%;top:50%;transform:translate(-50%,-50%);width:12px}.hp-hero__swiss-flag:after{height:12px;left:50%;top:50%;transform:translate(-50%,-50%);width:4px}.hp-hero__title{color:#fff;color:var(--hp-text);font-size:clamp(44px,7vw,80px);font-weight:900;letter-spacing:-3px;line-height:1.02;margin-bottom:28px}.hp-hero__subtitle{color:#94a3b8;color:var(--hp-text-secondary);font-size:clamp(18px,2.5vw,22px);line-height:1.65;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px}.hp-hero__actions{gap:16px;margin-bottom:40px}.hp-hero__actions,.hp-hero__trust-line{display:flex;flex-wrap:wrap;justify-content:center}.hp-hero__trust-line{color:#64748b;color:var(--hp-text-tertiary);font-size:14px;gap:28px}.hp-hero__trust-line span{align-items:center;display:flex;gap:8px}.hp-hero__trust-line svg{color:#10b981;color:var(--hp-emerald)}.hp-hero__mockup{animation:hpFadeUp 1.2s ease .3s both;margin-top:60px;max-width:1100px;position:relative;width:100%;z-index:2}.hp-hero__mockup-window{background:#112;background:var(--hp-bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);box-shadow:0 25px 60px rgba(0,0,0,.7);box-shadow:var(--hp-shadow-xl);overflow:hidden}.hp-hero__mockup-bar{align-items:center;background:rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--hp-border);display:flex;gap:12px;padding:12px 16px}.hp-hero__mockup-dots{display:flex;gap:6px}.hp-dot{border-radius:50%;height:10px;width:10px}.hp-dot--red{background:#ef4444}.hp-dot--yellow{background:#f59e0b}.hp-dot--green{background:#10b981}.hp-hero__mockup-url{color:#64748b;color:var(--hp-text-tertiary);flex:1 1;font-family:SF Mono,monospace;font-size:12px;text-align:center}.hp-hero__mockup-body{display:flex;min-height:420px}.hp-hero__mockup-sidebar{background:rgba(0,0,0,.2);border-right:1px solid hsla(0,0%,100%,.08);border-right:1px solid var(--hp-border);display:flex;flex-direction:column;gap:4px;padding:20px 12px;width:220px}.hp-mock-brand{align-items:center;display:flex;font-size:15px;font-weight:700;gap:10px;margin-bottom:16px;padding:12px}.hp-mock-brand-icon{background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);font-size:16px;font-weight:800;height:32px;justify-content:center;width:32px}.hp-mock-brand-icon,.hp-mock-nav-item{align-items:center;border-radius:8px;display:flex}.hp-mock-nav-item{color:#94a3b8;color:var(--hp-text-secondary);font-size:13px;gap:10px;padding:10px 12px;transition:all .2s}.hp-mock-nav-item--active{background:hsla(0,0%,100%,.06);background:var(--hp-surface-hover);color:#fff;color:var(--hp-text)}.hp-hero__mockup-main{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:20px}.hp-mock-topbar{align-items:center;display:flex;justify-content:space-between}.hp-mock-search{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:8px;color:#64748b;color:var(--hp-text-tertiary);font-size:13px;gap:10px;padding:10px 16px;width:280px}.hp-mock-search,.hp-mock-user{align-items:center;display:flex}.hp-mock-user{color:#94a3b8;color:var(--hp-text-secondary);gap:12px}.hp-mock-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.hp-mock-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.hp-mock-stat{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px}.hp-mock-stat span:first-child{color:#64748b;color:var(--hp-text-tertiary);font-size:12px}.hp-mock-stat strong{font-size:24px;font-weight:700}.hp-mock-stat-change{color:#10b981!important;color:var(--hp-emerald)!important;font-size:12px!important;font-weight:500}.hp-mock-items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.hp-mock-item-card{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;overflow:hidden}.hp-mock-item-img{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(34,211,238,.1));height:100px}.hp-mock-item-info{display:flex;flex-direction:column;gap:4px;padding:12px}.hp-mock-item-name{font-size:13px;font-weight:600}.hp-mock-item-price{color:#10b981;color:var(--hp-emerald);font-size:12px;font-weight:500}@media (max-width:900px){.hp-hero__mockup-sidebar{display:none}.hp-mock-items-grid,.hp-mock-stats-row{grid-template-columns:1fr 1fr}}@media (max-width:600px){.hp-mock-items-grid,.hp-mock-stats-row{grid-template-columns:1fr}.hp-mock-search{width:100%}}.hp-hero__badges{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px}.hp-hero__trust-badge{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:100px;color:#94a3b8;color:var(--hp-text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 18px}.hp-hero__trust-badge svg{color:#10b981;color:var(--hp-emerald)}.hp-social-proof{background:#0a0a14;background:var(--hp-bg-alt);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--hp-border);border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--hp-border);padding:80px 24px}.hp-social-proof__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-social-proof__label{color:#64748b;color:var(--hp-text-tertiary);font-size:14px;letter-spacing:1px;margin-bottom:32px;text-align:center;text-transform:uppercase}.hp-social-proof__stats{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);text-align:center}.hp-proof-stat{display:flex;flex-direction:column;gap:8px}.hp-proof-stat__number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,5vw,52px);font-weight:800}.hp-proof-stat__label{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px}@media (max-width:768px){.hp-social-proof__stats{gap:32px;grid-template-columns:repeat(2,1fr)}}.hp-about{padding:140px 24px}.hp-about__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-about__grid{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.hp-about__content h2{font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:24px}.hp-about__content p{color:#94a3b8;color:var(--hp-text-secondary);font-size:17px;line-height:1.75;margin-bottom:20px}.hp-about__highlights{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.hp-about__highlight{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:100px;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 20px}.hp-about__highlight svg{color:#60a5fa;color:var(--hp-primary-light)}.hp-about__map,.hp-about__visual{position:relative}.hp-about__map{background:#112;background:var(--hp-bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);overflow:hidden;padding:40px}.hp-about__map-bg{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400'%3E%3Cpath d='m400 80 20 20-20 20-20-20Z' fill='%233B82F6'/%3E%3Ccircle cx='400' cy='100' r='60' stroke='%233B82F6' fill='none'/%3E%3Ccircle cx='400' cy='100' r='100' stroke='%233B82F6' fill='none' stroke-width='.5'/%3E%3C/svg%3E") 50% no-repeat;background-size:contain;inset:0;opacity:.1;position:absolute}.hp-about__location{position:relative;text-align:center;z-index:1}.hp-about__flag{background:red;border-radius:4px;box-shadow:0 8px 32px rgba(255,0,0,.3);height:56px;margin:0 auto 24px;position:relative;width:80px}.hp-about__flag:after,.hp-about__flag:before{background:#fff;content:"";position:absolute}.hp-about__flag:before{height:12px;width:40px}.hp-about__flag:after,.hp-about__flag:before{left:50%;top:50%;transform:translate(-50%,-50%)}.hp-about__flag:after{height:40px;width:12px}.hp-about__location h3{font-size:28px;font-weight:800;margin-bottom:8px}.hp-about__location p{color:#94a3b8;color:var(--hp-text-secondary);font-size:15px}.hp-about__values{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:32px}.hp-about__value{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;padding:20px;text-align:center}.hp-about__value-icon{align-items:center;background:rgba(59,130,246,.1);border-radius:12px;color:#60a5fa;color:var(--hp-primary-light);display:flex;font-size:20px;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.hp-about__value h4{font-size:14px;font-weight:600;margin-bottom:4px}.hp-about__value p{color:#64748b;color:var(--hp-text-tertiary);font-size:12px;margin:0}@media (max-width:900px){.hp-about__grid{gap:48px}.hp-about__grid,.hp-about__values{grid-template-columns:1fr}}.hp-story{background:#0a0a14;background:var(--hp-bg-alt);padding:140px 24px}.hp-story__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-story__timeline{margin-top:60px;position:relative}.hp-story__timeline:before{background:hsla(0,0%,100%,.08);background:var(--hp-border);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.hp-story__item{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 100px 1fr;margin-bottom:80px;position:relative}.hp-story__item:nth-child(2n) .hp-story__content{order:3;text-align:left}.hp-story__item:nth-child(2n) .hp-story__visual{order:1}.hp-story__item:nth-child(odd) .hp-story__content{order:1;text-align:right}.hp-story__item:nth-child(odd) .hp-story__visual{order:3}.hp-story__year{align-self:center;background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);border-radius:100px;color:#fff;font-size:14px;font-weight:700;justify-self:center;order:2;padding:8px 20px;white-space:nowrap;z-index:1}.hp-story__content{max-width:400px}.hp-story__content h3{font-size:22px;font-weight:700;margin-bottom:12px}.hp-story__content p{color:#94a3b8;color:var(--hp-text-secondary);font-size:15px;line-height:1.7}.hp-story__visual{max-width:400px}.hp-story__card{background:#112;background:var(--hp-bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);padding:32px;text-align:center}.hp-story__card-icon{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border-radius:16px;color:#60a5fa;color:var(--hp-primary-light);display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.hp-story__card h4{font-size:18px;font-weight:600;margin-bottom:8px}.hp-story__card p{color:#64748b;color:var(--hp-text-tertiary);font-size:14px}@media (max-width:900px){.hp-story__timeline:before{left:20px}.hp-story__item{align-items:flex-start;display:flex;flex-direction:column;gap:16px;padding-left:60px}.hp-story__item:nth-child(2n) .hp-story__content,.hp-story__item:nth-child(odd) .hp-story__content{order:0;text-align:left}.hp-story__item:nth-child(2n) .hp-story__visual,.hp-story__item:nth-child(odd) .hp-story__visual{order:0}.hp-story__year{left:20px;order:0;position:absolute;top:0;transform:translateX(-50%)}.hp-story__content,.hp-story__visual{max-width:100%}}.hp-features{padding:140px 24px}.hp-features__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-features__tabs{margin-top:60px}.hp-features__tab-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:48px}.hp-features__tab-btn{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:100px;color:#94a3b8;color:var(--hp-text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .25s}.hp-features__tab-btn:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);color:#fff;color:var(--hp-text)}.hp-features__tab-btn--active{background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);border-color:transparent;box-shadow:0 4px 30px rgba(59,130,246,.4);box-shadow:var(--hp-shadow-glow);color:#fff}.hp-features__tab-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1.2fr}.hp-features__tab-text h3{font-size:32px;font-weight:800;margin-bottom:16px}.hp-features__tab-text p{color:#94a3b8;color:var(--hp-text-secondary);font-size:16px;line-height:1.7;margin-bottom:24px}.hp-features__tab-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin-bottom:32px}.hp-features__tab-list li{align-items:center;color:#94a3b8;color:var(--hp-text-secondary);display:flex;font-size:15px;gap:12px}.hp-features__tab-list li svg{color:#10b981;color:var(--hp-emerald)}.hp-features__tab-visual{background:#112;background:var(--hp-bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);min-height:360px;padding:32px}.hp-tab-demo__header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.hp-tab-demo__icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.hp-tab-demo__icon--emerald{background:rgba(16,185,129,.15);color:#10b981;color:var(--hp-emerald)}.hp-tab-demo__icon--indigo{background:rgba(59,130,246,.15);color:#60a5fa;color:var(--hp-primary-light)}.hp-tab-demo__icon--amber{background:rgba(245,158,11,.15);color:#f59e0b;color:var(--hp-amber)}.hp-tab-demo__title{font-size:16px;font-weight:600}.hp-demo-ai-flow{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:40px 0}.hp-demo-ai-processing,.hp-demo-ai-result,.hp-demo-ai-upload{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;padding:20px;text-align:center}.hp-demo-ai-upload{font-size:40px}.hp-demo-ai-arrow{color:#64748b;color:var(--hp-text-tertiary);font-size:24px}.hp-demo-ai-processing{align-items:center;color:#f59e0b;color:var(--hp-amber);display:flex;gap:10px}.hp-spinner{animation:hpSpin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top:2px solid var(--hp-amber);height:20px;width:20px}.hp-demo-ai-result__category{color:#fff;color:var(--hp-text);font-size:14px;font-weight:600;margin-bottom:8px}.hp-demo-ai-result__confidence{color:#10b981;color:var(--hp-emerald);font-size:13px}.hp-demo-duplicate{align-items:center;display:flex;gap:20px;justify-content:center;padding:40px 0}.hp-demo-dup-card{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;overflow:hidden;width:140px}.hp-demo-dup-img{height:80px}.hp-demo-dup-info{display:flex;flex-direction:column;gap:4px;padding:12px}.hp-demo-dup-info span:first-child{font-size:13px;font-weight:600}.hp-demo-dup-info span:last-child{color:#64748b;color:var(--hp-text-tertiary);font-size:11px}.hp-demo-dup-match{text-align:center}.hp-demo-dup-score{color:#f59e0b;color:var(--hp-amber);font-size:28px;font-weight:800}.hp-demo-dup-label{color:#64748b;color:var(--hp-text-tertiary);font-size:12px}.hp-demo-value-chart{align-items:flex-end;display:flex;gap:8px;height:120px;justify-content:center;padding:20px 0}.hp-demo-chart-bar{background:rgba(59,130,246,.15);border-radius:4px 4px 0 0;transition:all .3s;width:24px}.hp-demo-value-summary{display:flex;gap:32px;justify-content:center;margin-top:24px}.hp-demo-value-item{text-align:center}.hp-demo-value-item span{color:#64748b;color:var(--hp-text-tertiary);display:block;font-size:12px;margin-bottom:4px}.hp-demo-value-item strong{font-size:18px;font-weight:700}.hp-demo-gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:20px 0}.hp-demo-gallery-item{aspect-ratio:1;background:rgba(59,130,246,.1);border-radius:8px}.hp-demo-search-bar{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;color:#64748b;color:var(--hp-text-tertiary);display:flex;gap:12px;margin-bottom:20px;padding:14px 20px}.hp-demo-search-results{display:flex;flex-direction:column;gap:12px}.hp-demo-search-item{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;display:flex;gap:16px;padding:12px}.hp-demo-search-thumb{background:rgba(59,130,246,.1);border-radius:8px;height:48px;width:48px}.hp-demo-search-meta{display:flex;flex:1 1;flex-direction:column;gap:2px}.hp-demo-search-meta span:first-child{font-size:14px;font-weight:600}.hp-demo-search-meta span:last-child{color:#64748b;color:var(--hp-text-tertiary);font-size:12px}.hp-demo-search-match{color:#10b981;color:var(--hp-emerald);font-size:13px;font-weight:600}.hp-demo-collab-users{display:flex;justify-content:center;margin-bottom:24px}.hp-demo-collab-avatar{align-items:center;border:2px solid #112;border:2px solid var(--hp-bg-card);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;margin-left:-8px;width:40px}.hp-demo-collab-avatar:first-child{margin-left:0}.hp-demo-collab-comment{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.hp-demo-collab-comment-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.hp-demo-collab-bubble{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;color:#94a3b8;color:var(--hp-text-secondary);font-size:13px;line-height:1.5;padding:12px 16px}.hp-demo-collab-bubble strong{color:#fff;color:var(--hp-text);display:block;margin-bottom:4px}.hp-demo-audit-list{display:flex;flex-direction:column;gap:16px}.hp-demo-audit-item{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;display:flex;gap:12px;padding:12px 16px}.hp-demo-audit-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.hp-demo-audit-text{color:#94a3b8;color:var(--hp-text-secondary);flex:1 1;font-size:13px}.hp-demo-audit-text strong{color:#fff;color:var(--hp-text)}.hp-demo-audit-time{color:#64748b;color:var(--hp-text-tertiary);font-size:12px}.hp-demo-dashboard{grid-gap:16px;display:grid;gap:16px}.hp-demo-widget{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;padding:20px}.hp-demo-widget__label{color:#64748b;color:var(--hp-text-tertiary);display:block;font-size:12px;margin-bottom:8px}.hp-demo-widget__value{display:block;font-size:28px;font-weight:800;margin-bottom:12px}.hp-demo-widget__bar{background:hsla(0,0%,100%,.05);border-radius:3px;height:6px;overflow:hidden}.hp-demo-widget__bar-fill{background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);border-radius:3px;height:100%}.hp-demo-mini-chart{align-items:flex-end;display:flex;gap:6px;height:60px;margin-top:12px}.hp-demo-mini-bar{background:rgba(59,130,246,.3);border-radius:2px;flex:1 1}@media (max-width:900px){.hp-features__tab-content{gap:40px;grid-template-columns:1fr}}.hp-pricing{background:#0a0a14;background:var(--hp-bg-alt);padding:140px 24px}.hp-pricing__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-pricing__toggle{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:60px}.hp-pricing__toggle span{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px}.hp-pricing__toggle span.active{color:#fff;color:var(--hp-text);font-weight:600}.hp-pricing__toggle-switch{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:100px;cursor:pointer;height:28px;position:relative;width:56px}.hp-pricing__toggle-switch:after{background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);border-radius:50%;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s;width:22px}.hp-pricing__toggle-switch.annual:after{transform:translateX(28px)}.hp-pricing__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.hp-price-card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);display:flex;flex-direction:column;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-price-card:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);transform:translateY(-4px)}.hp-price-card--featured{background:linear-gradient(180deg,rgba(59,130,246,.08),rgba(59,130,246,.02));border-color:#3b82f6;border-color:var(--hp-primary);transform:scale(1.02)}.hp-price-card--featured:hover{transform:scale(1.02) translateY(-4px)}.hp-price-card__badge{background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);border-radius:100px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:6px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.hp-price-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.hp-price-card__amount{font-size:44px;font-weight:800}.hp-price-card__period{color:#64748b;color:var(--hp-text-tertiary);font-size:16px}.hp-price-card__desc{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;margin:16px 0 24px}.hp-price-card ul{flex:1 1;list-style:none;margin-bottom:24px}.hp-price-card ul li{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--hp-border);color:#94a3b8;color:var(--hp-text-secondary);display:flex;font-size:14px;gap:10px;padding:10px 0}.hp-price-card ul li:last-child{border-bottom:none}.hp-price-card ul li svg{color:#10b981;color:var(--hp-emerald);flex-shrink:0}.hp-price-card__storage{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.hp-price-card__storage span{color:#64748b;color:var(--hp-text-tertiary);font-size:13px}.hp-price-card__storage strong{font-size:15px}.hp-pricing__footer{color:#64748b;color:var(--hp-text-tertiary);font-size:14px;margin-top:48px;text-align:center}.hp-pricing__addons{margin-top:80px}.hp-pricing__addons h3{font-size:24px;font-weight:700;margin-bottom:32px;text-align:center}.hp-addons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.hp-addon-card{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-addon-card:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light)}.hp-addon-card__icon{align-items:center;background:rgba(59,130,246,.1);border-radius:12px;color:#60a5fa;color:var(--hp-primary-light);display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.hp-addon-card__info h4{font-size:15px;font-weight:600;margin-bottom:4px}.hp-addon-card__info p{color:#64748b;color:var(--hp-text-tertiary);font-size:13px}.hp-addon-card__price{color:#60a5fa;color:var(--hp-primary-light);font-size:16px;font-weight:700;margin-left:auto}@media (max-width:1100px){.hp-pricing__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.hp-addons-grid,.hp-pricing__grid{grid-template-columns:1fr}}.hp-trust{padding:140px 24px}.hp-trust__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-trust__hero{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin-bottom:80px}.hp-trust__hero-content h2{font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.15;margin-bottom:24px}.hp-trust__hero-content p{color:#94a3b8;color:var(--hp-text-secondary);font-size:17px;line-height:1.75;margin-bottom:32px}.hp-trust__swiss-highlight{align-items:center;background:rgba(255,0,0,.05);border:1px solid rgba(255,0,0,.15);border-radius:12px;display:flex;gap:16px;padding:20px 24px}.hp-trust__swiss-flag{background:red;border-radius:4px;flex-shrink:0;height:34px;position:relative;width:48px}.hp-trust__swiss-flag:after,.hp-trust__swiss-flag:before{background:#fff;content:"";position:absolute}.hp-trust__swiss-flag:before{height:8px;left:50%;top:50%;transform:translate(-50%,-50%);width:24px}.hp-trust__swiss-flag:after{height:24px;left:50%;top:50%;transform:translate(-50%,-50%);width:8px}.hp-trust__swiss-text h4{font-size:16px;font-weight:600;margin-bottom:4px}.hp-trust__swiss-text p{color:#64748b;color:var(--hp-text-tertiary);font-size:14px;margin:0}.hp-trust__hero-visual{position:relative}.hp-trust__layers{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:420px;width:100%}.hp-trust__layer{align-items:center;background:#112;background:var(--hp-bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-trust__layer:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.hp-trust__layer:first-child:before{background:#3b82f6;background:var(--hp-primary)}.hp-trust__layer:nth-child(2):before{background:#10b981;background:var(--hp-emerald)}.hp-trust__layer:nth-child(3):before{background:#22d3ee;background:var(--hp-cyan)}.hp-trust__layer:nth-child(4):before{background:#8b5cf6;background:var(--hp-violet)}.hp-trust__layer:nth-child(5):before{background:#f59e0b;background:var(--hp-amber)}.hp-trust__layer:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);transform:translateX(4px)}.hp-trust__layer-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.hp-trust__layer:first-child .hp-trust__layer-icon{background:rgba(59,130,246,.12);color:#60a5fa;color:var(--hp-primary-light)}.hp-trust__layer:nth-child(2) .hp-trust__layer-icon{background:rgba(16,185,129,.12);color:#10b981;color:var(--hp-emerald)}.hp-trust__layer:nth-child(3) .hp-trust__layer-icon{background:rgba(34,211,238,.12);color:#22d3ee;color:var(--hp-cyan)}.hp-trust__layer:nth-child(4) .hp-trust__layer-icon{background:rgba(139,92,246,.12);color:#8b5cf6;color:var(--hp-violet)}.hp-trust__layer:nth-child(5) .hp-trust__layer-icon{background:rgba(245,158,11,.12);color:#f59e0b;color:var(--hp-amber)}.hp-trust__layer-text h4{font-size:15px;font-weight:600;margin-bottom:4px}.hp-trust__layer-text p{color:#64748b;color:var(--hp-text-tertiary);font-size:13px;margin:0}.hp-trust__layer-status{background:rgba(16,185,129,.1);border-radius:100px;color:#10b981;color:var(--hp-emerald);font-size:12px;font-weight:600;margin-left:auto;padding:4px 12px;white-space:nowrap}.hp-trust__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.hp-trust-item{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);padding:32px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-trust-item:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);transform:translateY(-4px)}.hp-trust-item__icon{align-items:center;background:rgba(59,130,246,.1);border-radius:16px;color:#60a5fa;color:var(--hp-primary-light);display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.hp-trust-item h4{font-size:32px;font-weight:800;margin-bottom:8px}.hp-trust-item p{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px}.hp-trust__badges{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:60px}.hp-trust__badge{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:100px;color:#94a3b8;color:var(--hp-text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px}.hp-trust__badge svg{color:#10b981;color:var(--hp-emerald)}@media (max-width:900px){.hp-trust__hero{gap:48px;grid-template-columns:1fr}.hp-trust__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hp-trust__grid{grid-template-columns:1fr}}.hp-team{background:#0a0a14;background:var(--hp-bg-alt);padding:140px 24px}.hp-team__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-team__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-top:60px}.hp-team-card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);padding:32px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-team-card:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);transform:translateY(-4px)}.hp-team-card__avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:800;height:100px;justify-content:center;margin:0 auto 20px;width:100px}.hp-team-card h3{font-size:18px;font-weight:700;margin-bottom:4px}.hp-team-card__role{color:#60a5fa;color:var(--hp-primary-light);font-size:14px;margin-bottom:12px}.hp-team-card__bio{color:#64748b;color:var(--hp-text-tertiary);font-size:13px;line-height:1.6;margin-bottom:16px}.hp-team-card__social{display:flex;gap:8px;justify-content:center}.hp-team-card__social button{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:8px;color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;height:36px;transition:all .2s;width:36px}.hp-team-card__social button:hover{border-color:#3b82f6;border-color:var(--hp-primary);color:#60a5fa;color:var(--hp-primary-light)}@media (max-width:1000px){.hp-team__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hp-team__grid{grid-template-columns:1fr}}.hp-careers{padding:140px 24px}.hp-careers__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-careers__intro{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:80px}.hp-careers__intro-content h2{font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.15;margin-bottom:24px}.hp-careers__intro-content p{color:#94a3b8;color:var(--hp-text-secondary);font-size:17px;line-height:1.75;margin-bottom:24px}.hp-careers__perks{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.hp-careers__perk{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;display:flex;gap:12px;padding:16px}.hp-careers__perk-icon{align-items:center;background:rgba(59,130,246,.1);border-radius:10px;color:#60a5fa;color:var(--hp-primary-light);display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.hp-careers__perk span{font-size:14px;font-weight:500}.hp-careers__stats{display:flex;flex-direction:column;gap:24px;justify-content:center}.hp-careers__stat{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:16px;padding:28px;text-align:center}.hp-careers__stat strong{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);-webkit-background-clip:text;background-clip:text;display:block;font-size:42px;font-weight:800;margin-bottom:8px}.hp-careers__stat span{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px}.hp-careers__positions h3{font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.hp-jobs-grid{display:flex;flex-direction:column;gap:16px}.hp-job-card{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:16px;display:flex;justify-content:space-between;padding:24px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-job-card:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);transform:translateX(4px)}.hp-job-card__info h4{font-size:18px;font-weight:600;margin-bottom:8px}.hp-job-card__tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.hp-job-card__tag{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:4px;color:#64748b;color:var(--hp-text-tertiary);font-size:11px;line-height:1.5;padding:2px 8px;white-space:nowrap}.hp-job-card__tag--dept{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2);color:#60a5fa;color:var(--hp-primary-light)}.hp-job-card__details{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;width:100%}.hp-job-card--expanded .hp-job-card__details{border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--hp-border);margin-top:16px;max-height:600px;opacity:1;padding-top:20px}.hp-job-card--expanded{border-color:#3b82f6;border-color:var(--hp-primary);flex-wrap:wrap}.hp-job-card__details h5{color:#fff;color:var(--hp-text);font-size:15px;font-weight:600;margin-bottom:12px}.hp-job-card__details p{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;line-height:1.7;margin-bottom:16px}.hp-job-card__details ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin-bottom:20px}.hp-job-card__details li{align-items:center;color:#94a3b8;color:var(--hp-text-secondary);display:flex;font-size:14px;gap:10px}.hp-job-card__details li svg{color:#10b981;color:var(--hp-emerald);flex-shrink:0}.hp-job-card__apply-btn{background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);border:none;border-radius:8px;border-radius:var(--hp-radius-xs);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .25s}.hp-job-card__apply-btn:hover{box-shadow:0 4px 30px rgba(59,130,246,.4);box-shadow:var(--hp-shadow-glow);transform:translateY(-2px)}.hp-products{padding:140px 24px}.hp-products__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-products__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:60px}.hp-product-card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);overflow:hidden;padding:40px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-product-card:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);transform:translateY(-4px)}.hp-product-card--featured{background:linear-gradient(180deg,rgba(59,130,246,.06),rgba(59,130,246,.01));border-color:#3b82f6;border-color:var(--hp-primary)}.hp-product-card__badge{background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);border-radius:100px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;position:absolute;right:16px;top:16px}.hp-product-card__badge--soon{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--hp-gradient-premium)}.hp-product-card__icon{align-items:center;border-radius:16px;display:flex;font-size:28px;height:64px;justify-content:center;margin-bottom:24px;width:64px}.hp-product-card h3{font-size:22px;font-weight:700;margin-bottom:12px}.hp-product-card p{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;line-height:1.7;margin-bottom:20px}.hp-product-card__features{display:flex;flex-direction:column;gap:8px;list-style:none}.hp-product-card__features li{align-items:center;color:#94a3b8;color:var(--hp-text-secondary);display:flex;font-size:13px;gap:10px}.hp-product-card__features li svg{color:#10b981;color:var(--hp-emerald)}.hp-info-page{background:#06060e;background:var(--hp-bg);color:#fff;color:var(--hp-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:120px 24px 80px}.hp-info-page__inner{margin:0 auto;max-width:900px}.hp-info-page__back{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:100px;color:#94a3b8;color:var(--hp-text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:40px;padding:10px 18px;transition:all .2s}.hp-info-page__back:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);color:#fff;color:var(--hp-text)}.hp-info-page h1{font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.15;margin-bottom:24px}.hp-info-page h2{font-size:24px;font-weight:700;margin-bottom:16px;margin-top:48px}.hp-info-page h3{font-size:20px;font-weight:600;margin-bottom:12px;margin-top:32px}.hp-info-page p{color:#94a3b8;color:var(--hp-text-secondary);font-size:16px;line-height:1.8;margin-bottom:16px}.hp-info-page ul{list-style:none;padding:0}.hp-info-page li{align-items:flex-start;color:#94a3b8;color:var(--hp-text-secondary);display:flex;font-size:15px;gap:12px;padding:10px 0}.hp-info-page li svg{color:#10b981;color:var(--hp-emerald);flex-shrink:0;margin-top:4px}.hp-info-page__card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:24px 0}.hp-info-page__card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;border-radius:var(--hp-radius-sm);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-info-page__card:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);transform:translateY(-2px)}.hp-info-page__card h4{font-size:16px;font-weight:600;margin-bottom:8px}.hp-info-page__card p{font-size:14px;margin:0}.hp-info-page__status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:24px 0}.hp-info-page__status-item{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:12px;display:flex;gap:16px;padding:20px}.hp-info-page__status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.hp-info-page__status-dot--green{background:#10b981;background:var(--hp-emerald);box-shadow:0 0 12px rgba(16,185,129,.4)}.hp-info-page__status-dot--yellow{background:#f59e0b;background:var(--hp-amber)}.hp-info-page__status-text strong{display:block;font-size:15px;margin-bottom:2px}.hp-info-page__status-text span{color:#64748b;color:var(--hp-text-tertiary);font-size:13px}.hp-info-page__contact-form{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);margin:32px 0;padding:40px}.hp-info-page__form-group{margin-bottom:20px}.hp-info-page__form-group label{color:#94a3b8;color:var(--hp-text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.hp-info-page__form-group input,.hp-info-page__form-group textarea{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:8px;border-radius:var(--hp-radius-xs);color:#fff;color:var(--hp-text);font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.hp-info-page__form-group input:focus,.hp-info-page__form-group textarea:focus{border-color:#3b82f6;border-color:var(--hp-primary);outline:none}.hp-info-page__form-group textarea{min-height:120px;resize:vertical}@media (max-width:900px){.hp-careers__intro{gap:40px}.hp-careers__intro,.hp-careers__perks{grid-template-columns:1fr}.hp-job-card{align-items:flex-start;flex-direction:column;gap:16px}}.hp-usecases{background:#0a0a14;background:var(--hp-bg-alt);padding:140px 24px}.hp-usecases__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-usecases__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:60px}.hp-usecase-card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-usecase-card:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);transform:translateY(-4px)}.hp-usecase-card__icon{align-items:center;border-radius:14px;display:flex;font-size:24px;height:56px;justify-content:center;margin-bottom:20px;width:56px}.hp-usecase-card h3{font-size:20px;font-weight:700;margin-bottom:12px}.hp-usecase-card p{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;line-height:1.7;margin-bottom:20px}.hp-usecase-card__link{align-items:center;background:none;border:none;color:#60a5fa;color:var(--hp-primary-light);display:flex;font-size:14px;font-weight:600;gap:8px;padding:0;transition:all .2s}.hp-usecase-card__link:hover{gap:12px}.hp-usecase-card__details{max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .4s ease,opacity .3s ease,padding .4s ease}.hp-usecase-card--expanded .hp-usecase-card__details{border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--hp-border);margin-top:16px;max-height:400px;opacity:1;padding-top:20px}.hp-usecase-card__details ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:16px}.hp-usecase-card__details li{align-items:center;color:#94a3b8;color:var(--hp-text-secondary);display:flex;font-size:14px;gap:10px}.hp-usecase-card__details li svg{color:#10b981;color:var(--hp-emerald);flex-shrink:0}.hp-usecase-card__details p{color:#64748b;color:var(--hp-text-tertiary);font-size:13px;line-height:1.7}.hp-usecase-card--expanded{background:linear-gradient(180deg,rgba(59,130,246,.06),rgba(59,130,246,.01));border-color:#3b82f6;border-color:var(--hp-primary)}.hp-usecase-card__link svg{transition:transform .3s}.hp-usecase-card--expanded .hp-usecase-card__link svg{transform:rotate(90deg)}@media (max-width:900px){.hp-usecases__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hp-usecases__grid{grid-template-columns:1fr}}.hp-testimonials{padding:140px 24px}.hp-testimonials__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-testimonials__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:60px}.hp-testimonial-card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hp-transition)}.hp-testimonial-card:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light);transform:translateY(-4px)}.hp-testimonial-card__stars{color:#f59e0b;color:var(--hp-amber);display:flex;font-size:14px;gap:2px;margin-bottom:16px}.hp-testimonial-card__text{color:#94a3b8;color:var(--hp-text-secondary);font-size:15px;line-height:1.7;margin-bottom:20px}.hp-testimonial-card__author{align-items:center;display:flex;gap:12px}.hp-testimonial-card__avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:44px;justify-content:center;width:44px}.hp-testimonial-card__name{font-size:14px;font-weight:600}.hp-testimonial-card__role{color:#64748b;color:var(--hp-text-tertiary);font-size:13px}@media (max-width:900px){.hp-testimonials__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hp-testimonials__grid{grid-template-columns:1fr}}.hp-cta{background:#0a0a14;background:var(--hp-bg-alt);overflow:hidden;padding:140px 24px;position:relative}.hp-cta__bg{inset:0;pointer-events:none;position:absolute}.hp-cta__bg:before{background:#3b82f6;background:var(--hp-primary);content:"";filter:blur(150px);height:600px;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.hp-cta__inner{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.hp-cta__inner h2{font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1.1;margin-bottom:20px}.hp-cta__inner p{color:#94a3b8;color:var(--hp-text-secondary);font-size:18px;margin-bottom:40px}.hp-cta__actions{gap:16px;margin-bottom:32px}.hp-cta__actions,.hp-cta__trust{display:flex;flex-wrap:wrap;justify-content:center}.hp-cta__trust{color:#64748b;color:var(--hp-text-tertiary);font-size:14px;gap:24px}.hp-cta__trust span{align-items:center;display:flex;gap:8px}.hp-cta__trust svg{color:#10b981;color:var(--hp-emerald)}.hp-footer{border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--hp-border);padding:80px 24px 40px}.hp-footer__inner{margin:0 auto;max-width:1240px;max-width:var(--hp-max-w)}.hp-footer__top{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:60px}.hp-footer__brand-logo{background:none;border:none;display:block;margin-bottom:20px}.hp-footer__brand-logo img{height:32px}.hp-footer__brand p{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;line-height:1.7;margin-bottom:20px;max-width:280px}.hp-footer__swiss{align-items:center;color:#64748b;color:var(--hp-text-tertiary);display:flex;font-size:13px;gap:10px;margin-bottom:20px}.hp-footer__swiss-flag{background:red;border-radius:2px;height:13px;position:relative;width:18px}.hp-footer__swiss-flag:after,.hp-footer__swiss-flag:before{background:#fff;content:"";position:absolute}.hp-footer__swiss-flag:before{height:3px;left:50%;top:50%;transform:translate(-50%,-50%);width:10px}.hp-footer__swiss-flag:after{height:10px;left:50%;top:50%;transform:translate(-50%,-50%);width:3px}.hp-footer__social{display:flex;gap:8px}.hp-footer__social button{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:10px;color:#94a3b8;color:var(--hp-text-secondary);font-size:16px;height:40px;transition:all .2s;width:40px}.hp-footer__social button:hover{border-color:#3b82f6;border-color:var(--hp-primary);color:#60a5fa;color:var(--hp-primary-light)}.hp-footer__col h4{color:#fff;color:var(--hp-text);font-size:14px;font-weight:600;margin-bottom:20px}.hp-footer__col button{background:none;border:none;color:#94a3b8;color:var(--hp-text-secondary);display:block;font-size:14px;padding:6px 0;transition:color .2s}.hp-footer__col button:hover{color:#fff;color:var(--hp-text)}.hp-footer__bottom{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--hp-border);color:#64748b;color:var(--hp-text-tertiary);display:flex;font-size:13px;justify-content:space-between;padding-top:32px}.hp-footer__bottom-links{display:flex;gap:24px}.hp-footer__bottom-links button{background:none;border:none;color:#64748b;color:var(--hp-text-tertiary);font-size:13px;transition:color .2s}.hp-footer__bottom-links button:hover{color:#94a3b8;color:var(--hp-text-secondary)}@media (max-width:900px){.hp-footer__top{gap:40px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hp-footer__top{gap:32px;grid-template-columns:1fr}.hp-footer__bottom{flex-direction:column;gap:16px;text-align:center}}.hp-scroll-top{align-items:center;background:linear-gradient(135deg,#3b82f6,#22d3ee);background:var(--hp-gradient);border:none;border-radius:12px;bottom:32px;box-shadow:0 4px 30px rgba(59,130,246,.4);box-shadow:var(--hp-shadow-glow);color:#fff;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;position:fixed;right:32px;transition:all .3s;width:48px;z-index:100}.hp-scroll-top:hover{box-shadow:0 8px 60px rgba(59,130,246,.4);box-shadow:var(--hp-shadow-glow-lg);transform:translateY(-4px)}.hp-info-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(6,6,14,.92);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--hp-border);display:flex;gap:16px;left:0;padding:16px 32px;position:fixed;right:0;top:0;z-index:1000}.hp-info-back{align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:100px;color:#94a3b8;color:var(--hp-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.hp-info-back:hover{border-color:#3b82f6;border-color:var(--hp-primary);color:#fff;color:var(--hp-text)}.hp-info-nav__title{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;font-weight:600}.hp-info-page__hero{margin:0 auto 48px;max-width:800px;text-align:center}.hp-info-page__hero p{font-size:18px;margin:0 auto;max-width:600px}.hp-info-page__content{margin:0 auto;max-width:1100px}.hp-info-page__content--text{max-width:800px}.hp-info-grid{grid-gap:24px;display:grid;gap:24px}.hp-info-grid--2{grid-template-columns:repeat(2,1fr)}.hp-info-grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.hp-info-grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hp-info-grid--2,.hp-info-grid--3{grid-template-columns:1fr}}.hp-info-card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:20px;border-radius:var(--hp-radius);padding:28px;transition:all .2s}.hp-info-card:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light)}.hp-info-card h3{align-items:center;display:flex;gap:10px;margin-bottom:16px;margin-top:0}.hp-info-card h3 svg{color:#60a5fa;color:var(--hp-primary-light)}.hp-info-card--doc{text-align:center}.hp-info-card--doc h3,.hp-info-card__icon{justify-content:center}.hp-info-card__icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:48px;margin:0 auto 16px;width:48px}.hp-info-card__link{align-items:center;background:none;border:none;color:#60a5fa;color:var(--hp-primary-light);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:12px;padding:0;transition:gap .2s}.hp-info-card__link:hover{gap:12px}.hp-info-card__expand{border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--hp-border);margin-top:16px;padding-top:12px;text-align:left}.hp-info-card__expand-intro{color:#64748b;color:var(--hp-text-tertiary);font-size:12px;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.hp-info-card__expand ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.hp-info-card__expand li{color:#94a3b8;color:var(--hp-text-secondary);display:flex;flex-direction:column;font-size:13px;gap:4px}.hp-info-card__expand li strong{color:var(--hp-text-primary);font-size:13px}.hp-info-card__expand li span{color:#94a3b8;color:var(--hp-text-secondary);font-size:12.5px;line-height:1.6}.hp-info-card__tag{border-radius:100px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.hp-info-card__blog-meta{align-items:center;color:#64748b;color:var(--hp-text-tertiary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:12px}.hp-info-card--blog h3{display:block;font-size:18px}.hp-info-card__integration-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.hp-info-card__status{background:hsla(0,0%,100%,.06);border-radius:100px;color:#64748b;color:var(--hp-text-tertiary);font-size:12px;font-weight:600;padding:4px 10px}.hp-info-card__status--ok{background:rgba(16,185,129,.12);color:#10b981;color:var(--hp-emerald)}.hp-info-form{display:flex;flex-direction:column;gap:16px}.hp-info-form__row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:600px){.hp-info-form__row{grid-template-columns:1fr}}.hp-info-form input,.hp-info-form select,.hp-info-form textarea{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:10px;color:#fff;color:var(--hp-text);font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.hp-info-form input:focus,.hp-info-form select:focus,.hp-info-form textarea:focus{border-color:#3b82f6;border-color:var(--hp-primary);outline:none}.hp-info-form textarea{resize:vertical}.hp-info-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888'%3E%3Cpath d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.hp-info-facts{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:20px 0}.hp-info-fact{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.hp-info-fact strong{color:#64748b;color:var(--hp-text-tertiary);font-size:13px}.hp-info-fact span{color:#fff;color:var(--hp-text);font-size:15px;font-weight:600}.hp-info-brand-colors{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.hp-info-swatch{align-items:flex-end;border-radius:10px;display:flex;height:60px;justify-content:center;padding-bottom:6px;width:80px}.hp-info-swatch span{color:#fff;font-size:10px;font-weight:600;opacity:.8}.hp-info-code-block{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:10px;margin:16px 0;overflow-x:auto;padding:20px}.hp-info-code-block code{color:#94a3b8;color:var(--hp-text-secondary);font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:2}.hp-code-method{background:rgba(59,130,246,.15);border-radius:4px;color:#60a5fa;display:inline-block;font-size:11px;font-weight:700;margin-right:8px;padding:2px 8px}.hp-code-method--post{background:rgba(16,185,129,.15);color:#34d399}.hp-code-method--put{background:rgba(245,158,11,.15);color:#fbbf24}.hp-code-method--del{background:rgba(239,68,68,.15);color:#f87171}.hp-info-list{list-style:none;padding:0}.hp-info-search{margin:16px 0}.hp-info-search input{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:100px;color:#fff;color:var(--hp-text);font-size:15px;padding:14px 24px;transition:border-color .2s;width:100%}.hp-info-search input:focus{border-color:#3b82f6;border-color:var(--hp-primary);outline:none}.hp-info-faq-link{background:none;border:none;color:#60a5fa;color:var(--hp-primary-light);cursor:pointer;font-size:14px;padding:4px 0;transition:color .2s}.hp-info-faq-link:hover{color:#22d3ee;color:var(--hp-cyan)}.hp-info-card--contact-info{display:flex;flex-direction:column;gap:8px}.hp-contact-detail{margin-bottom:16px}.hp-contact-detail strong{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:4px}.hp-contact-detail p{font-size:14px;margin:0}.hp-contact-social{display:flex;gap:8px;margin-top:12px}.hp-contact-social button{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:10px;color:#94a3b8;color:var(--hp-text-secondary);cursor:pointer;font-size:16px;height:40px;transition:all .2s;width:40px}.hp-contact-social button:hover{border-color:#3b82f6;border-color:var(--hp-primary);color:#60a5fa;color:var(--hp-primary-light)}.hp-info-card--status-overall{align-items:center;display:flex;gap:20px;margin-bottom:24px}.hp-status-indicator{border-radius:50%;flex-shrink:0;height:20px;width:20px}.hp-status-indicator--ok{background:#10b981;background:var(--hp-emerald);box-shadow:0 0 20px rgba(16,185,129,.5)}.hp-status-grid{border-radius:12px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.hp-status-row{grid-gap:24px;align-items:center;background:hsla(0,0%,100%,.03);background:var(--hp-surface);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--hp-border);display:grid;gap:24px;grid-template-columns:1fr auto auto;padding:16px 24px}.hp-status-row:last-child{border-bottom:none}.hp-status-row__name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:12px}.hp-status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.hp-status-dot--ok{background:#10b981;background:var(--hp-emerald);box-shadow:0 0 8px rgba(16,185,129,.4)}.hp-status-row__status{color:#10b981;color:var(--hp-emerald);font-size:13px;font-weight:600}.hp-status-row__uptime{color:#64748b;color:var(--hp-text-tertiary);font-size:13px;font-weight:500;min-width:60px;text-align:right}.hp-incident{border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--hp-border);display:flex;gap:20px;padding:16px 0}.hp-incident:last-child{border-bottom:none}.hp-incident__date{color:#64748b;color:var(--hp-text-tertiary);font-size:13px;min-width:100px;white-space:nowrap}.hp-incident strong{display:block;font-size:14px;margin-bottom:4px}.hp-incident p{font-size:13px;margin:0}.hp-info-card--active{border-color:#3b82f6;border-color:var(--hp-primary);box-shadow:0 0 0 1px rgba(59,130,246,.3)}.hp-doc-expanded{animation:fadeSlideIn .35s ease;margin-top:40px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hp-doc-expanded__header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--hp-border);display:flex;gap:20px;margin-bottom:28px;padding-bottom:20px}.hp-doc-expanded__icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.hp-doc-expanded__header h2{font-size:24px;font-weight:700;margin-bottom:4px}.hp-doc-expanded__header p{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;margin:0}.hp-doc-modal{align-items:center;animation:fadeSlideIn .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(4,6,14,.88);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.hp-doc-modal__panel{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));background:var(--hp-gradient-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.45);max-height:85vh;overflow:auto;padding:24px 28px 28px;width:min(960px,100%)}.hp-doc-modal__panel::-webkit-scrollbar{width:10px}.hp-doc-modal__panel::-webkit-scrollbar-track{background:hsla(0,0%,100%,.04);border-radius:10px}.hp-doc-modal__panel::-webkit-scrollbar-thumb{background:rgba(59,130,246,.35);border:2px solid hsla(0,0%,100%,.04);border-radius:10px}.hp-doc-modal__panel::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.hp-doc-modal__header{grid-gap:16px;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--hp-border);display:grid;gap:16px;grid-template-columns:auto 1fr auto;margin-bottom:20px;padding-bottom:16px}.hp-doc-modal__header h2{font-size:24px;font-weight:700;margin:0 0 4px}.hp-doc-modal__header p{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;margin:0}.hp-doc-modal__close{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:10px;color:#64748b;color:var(--hp-text-tertiary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s;width:36px}.hp-doc-modal__close:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#60a5fa;color:var(--hp-primary-light)}@media (max-width:700px){.hp-doc-modal__panel{padding:20px}.hp-doc-modal__header{grid-template-columns:auto 1fr}.hp-doc-modal__close{justify-self:end}}.hp-doc-articles{display:flex;flex-direction:column;gap:2px}.hp-doc-article{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:10px;overflow:hidden;transition:border-color .2s}.hp-doc-article+.hp-doc-article{margin-top:10px}.hp-doc-article:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light)}.hp-doc-article--open{border-color:rgba(59,130,246,.3)}.hp-doc-article__toggle{align-items:center;background:none;border:none;color:var(--hp-text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:16px;padding:16px 20px;text-align:left;width:100%}.hp-doc-article__toggle--static{cursor:default;padding-bottom:8px}.hp-doc-article__num{font-feature-settings:"tnum";color:#64748b;color:var(--hp-text-tertiary);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;min-width:24px}.hp-doc-article__title{flex:1 1}.hp-doc-article__chevron{color:#64748b;color:var(--hp-text-tertiary);font-size:12px;transition:transform .3s ease}.hp-doc-article__chevron--open{transform:rotate(180deg)}.hp-doc-article__body{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .4s ease,padding .3s ease}.hp-doc-article--open .hp-doc-article__body{max-height:600px;padding:0 20px 20px 60px}.hp-doc-article__body p{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;line-height:1.75;margin:0}.hp-blog-list{display:flex;flex-direction:column;gap:24px}.hp-blog-post{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:14px;padding:28px 32px;transition:border-color .2s}.hp-blog-post:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light)}.hp-blog-post--open{border-color:rgba(59,130,246,.25)}.hp-blog-post__meta{align-items:center;display:flex;gap:12px;margin-bottom:12px}.hp-blog-post__date{color:#64748b;color:var(--hp-text-tertiary);font-size:13px}.hp-blog-post__header h3{font-size:20px;font-weight:700;margin-bottom:8px}.hp-blog-post__excerpt{color:#94a3b8;color:var(--hp-text-secondary);font-size:15px;line-height:1.6;margin-bottom:12px}.hp-blog-post__body{margin-top:0;max-height:0;overflow:hidden;transition:max-height .5s ease,margin .3s ease}.hp-blog-post--open .hp-blog-post__body{border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--hp-border);margin-top:20px;max-height:2000px;padding-top:20px}.hp-blog-post__body p{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;line-height:1.8;margin-bottom:16px}.hp-blog-post__body p:last-child{margin-bottom:0}.hp-blog-post__body strong{color:var(--hp-text-primary)}.hp-help-category{margin-top:32px}.hp-help-category__title{color:var(--hp-text-primary);font-size:18px;font-weight:700;margin-bottom:12px;padding-left:4px}.hp-help-faqs{display:flex;flex-direction:column;gap:2px}.hp-help-faq{background:hsla(0,0%,100%,.03);background:var(--hp-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:10px;overflow:hidden;transition:border-color .2s}.hp-help-faq:hover{border-color:hsla(0,0%,100%,.12);border-color:var(--hp-border-light)}.hp-help-faq--open{border-color:rgba(59,130,246,.25)}.hp-help-faq__question{align-items:center;background:none;border:none;color:var(--hp-text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:16px;justify-content:space-between;padding:16px 20px;text-align:left;width:100%}.hp-help-faq__chevron{color:#64748b;color:var(--hp-text-tertiary);flex-shrink:0;font-size:12px;transition:transform .3s ease}.hp-help-faq__chevron--open{transform:rotate(180deg)}.hp-help-faq__answer{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .4s ease,padding .3s ease}.hp-help-faq--open .hp-help-faq__answer{max-height:500px;padding:0 20px 20px}.hp-help-faq__answer p{color:#94a3b8;color:var(--hp-text-secondary);font-size:14px;line-height:1.75;margin:0}.hp-team-card__social a{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--hp-border);border-radius:8px;color:#64748b;color:var(--hp-text-tertiary);display:inline-flex;font-size:14px;height:32px;justify-content:center;text-decoration:none;transition:all .2s;width:32px}.hp-team-card__social a:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#60a5fa;color:var(--hp-primary-light)}.sub-hub{animation:fadeIn .4s ease;padding:32px}.sub-hub.loading-state{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.sub-hub-header{margin-bottom:32px}.sub-hub-header h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.sub-hub-header h1 svg{color:#667eea;margin-right:10px}.sub-hub-header p{color:#a0aec0;font-size:14px;margin:0}.sub-hub-tabs{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;display:flex;gap:4px;margin-bottom:28px;padding:4px}.sub-tab{align-items:center;background:transparent;border:none;border-radius:10px;color:#e2e8f0;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.sub-tab:hover{background:rgba(102,126,234,.15);color:#fff}.sub-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.35);color:#fff}body.theme-light .sub-hub-tabs{background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 4px rgba(0,0,0,.08)}body.theme-light .sub-tab{color:#374151}body.theme-light .sub-tab:hover{background:rgba(102,126,234,.1);color:#111827}body.theme-light .sub-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff}.sub-plan-header-card{align-items:center;background:linear-gradient(135deg,#1a1a2e,#1e1e3a);border:1px solid rgba(102,126,234,.25);border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.sub-plan-header-left{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.sub-usage-section{margin-bottom:28px}.sub-usage-title{color:#e2e8f0;font-size:16px;font-weight:600;margin:0 0 16px}.sub-usage-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sub-usage-card{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.1);border-radius:12px;padding:16px;transition:all .3s ease}.sub-usage-card:hover{border-color:rgba(102,126,234,.25);transform:translateY(-1px)}.sub-usage-card-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.sub-usage-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.sub-usage-icon.items-icon{background:linear-gradient(135deg,#10b981,#059669)}.sub-usage-icon.cat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.sub-usage-icon.ws-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.sub-usage-icon.ai-icon{background:linear-gradient(135deg,#ec4899,#be185d)}.sub-usage-icon.storage-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.sub-usage-icon.img-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.sub-usage-label{color:#a0aec0;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.sub-usage-count{color:#fff;font-size:16px;font-weight:700}.sub-usage-limit{color:#666;font-size:12px;font-weight:400;margin-left:2px}.sub-usage-bar{background:hsla(0,0%,100%,.06);border-radius:3px;height:6px;overflow:hidden}.sub-usage-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .5s ease}.sub-usage-fill[data-status=warning]{background:linear-gradient(90deg,#f59e0b,#d97706)}.sub-usage-fill[data-status=full]{background:linear-gradient(90deg,#ef4444,#dc2626)}body.theme-light .sub-plan-header-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:rgba(102,126,234,.15)}body.theme-light .sub-usage-title{color:#18181b}body.theme-light .sub-usage-card{background:#fff;border-color:rgba(0,0,0,.08)}body.theme-light .sub-usage-card:hover{border-color:rgba(102,126,234,.25)}body.theme-light .sub-usage-label{color:#64748b}body.theme-light .sub-usage-count{color:#18181b}body.theme-light .sub-usage-limit{color:#94a3b8}body.theme-light .sub-usage-bar{background:rgba(0,0,0,.06)}.sub-quick-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:28px}.sub-stat-card{align-items:center;background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.1);border-radius:16px;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s ease}.sub-stat-card:hover{border-color:rgba(102,126,234,.3);transform:translateY(-2px)}.sub-stat-card.plan-card-highlight{background:linear-gradient(135deg,#1a1a2e,#1e1e3a);border-color:rgba(102,126,234,.3)}.sub-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.sub-stat-icon.storage-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.sub-stat-icon.items-icon{background:linear-gradient(135deg,#10b981,#059669)}.sub-stat-icon.cat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.sub-stat-info{flex:1 1}.sub-stat-label{color:#a0aec0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sub-stat-value{color:#fff;font-size:22px;font-weight:700}.sub-stat-sub{color:#666;font-size:12px}.btn-upgrade-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:1;font-size:12px;font-weight:600;gap:6px;max-width:100%;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-upgrade-small:hover{box-shadow:0 4px 12px rgba(102,126,234,.4);transform:scale(1.05)}.mini-progress{background:rgba(102,126,234,.1);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.mini-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 0 16px;height:100%;transition:width .5s ease}.sub-features-card{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.1);border-radius:16px;margin-bottom:24px;padding:28px}.sub-features-card h3{color:#fff;font-size:18px;margin:0 0 20px}.sub-features-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.sub-feature{align-items:center;background:rgba(102,126,234,.05);border-radius:10px;color:#fff;display:flex;font-size:13px;gap:10px;padding:10px 14px}.sub-feature.disabled{opacity:.4}.sub-feature .check{color:#10b981}.sub-feature .no{color:#ef4444}.btn-see-plans{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-see-plans:hover{background:rgba(102,126,234,.2)}.sub-warning{align-items:center;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:12px;color:#f59e0b;display:flex;font-size:14px;gap:12px;padding:16px 20px}.sub-warning button{background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;white-space:nowrap}.billing-toggle-bar{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;gap:4px;justify-content:center;margin-bottom:32px;margin-left:auto;margin-right:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.billing-toggle-bar button{align-items:center;background:transparent;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s ease}.billing-toggle-bar button:hover{background:rgba(102,126,234,.15);color:#fff}.billing-toggle-bar button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff}body.theme-light .billing-toggle-bar{background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 4px rgba(0,0,0,.08)}body.theme-light .billing-toggle-bar button{color:#374151;font-weight:600}body.theme-light .billing-toggle-bar button:hover{background:rgba(102,126,234,.1);color:#111827}body.theme-light .billing-toggle-bar button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff}.save-pill{background:rgba(16,185,129,.2);border-radius:12px;color:#34d399;font-size:11px;font-weight:700;padding:2px 8px}body.theme-light .save-pill{background:rgba(16,185,129,.12);color:#059669;font-weight:700}.sub-plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.sub-plan-card{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.1);border-radius:16px;display:flex;flex-direction:column;padding:28px;position:relative;transition:all .3s ease}.sub-plan-card:hover{border-color:rgba(102,126,234,.3);transform:translateY(-4px)}.sub-plan-card:hover .current-pill,.sub-plan-card:hover .popular-pill{transform:translateX(-50%) translateY(4px)}.sub-plan-card.current{border-color:rgba(102,126,234,.4);box-shadow:0 0 20px rgba(102,126,234,.15)}.sub-plan-card.popular{border-color:rgba(245,158,11,.3)}.current-pill,.popular-pill{border-radius:20px;font-size:11px;font-weight:700;left:50%;padding:4px 14px;position:absolute;top:-10px;transform:translateX(-50%);white-space:nowrap}.popular-pill{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.current-pill{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sub-plan-header{margin-bottom:20px;text-align:center}.plan-icon-large{color:#667eea;font-size:32px;margin-bottom:12px}.sub-plan-header h3{color:#fff;font-size:20px;margin:0 0 4px}.plan-tagline{color:#a0aec0;font-size:13px;margin:0}.sub-plan-price{background:rgba(102,126,234,.05);border-radius:12px;margin-bottom:20px;padding:16px;text-align:center}.price-custom,.price-free{color:#fff;font-size:28px;font-weight:700}.price-amount{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700}.price-period{color:#a0aec0;font-size:14px}.sub-plan-features{flex:1 1;list-style:none;margin:0 0 20px;padding:0}.sub-plan-features li{align-items:center;border-bottom:1px solid rgba(102,126,234,.05);color:#c4c4d4;display:flex;font-size:13px;gap:10px;padding:8px 0}.sub-plan-features li svg{color:#10b981;flex-shrink:0}.sub-plan-cta{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:14px;transition:all .3s ease;width:100%}.sub-plan-cta:hover:not(:disabled){box-shadow:0 8px 20px rgba(102,126,234,.3);transform:translateY(-2px)}.sub-plan-cta.current{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);color:#667eea;cursor:default}.sub-plan-trial-btn{align-items:center;background:rgba(99,102,241,.06);border:1px dashed rgba(99,102,241,.4);border-radius:10px;color:#a5b4fc;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-top:8px;padding:10px 14px;transition:all .25s ease;width:100%}.sub-plan-trial-btn:hover:not(:disabled){background:rgba(99,102,241,.14);border-color:rgba(99,102,241,.6);color:#c7d2fe}.sub-plan-trial-btn:disabled{cursor:not-allowed;opacity:.5}.sub-plan-trial-active{align-items:center;background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.3);border-radius:10px;color:#6ee7b7;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-top:8px;padding:10px 14px;text-align:center;width:100%}.sub-trial-banner{align-items:center;border-radius:14px;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.sub-trial-banner.active{background:linear-gradient(135deg,rgba(52,211,153,.08),rgba(99,102,241,.08));border:1px solid rgba(52,211,153,.2)}.sub-trial-banner.available{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(168,85,247,.08));border:1px solid rgba(99,102,241,.2)}.sub-trial-info{align-items:center;display:flex;gap:12px}.sub-trial-info>svg{color:#6ee7b7;flex-shrink:0;font-size:22px}.sub-trial-banner.available .sub-trial-info>svg{color:#a5b4fc}.sub-trial-info strong{color:#e2e8f0;display:block;font-size:14px;margin-bottom:2px}.sub-trial-info p{color:#94a3b8;font-size:12px;margin:0}.sub-storage-main{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.sub-storage-visual{align-items:center;background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.1);border-radius:16px;display:flex;flex-direction:column;gap:24px;padding:28px}.storage-ring-container{height:160px;position:relative;width:160px}.storage-ring-svg{height:100%;width:100%}.storage-ring-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.storage-pct{color:#fff;font-size:28px;font-weight:700}.storage-label-small{color:#a0aec0;font-size:12px}.storage-summary-nums{align-items:center;display:flex;gap:20px;text-align:center}.storage-summary-nums>div:not(.divider){display:flex;flex-direction:column}.storage-summary-nums .num{color:#fff;font-size:16px;font-weight:700}.storage-summary-nums .lbl{color:#a0aec0;font-size:11px;text-transform:uppercase}.storage-summary-nums .divider{background:rgba(102,126,234,.2);height:30px;width:1px}.sub-storage-breakdown{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.1);border-radius:16px;padding:28px}.sub-storage-breakdown h3{color:#fff;font-size:16px;margin:0 0 20px}.breakdown-bar-large{background:rgba(102,126,234,.1);border-radius:6px;display:flex;height:12px;margin-bottom:20px;overflow:hidden}.breakdown-seg{min-width:4px;transition:width .5s ease}.breakdown-items{display:flex;flex-direction:column;gap:12px}.breakdown-row{align-items:center;background:rgba(102,126,234,.03);border-radius:10px;display:flex;gap:12px;padding:10px 14px}.breakdown-icon{font-size:16px;text-align:center;width:24px}.breakdown-name{color:#c4c4d4;flex:1 1;font-size:14px;font-weight:500}.breakdown-size{color:#fff;font-size:14px;font-weight:600}.breakdown-pct{color:#a0aec0;font-size:12px;min-width:36px;text-align:right}.sub-storage-addons{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.1);border-radius:16px;padding:28px}.sub-storage-addons h3{color:#fff;margin:0 0 4px}.sub-storage-addons h3 svg{color:#667eea;margin-right:8px}.sub-storage-addons>p{color:#a0aec0;font-size:14px;margin:0 0 20px}.addon-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.addon-card{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.15);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.addon-card:hover{border-color:rgba(102,126,234,.3);transform:translateY(-2px)}.addon-amount{color:#fff;font-size:20px;font-weight:700;margin-bottom:4px}.addon-price{color:#a0aec0;font-size:13px;margin-bottom:12px}.addon-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 20px;transition:all .3s ease}.addon-btn:hover{transform:scale(1.05)}.sub-billing{display:flex;flex-direction:column;gap:24px}.billing-card,.billing-history-card{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.1);border-radius:16px;padding:28px}.billing-header h3,.billing-history-card h3{color:#fff;font-size:18px;margin:0 0 20px}.billing-header h3 svg{color:#667eea;margin-right:8px}.billing-details{display:flex;flex-direction:column;gap:0;margin-bottom:20px}.billing-row{align-items:center;border-bottom:1px solid rgba(102,126,234,.05);display:flex;justify-content:space-between;padding:14px 0}.billing-row:last-child{border-bottom:none}.billing-label{color:#a0aec0;font-size:14px}.billing-value{color:#fff;font-size:14px;font-weight:600}.billing-actions{display:flex;gap:12px}.billing-actions .btn-secondary{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.billing-actions .btn-secondary:hover{background:rgba(102,126,234,.2)}.billing-empty{color:#a0aec0;padding:40px 20px;text-align:center}.billing-empty svg{color:#667eea;font-size:40px;margin-bottom:12px;opacity:.5}.billing-empty p{color:#fff;font-weight:600;margin:0 0 4px}.billing-empty span{font-size:13px}.invoice-list{display:flex;flex-direction:column;gap:2px}.invoice-row{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:background .15s}.invoice-row:hover{background:rgba(102,126,234,.07)}.invoice-info{display:flex;flex-direction:column;gap:2px}.invoice-number{color:#e2e8f0;font-size:13px;font-weight:600}.invoice-date{color:#94a3b8;font-size:12px}.invoice-right{align-items:center;display:flex;gap:12px}.invoice-amount{color:#e2e8f0;font-size:14px;font-weight:700}.invoice-status{border-radius:10px;font-size:11px;font-weight:700;padding:2px 8px;text-transform:uppercase}.invoice-status-paid{background:rgba(16,185,129,.15);color:#34d399}.invoice-status-open{background:rgba(245,158,11,.15);color:#fbbf24}.invoice-status-uncollectible,.invoice-status-void{background:rgba(239,68,68,.15);color:#f87171}.invoice-download-btn{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.25);border-radius:6px;color:#667eea;cursor:pointer;font-size:13px;padding:5px 9px;transition:all .15s}.invoice-download-btn:hover{background:rgba(102,126,234,.2);border-color:#667eea}body.theme-light .invoice-row{background:#f9fafb;border-color:#e5e7eb}body.theme-light .invoice-row:hover{background:#f3f4f6}body.theme-light .invoice-number{color:#111827}body.theme-light .invoice-date{color:#6b7280}body.theme-light .invoice-amount{color:#111827}body.theme-light .invoice-status-paid{background:rgba(16,185,129,.1);color:#059669}body.theme-light .invoice-status-open{background:rgba(245,158,11,.1);color:#d97706}body.theme-light .invoice-download-btn{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.2);color:#667eea}.billing-security{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.15);border-radius:12px;display:flex;gap:16px;padding:20px}.billing-security>svg{color:#10b981;flex-shrink:0;font-size:24px;margin-top:4px}.billing-security strong{color:#fff;font-size:14px}.billing-security p{color:#a0aec0;font-size:13px;margin:4px 0 0}.payment-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.payment-modal{animation:slideUp .3s ease;background:#1a1a2e;border:1px solid rgba(102,126,234,.2);border-radius:16px;max-height:90vh;max-width:520px;overflow-y:auto;padding:32px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.modal-close:hover{background:hsla(0,0%,100%,.1);color:#fff}.payment-modal-header{margin-bottom:24px;text-align:center}.modal-plan-icon{color:#667eea;font-size:48px;margin-bottom:12px}.payment-modal-header h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.payment-modal-header p{color:#a0aec0;font-size:14px;margin:0}.payment-modal-price{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1);border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.price-display{align-items:baseline;display:flex;gap:4px;justify-content:center}.price-display .currency{color:#a0aec0;font-size:20px;font-weight:600}.price-display .amount{color:#fff;font-size:42px;font-weight:700}.price-display .period{color:#a0aec0;font-size:16px}.save-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:4px 12px}.payment-modal-features{margin-bottom:24px}.payment-modal-features h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.payment-modal-features ul{list-style:none;margin:0;padding:0}.payment-modal-features li{align-items:center;color:#a0aec0;display:flex;font-size:14px;gap:10px;padding:8px 0}.payment-modal-features li svg{color:#28a745;font-size:14px}.payment-modal-checkout{margin-bottom:20px}.payment-modal-footer{border-top:1px solid hsla(0,0%,100%,.05);padding-top:16px;text-align:center}.payment-modal-footer p{align-items:center;color:#a0aec0;display:flex;font-size:13px;gap:8px;justify-content:center;margin:0}.payment-modal-footer svg{color:#667eea}.billing-cancel-card{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(239,68,68,.15);border-radius:16px;padding:28px}.billing-cancel-card h3{color:#fff;font-size:16px;margin:0 0 8px}.billing-cancel-card p{color:#a0aec0;font-size:13px;margin:0 0 16px}.btn-cancel{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#ef4444;display:inline-block;font-weight:600;text-decoration:none;transition:all .2s ease}.btn-cancel:hover{background:rgba(239,68,68,.18)}.sub-plans-footer{margin-top:24px;text-align:center}.btn-view-pricing{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:12px;color:#667eea;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.btn-view-pricing:hover{background:rgba(102,126,234,.2);transform:translateY(-2px)}.addon-billing-toggle{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.toggle-btn{background:transparent;border:none;border-radius:8px;color:#e2e8f0;flex:1 1;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.toggle-btn:hover{color:#fff}.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff}.save-tag{background:rgba(16,185,129,.2);border-radius:8px;color:#34d399;font-size:10px;font-weight:700;margin-left:2px;padding:2px 6px}body.theme-light .addon-billing-toggle{background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 4px rgba(0,0,0,.08)}body.theme-light .toggle-btn{color:#374151;font-weight:600}body.theme-light .toggle-btn:hover{background:rgba(102,126,234,.1);color:#111827}body.theme-light .toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff}body.theme-light .save-tag{background:rgba(16,185,129,.12);color:#059669;font-weight:700}.addon-savings{color:#10b981;font-size:11px;font-weight:600;margin-bottom:8px}body.theme-light .sub-hub.loading-state{color:#64748b}body.theme-light .sub-hub-header h1{color:#1a1a2e}body.theme-light .sub-hub-header p{color:#64748b}body.theme-light .sub-stat-card{background:#fff;border-color:rgba(0,0,0,.08)}body.theme-light .sub-stat-label{color:#64748b}body.theme-light .sub-stat-value{color:#1a1a2e}body.theme-light .sub-features-card{background:#fff;border-color:rgba(0,0,0,.08)}body.theme-light .sub-features-card h3{color:#1a1a2e}body.theme-light .sub-feature{background:rgba(102,126,234,.04);color:#1a1a2e}body.theme-light .sub-plan-card{background:#fff;border-color:rgba(0,0,0,.08)}body.theme-light .sub-plan-header h3{color:#1a1a2e}body.theme-light .plan-tagline{color:#64748b}body.theme-light .sub-plan-price{background:rgba(102,126,234,.04)}body.theme-light .price-custom,body.theme-light .price-free{color:#1a1a2e}body.theme-light .sub-plan-features li{border-color:rgba(0,0,0,.06);color:#374151}body.theme-light .sub-storage-visual{background:#fff;border-color:rgba(0,0,0,.08)}body.theme-light .storage-pct,body.theme-light .storage-summary-nums .num{color:#1a1a2e}body.theme-light .storage-summary-nums .lbl{color:#64748b}body.theme-light .storage-summary-nums .divider{background:rgba(0,0,0,.1)}body.theme-light .sub-storage-breakdown{background:#fff;border-color:rgba(0,0,0,.08)}body.theme-light .sub-storage-breakdown h3{color:#1a1a2e}body.theme-light .breakdown-name{color:#374151}body.theme-light .breakdown-size{color:#1a1a2e}body.theme-light .breakdown-pct{color:#64748b}body.theme-light .sub-storage-addons{background:#fff;border-color:rgba(0,0,0,.08)}@media (max-width:600px){.sub-plan-header-card{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.btn-upgrade-small{justify-content:center;width:100%}.sub-usage-grid{grid-template-columns:1fr}}body.theme-light .sub-storage-addons h3{color:#1a1a2e}body.theme-light .sub-storage-addons>p{color:#64748b}body.theme-light .addon-card{background:rgba(102,126,234,.03);border-color:rgba(0,0,0,.08)}body.theme-light .addon-amount{color:#1a1a2e}body.theme-light .addon-price{color:#64748b}body.theme-light .billing-card,body.theme-light .billing-history-card{background:#fff;border-color:rgba(0,0,0,.08)}body.theme-light .billing-header h3,body.theme-light .billing-history-card h3{color:#1a1a2e}body.theme-light .billing-label{color:#64748b}body.theme-light .billing-value{color:#1a1a2e}body.theme-light .billing-row{border-color:rgba(0,0,0,.06)}body.theme-light .billing-empty p{color:#1a1a2e}body.theme-light .billing-empty span{color:#64748b}body.theme-light .billing-security{background:rgba(16,185,129,.04);border-color:rgba(16,185,129,.12)}body.theme-light .billing-security strong{color:#1a1a2e}body.theme-light .billing-security p{color:#64748b}body.theme-light .billing-cancel-card{background:#fff;border:1px solid rgba(239,68,68,.15);border-radius:16px;padding:28px}body.theme-light .billing-cancel-card h3{color:#1a1a2e}body.theme-light .billing-cancel-card p{color:#64748b}body.theme-light .btn-cancel{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;padding:10px 20px;text-decoration:none}body.theme-light .payment-modal{background:#fff;border-color:rgba(0,0,0,.1)}body.theme-light .payment-modal-features h4,body.theme-light .payment-modal-header h2,body.theme-light .price-display .amount{color:#1a1a2e}body.theme-light .payment-modal-features li{color:#374151}body.theme-light .modal-close{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1);color:#666}body.theme-light .modal-close:hover{background:rgba(0,0,0,.1);color:#000}body.theme-light .payment-modal-price{background:rgba(102,126,234,.04);border-color:rgba(0,0,0,.08)}body.theme-light .payment-modal-footer{border-color:rgba(0,0,0,.08)}body.theme-light .payment-modal-footer p{color:#64748b}@media (max-width:1024px){.sub-storage-main{grid-template-columns:1fr}}@media (max-width:768px){.sub-hub{padding:16px}.sub-hub-tabs{flex-direction:column}.sub-plans-grid,.sub-quick-stats{grid-template-columns:1fr}.payment-modal{padding:24px}.price-display .amount{font-size:36px}}.sub-compare-table{margin-top:48px}.sub-compare-table h2{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:700;gap:10px;margin-bottom:24px}.sub-compare-table h2 svg{color:#667eea}.compare-table-wrapper{border:1px solid rgba(102,126,234,.2);border-radius:12px;overflow-x:auto}.compare-table-wrapper table{border-collapse:collapse;min-width:800px;width:100%}.compare-table-wrapper th{background:rgba(102,126,234,.08);border-bottom:1px solid rgba(102,126,234,.15);color:#a0aec0;font-size:13px;font-weight:600;padding:14px 16px;text-align:center;white-space:nowrap}.compare-table-wrapper th:first-child{min-width:180px;text-align:left}.compare-table-wrapper td{border-bottom:1px solid rgba(102,126,234,.08);color:#e2e8f0;font-size:13px;padding:12px 16px;text-align:center}.compare-table-wrapper td:first-child{color:#a0aec0;font-weight:500;text-align:left}.compare-table-wrapper tr:hover td{background:rgba(102,126,234,.04)}.compare-section-row td{background:rgba(102,126,234,.06)!important;color:#667eea!important;font-size:11px!important;font-weight:700!important;letter-spacing:1px;padding:10px 16px!important;text-transform:uppercase}.feat-yes{color:#10b981;font-size:14px}.feat-no{color:rgba(160,174,192,.3);font-size:12px}.sub-faq{margin-top:48px}.sub-faq h2{color:#fff;font-size:22px;font-weight:700;margin-bottom:24px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.15);border-radius:10px;overflow:hidden;transition:all .3s ease}.faq-item[open]{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.3)}.faq-item summary{align-items:center;color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;list-style:none;padding:16px 20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:#667eea;content:"+";font-size:18px;font-weight:300;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#a0aec0;font-size:14px;line-height:1.7;margin:0;padding:0 20px 16px}.sub-cta{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.08));border:1px solid rgba(102,126,234,.2);border-radius:16px;margin-top:48px;padding:48px 32px;text-align:center}.sub-cta h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.sub-cta p{color:#a0aec0;font-size:15px;margin:0 0 24px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-cta-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s ease}.btn-cta-primary:hover{box-shadow:0 8px 24px rgba(102,126,234,.4);transform:translateY(-2px)}.btn-cta-secondary{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:12px;color:#667eea;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s ease}.btn-cta-secondary:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.5)}body.theme-light .sub-compare-table h2{color:#1a202c}body.theme-light .compare-table-wrapper{border-color:#e2e8f0}body.theme-light .compare-table-wrapper th{background:#f7fafc;border-color:#e2e8f0;color:#4a5568}body.theme-light .compare-table-wrapper td{border-color:#f0f0f0;color:#1a202c}body.theme-light .compare-table-wrapper td:first-child{color:#4a5568}body.theme-light .compare-table-wrapper tr:hover td{background:rgba(102,126,234,.03)}body.theme-light .compare-section-row td{background:#f0f4ff!important;color:#667eea!important}body.theme-light .feat-no{color:#cbd5e1}body.theme-light .sub-faq h2{color:#1a202c}body.theme-light .faq-item{background:#fff;border-color:#e2e8f0}body.theme-light .faq-item[open]{background:#f8faff;border-color:#667eea}body.theme-light .faq-item summary{color:#1a202c}body.theme-light .faq-item p{color:#4a5568}body.theme-light .sub-cta{background:linear-gradient(135deg,rgba(102,126,234,.06),rgba(118,75,162,.04));border-color:#e2e8f0}body.theme-light .sub-cta h2{color:#1a202c}body.theme-light .sub-cta p{color:#4a5568}body.theme-light .btn-cta-secondary{background:rgba(102,126,234,.06);border-color:#667eea}.ecol-page{--ecol-surface:#17171f;--ecol-surface2:#1e1e28;--ecol-border:hsla(0,0%,100%,.08);--ecol-border-hover:rgba(99,102,241,.5);--ecol-accent:#6366f1;--ecol-accent-soft:rgba(99,102,241,.12);--ecol-text1:#f0f0f5;--ecol-text2:#9090a8;--ecol-text3:#60607a;--ecol-danger:#f43f5e;--ecol-card-shadow:0 4px 24px rgba(0,0,0,.3);--ecol-card-shadow-hover:0 8px 32px rgba(99,102,241,.15);--ecol-modal-bg:#17171f;--ecol-modal-shadow:0 20px 80px rgba(0,0,0,.6);--ecol-overlay:rgba(0,0,0,.65);--ecol-input-bg:hsla(0,0%,100%,.05);--ecol-input-border:hsla(0,0%,100%,.1);--ecol-icon-grad:linear-gradient(135deg,#6366f1,#8b5cf6);--ecol-dashed:rgba(99,102,241,.3);--ecol-dashed-hover:rgba(99,102,241,.6);color:var(--ecol-text1);font-family:DM Sans,Segoe UI,system-ui,sans-serif;max-width:1400px;padding:32px}body.theme-light .ecol-page{--ecol-surface:#fff;--ecol-surface2:#f8f8fb;--ecol-border:#e2e4ee;--ecol-border-hover:#6366f1;--ecol-accent:#6366f1;--ecol-accent-soft:rgba(99,102,241,.07);--ecol-text1:#1e1f2e;--ecol-text2:#5a5c7a;--ecol-text3:#a0a3b1;--ecol-danger:#ef4444;--ecol-card-shadow:0 2px 12px rgba(0,0,0,.06);--ecol-card-shadow-hover:0 6px 24px rgba(99,102,241,.14);--ecol-modal-bg:#fff;--ecol-modal-shadow:0 20px 60px rgba(0,0,0,.15);--ecol-overlay:rgba(0,0,0,.4);--ecol-input-bg:#fff;--ecol-input-border:#e2e4ee;--ecol-icon-grad:linear-gradient(135deg,#6366f1,#818cf8);--ecol-dashed:#c7c9e0;--ecol-dashed-hover:#6366f1}body.theme-light .ecol-detail,body.theme-light .ecol-modal-wrap{--ecol-modal-bg:#fff;--ecol-text1:#1e1f2e;--ecol-text2:#5a5c7a;--ecol-text3:#a0a3b1;--ecol-input-bg:#f8f8fb;--ecol-input-border:#e2e4ee;--ecol-accent:#6366f1;--ecol-surface2:#f8f8fb;--ecol-border:#e2e4ee;--ecol-danger:#ef4444}.ecol-confirm-wrap,.ecol-detail,.ecol-modal-wrap{--ecol-surface:#17171f;--ecol-surface2:#1e1e28;--ecol-border:hsla(0,0%,100%,.08);--ecol-border-hover:rgba(99,102,241,.5);--ecol-accent:#6366f1;--ecol-accent-soft:rgba(99,102,241,.12);--ecol-text1:#f0f0f5;--ecol-text2:#9090a8;--ecol-text3:#60607a;--ecol-danger:#f43f5e;--ecol-modal-bg:#17171f;--ecol-modal-shadow:0 20px 80px rgba(0,0,0,.6);--ecol-overlay:rgba(0,0,0,.65);--ecol-input-bg:hsla(0,0%,100%,.05);--ecol-input-border:hsla(0,0%,100%,.1);--ecol-icon-grad:linear-gradient(135deg,#6366f1,#8b5cf6);--ecol-dashed:rgba(99,102,241,.3);--ecol-dashed-hover:rgba(99,102,241,.6)}body.theme-light .ecol-confirm-wrap,body.theme-light .ecol-detail,body.theme-light .ecol-modal-wrap{--ecol-surface:#fff;--ecol-surface2:#f8f8fb;--ecol-border:#e2e4ee;--ecol-border-hover:#6366f1;--ecol-accent:#6366f1;--ecol-accent-soft:rgba(99,102,241,.07);--ecol-text1:#1e1f2e;--ecol-text2:#5a5c7a;--ecol-text3:#a0a3b1;--ecol-danger:#ef4444;--ecol-modal-bg:#fff;--ecol-modal-shadow:0 20px 60px rgba(0,0,0,.15);--ecol-overlay:rgba(0,0,0,.4);--ecol-input-bg:#fff;--ecol-input-border:#e2e4ee;--ecol-icon-grad:linear-gradient(135deg,#6366f1,#818cf8);--ecol-dashed:#c7c9e0;--ecol-dashed-hover:#6366f1}.ecol-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.ecol-header-title-wrap{align-items:center;display:flex;gap:14px}.ecol-header-icon{align-items:center;background:var(--ecol-icon-grad);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.ecol-header h1{color:var(--ecol-text1);font-size:26px;font-weight:700;letter-spacing:-.03em;margin:0}.ecol-header-sub{color:var(--ecol-text2);font-size:13.5px;margin:3px 0 0}.ecol-btn-new{align-items:center;background:#1e1f2e;border:none;border-radius:12px;box-shadow:0 2px 12px rgba(30,31,46,.18);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .15s;white-space:nowrap}.ecol-btn-new:hover{background:var(--ecol-accent)}body.theme-light .ecol-btn-new{background:#1e1f2e}body.theme-light .ecol-btn-new:hover{background:var(--ecol-accent)}.ecol-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.ecol-search-wrap{align-items:center;background:var(--ecol-surface);border:1.5px solid var(--ecol-input-border);border-radius:12px;display:flex;flex:1 1;gap:10px;min-width:200px;padding:10px 16px}.ecol-search-icon{color:var(--ecol-text3);font-size:14px}.ecol-search-input{background:none;border:none;color:var(--ecol-text1);flex:1 1;font-size:14px;outline:none}.ecol-search-input::placeholder{color:var(--ecol-text3)}.ecol-sort-select{background:var(--ecol-surface);border:1.5px solid var(--ecol-input-border);border-radius:12px;color:var(--ecol-text1);cursor:pointer;font-size:13.5px;outline:none;padding:10px 14px}.ecol-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.ecol-card{background:var(--ecol-surface);border:1.5px solid var(--ecol-border);border-radius:16px;box-shadow:var(--ecol-card-shadow);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:22px;position:relative;transition:border-color .18s,box-shadow .18s,background .18s;-webkit-user-select:none;user-select:none}.ecol-card:hover{background:rgba(99,102,241,.07);border-color:var(--ecol-border-hover);box-shadow:var(--ecol-card-shadow-hover)}.ecol-card-top{align-items:center;display:flex;justify-content:space-between}.ecol-card-icon-wrap{align-items:center;background:var(--ecol-icon-grad);border-radius:10px;display:flex;font-size:20px;height:42px;justify-content:center;width:42px}.ecol-card-delete{background:none;border:none;border-radius:6px;color:var(--ecol-text3);cursor:pointer;font-size:18px;line-height:1;opacity:0;padding:2px 6px;transition:opacity .15s,color .15s}.ecol-card:hover .ecol-card-delete{opacity:1}.ecol-card-delete:hover{color:var(--ecol-danger)}.ecol-card-name{color:var(--ecol-text1);font-size:15px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecol-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ecol-text2);display:-webkit-box;font-size:13px;line-height:1.45;overflow:hidden}.ecol-card-count{color:var(--ecol-text3);font-size:12px;margin-top:4px}.ecol-card-add{align-items:center;background:transparent;border:2px dashed var(--ecol-dashed);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:148px;padding:22px;transition:border-color .18s,background .18s}.ecol-card-add:hover{background:rgba(99,102,241,.07);border-color:var(--ecol-dashed-hover)}.ecol-card-add-icon{color:var(--ecol-text3);font-size:28px}.ecol-card-add:hover .ecol-card-add-icon{color:var(--ecol-accent)}.ecol-card-add-label{color:var(--ecol-text3);font-size:14px;font-weight:600}.ecol-card-add:hover .ecol-card-add-label{color:var(--ecol-accent)}.ecol-empty{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:64px 32px;text-align:center}.ecol-empty-icon{font-size:56px;opacity:.2}.ecol-empty h3{color:var(--ecol-text1);font-size:18px;font-weight:700;margin:0}.ecol-empty p{color:var(--ecol-text2);font-size:14px;margin:0}.ecol-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.65);background:var(--ecol-overlay,rgba(0,0,0,.65));display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.ecol-modal-wrap{background:var(--ecol-modal-bg);border-radius:20px;box-shadow:var(--ecol-modal-shadow);color:var(--ecol-text1);display:flex;flex-direction:column;gap:18px;max-width:95vw;padding:30px 28px;width:440px}.ecol-modal-header-row{align-items:center;display:flex;justify-content:space-between}.ecol-modal-title{color:var(--ecol-text1);font-size:18px;font-weight:700;margin:0}.ecol-color-picker{display:flex;flex-wrap:wrap;gap:6px}.ecol-color-btn{border:2px solid transparent;border-radius:8px;cursor:pointer;height:32px;transition:border-color .15s,transform .15s;width:32px}.ecol-color-btn:hover{transform:scale(1.1)}.ecol-color-btn.selected{border-color:var(--ecol-text1);box-shadow:0 0 0 2px var(--ecol-accent)}.ecol-icon-grid{display:flex;flex-wrap:wrap;gap:6px}.ecol-icon-btn{align-items:center;background:none;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;font-size:22px;height:40px;justify-content:center;transition:border-color .15s,background .15s;width:40px}.ecol-icon-btn.selected,.ecol-icon-btn:hover{background:rgba(99,102,241,.1)}.ecol-icon-btn.selected{border-color:var(--ecol-accent)}.ecol-form-group{display:flex;flex-direction:column;gap:6px}.ecol-form-label{color:var(--ecol-text2);font-size:12.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ecol-form-input{background:var(--ecol-input-bg);border:1.5px solid var(--ecol-input-border);border-radius:10px;box-sizing:border-box;color:var(--ecol-text1);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.ecol-form-input::placeholder{color:var(--ecol-text3)}.ecol-form-input:focus{border-color:var(--ecol-accent)}textarea.ecol-form-input{min-height:72px;resize:vertical}.ecol-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.ecol-btn-cancel{background:none;border:1.5px solid var(--ecol-input-border);border-radius:10px;color:var(--ecol-text2);cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px;transition:border-color .15s,color .15s}.ecol-btn-cancel:hover{border-color:var(--ecol-accent);color:var(--ecol-accent)}.ecol-btn-save{background:var(--ecol-accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 22px;transition:opacity .15s}.ecol-btn-save:hover{opacity:.88}.ecol-btn-save:disabled{background:var(--ecol-text3);cursor:not-allowed}.ecol-detail{background:var(--ecol-modal-bg);border-radius:20px;box-shadow:var(--ecol-modal-shadow);color:var(--ecol-text1);display:flex;flex-direction:column;max-height:88vh;max-width:96vw;overflow:hidden;width:520px}.ecol-detail-head{align-items:flex-start;border-bottom:1px solid var(--ecol-border);display:flex;gap:14px;padding:24px 24px 18px}.ecol-detail-icon{align-items:center;background:var(--ecol-icon-grad);border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;width:46px}.ecol-detail-head-info{flex:1 1;min-width:0}.ecol-detail-name{color:var(--ecol-text1);font-size:17px;font-weight:700;margin:0}.ecol-detail-desc{color:var(--ecol-text2);font-size:13px;margin:3px 0 0}.ecol-detail-close{background:none;border:none;border-radius:6px;color:var(--ecol-text3);cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:4px;transition:color .15s}.ecol-detail-close:hover{color:var(--ecol-text1)}.ecol-detail-count{color:var(--ecol-text3);font-size:12px;margin-top:4px}.ecol-detail-tabs{background:var(--ecol-modal-bg);border-bottom:1px solid var(--ecol-border);display:flex;gap:0;padding:0 24px}.ecol-detail-tab{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:var(--ecol-text3);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:7px;padding:12px 18px;transition:color .15s,border-color .15s;white-space:nowrap}.ecol-detail-tab:hover{color:var(--ecol-text1)}.ecol-detail-tab.active{border-bottom-color:var(--ecol-accent);color:var(--ecol-accent)}.ecol-tab-count{align-items:center;background:rgba(99,102,241,.12);background:var(--ecol-accent-soft,rgba(99,102,241,.12));border-radius:10px;color:var(--ecol-accent);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px}.ecol-items-view{flex:1 1;overflow-y:auto;padding:0}.ecol-items-empty{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:48px 24px;text-align:center}.ecol-items-empty-icon{color:var(--ecol-text3);font-size:38px;opacity:.5}.ecol-items-empty p{color:var(--ecol-text2);font-size:14px;margin:0}.ecol-item-list{padding:8px 0}.ecol-add-view{flex:1 1;overflow-y:auto}.ecol-lib-search-section{background:var(--ecol-surface2);border-bottom:1px solid var(--ecol-border);padding:16px 24px 14px}.ecol-lib-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.ecol-lib-title{align-items:center;color:var(--ecol-accent);display:flex;font-size:12.5px;font-weight:700;gap:7px;letter-spacing:.6px;text-transform:uppercase}.ecol-lib-mode-tabs{background:var(--ecol-surface2);border:1px solid var(--ecol-border);border-radius:8px;display:flex;gap:2px;padding:2px}.ecol-lib-tab{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--ecol-text2);cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:600;gap:5px;padding:4px 10px;transition:all .15s}.ecol-lib-tab:hover{color:var(--ecol-text1)}.ecol-lib-tab.active{background:var(--ecol-accent);box-shadow:0 2px 6px rgba(99,102,241,.3);color:#fff}.ecol-lib-search-row{align-items:center;background:var(--ecol-input-bg);border:1.5px solid var(--ecol-input-border);border-radius:12px;display:flex;gap:10px;margin-bottom:10px;min-height:42px;padding:0 14px;transition:border-color .18s,box-shadow .18s}.ecol-lib-search-row:focus-within{border-color:var(--ecol-accent);box-shadow:0 0 0 3px rgba(99,102,241,.12)}.ecol-lib-search-icon{color:var(--ecol-text3);flex-shrink:0;font-size:14px}.ecol-lib-search-input{background:transparent;border:none;color:var(--ecol-text1);flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:9px 0}.ecol-lib-search-input::placeholder{color:var(--ecol-text3)}.ecol-lib-spin{color:var(--ecol-accent);font-size:13px}.ecol-lib-clear-btn{align-items:center;background:none;border:none;color:var(--ecol-text3);cursor:pointer;display:flex;font-size:12px;padding:2px}.ecol-lib-clear-btn:hover{color:var(--ecol-text1)}.ecol-lib-cat-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.ecol-lib-cat-chip{background:transparent;border:1.5px solid var(--ecol-border);border-radius:20px;color:var(--ecol-text2);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:3px 10px;transition:all .15s;white-space:nowrap}.ecol-lib-cat-chip.active,.ecol-lib-cat-chip:hover{border-color:var(--ecol-accent);color:var(--ecol-accent)}.ecol-lib-cat-chip.active{background:var(--ecol-accent-soft)}.ecol-lib-extra-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.ecol-lib-cond-filter{background:transparent;background:var(--ecol-input-bg,transparent);border:1.5px solid var(--ecol-border);border-radius:8px;color:var(--ecol-text2);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:3px 10px}.ecol-lib-cond-filter:focus{border-color:var(--ecol-accent);outline:none}.ecol-lib-results{border:1px solid var(--ecol-border);border-radius:10px;display:flex;flex-direction:column;margin-bottom:4px;max-height:220px;overflow-y:auto}.ecol-lib-results::-webkit-scrollbar{width:4px}.ecol-lib-results::-webkit-scrollbar-track{background:transparent}.ecol-lib-results::-webkit-scrollbar-thumb{background:rgba(99,102,241,.25);border-radius:4px}.ecol-lib-result-row{align-items:center;border-bottom:1px solid var(--ecol-border);cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background .12s}.ecol-lib-result-row:last-child{border-bottom:none}.ecol-lib-result-row:hover:not(.added){background:var(--ecol-accent-soft)}.ecol-lib-result-row.added{cursor:default;opacity:.5}.ecol-lib-result-img{object-fit:cover}.ecol-lib-result-img,.ecol-lib-result-no-img{background:var(--ecol-surface2);border-radius:8px;flex-shrink:0;height:38px;width:38px}.ecol-lib-result-no-img{align-items:center;border:1px solid var(--ecol-border);color:var(--ecol-text3);display:flex;font-size:15px;justify-content:center}.ecol-lib-result-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.ecol-lib-result-name{color:var(--ecol-text1);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecol-lib-result-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.ecol-lib-result-cat{background:var(--ecol-surface2);border:1px solid var(--ecol-border);border-radius:4px;color:var(--ecol-text3);font-size:10px;letter-spacing:.4px;padding:1px 6px;text-transform:uppercase}.ecol-lib-result-cond{background:rgba(245,158,11,.1);border-radius:4px;color:#f59e0b;font-size:10px;padding:1px 6px;text-transform:capitalize}.ecol-lib-result-val{color:#22c55e;font-size:11px;font-weight:700}.ecol-lib-add-btn{align-items:center;background:var(--ecol-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:30px;justify-content:center;transition:opacity .15s,background .15s;width:30px}.ecol-lib-add-btn:hover:not(:disabled){opacity:.85}.ecol-lib-add-btn.done{background:#22c55e;cursor:default}.ecol-lib-no-results{font-size:13px;padding:10px 0}.ecol-lib-hint,.ecol-lib-no-results{color:var(--ecol-text3);text-align:center}.ecol-lib-hint{font-size:12px;font-style:italic;padding:8px 0}.ecol-divider{align-items:center;color:var(--ecol-text3);display:flex;font-size:11px;gap:10px;letter-spacing:.6px;padding:4px 20px;text-transform:uppercase}.ecol-divider:after,.ecol-divider:before{background:var(--ecol-border);content:"";flex:1 1;height:1px}.ecol-add-item-form{border-bottom:1px solid var(--ecol-border);display:flex;flex-direction:column;gap:10px;padding:16px 24px}.ecol-add-item-label{color:var(--ecol-text2);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.ecol-add-item-row{align-items:center;display:flex;gap:8px}.ecol-type-select{cursor:pointer;font-size:13px;min-width:110px;padding:9px 10px}.ecol-item-name-input,.ecol-type-select{background:var(--ecol-input-bg);border:1.5px solid var(--ecol-input-border);border-radius:8px;color:var(--ecol-text1);font-family:inherit;outline:none}.ecol-item-name-input{flex:1 1;font-size:14px;padding:9px 12px;transition:border-color .15s}.ecol-item-name-input::placeholder{color:var(--ecol-text3)}.ecol-item-name-input:focus{border-color:var(--ecol-accent)}.ecol-add-item-btn{background:var(--ecol-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;line-height:1;padding:9px 14px;transition:opacity .15s}.ecol-add-item-btn:hover{opacity:.85}.ecol-item-list{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:12px 24px 20px}.ecol-item-list-empty{color:var(--ecol-text3);font-size:14px;padding:32px 0;text-align:center}.ecol-item-row{align-items:center;background:var(--ecol-surface2);border:1px solid var(--ecol-border);border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px;transition:border-color .15s}.ecol-item-row:hover{border-color:var(--ecol-border-hover)}.ecol-item-row.clickable{cursor:pointer}.ecol-item-row.clickable:hover{background:rgba(99,102,241,.08);background:var(--ecol-accent-soft,rgba(99,102,241,.08))}.ecol-item-row-left{align-items:center;display:flex;gap:8px;min-width:0}.ecol-item-thumb{background:var(--ecol-surface2);border-radius:6px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.ecol-item-link-badge{color:var(--ecol-accent);flex-shrink:0;font-size:10px;opacity:.6}.ecol-type-badge{border-radius:4px;flex-shrink:0;font-size:10.5px;font-weight:700;padding:2px 7px;white-space:nowrap}.ecol-item-name{color:var(--ecol-text1);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecol-item-remove{background:none;border:none;border-radius:4px;color:var(--ecol-text3);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;padding:0 4px;transition:color .15s}.ecol-item-remove:hover{color:var(--ecol-danger)}.ecol-type-document{background:rgba(99,102,241,.15);color:#818cf8}.ecol-type-image{background:rgba(251,146,60,.15);color:#fb923c}.ecol-type-link{background:rgba(34,197,94,.15);color:#22c55e}.ecol-type-note{background:rgba(168,85,247,.15);color:#a855f7}.ecol-type-video{background:rgba(239,68,68,.15);color:#ef4444}.ecol-type-audio{background:rgba(20,184,166,.15);color:#14b8a6}.ecol-type-spreadsheet{background:rgba(34,197,94,.15);color:#16a34a}.ecol-type-presentation{background:rgba(59,130,246,.15);color:#3b82f6}.ecol-type-report{background:rgba(148,163,184,.15);color:#94a3b8}.ecol-type-task{background:rgba(234,179,8,.15);color:#eab308}.ecol-type-invoice{background:rgba(251,191,36,.15);color:#ca8a04}.ecol-type-contract{background:rgba(244,63,94,.15);color:#f43f5e}.ecol-type-email{background:rgba(59,130,246,.15);color:#60a5fa}.ecol-type-contact{background:rgba(20,184,166,.15);color:#0d9488}.ecol-type-blueprint{background:rgba(99,102,241,.15);color:#6366f1}.ecol-type-code{background:rgba(148,163,184,.15);color:#64748b}body.theme-light .ecol-type-document{background:#eef2ff;color:#6366f1}body.theme-light .ecol-type-image{background:#fff7ed;color:#ea580c}body.theme-light .ecol-type-link{background:#f0fdf4;color:#16a34a}body.theme-light .ecol-type-note{background:#faf5ff;color:#7c3aed}body.theme-light .ecol-type-video{background:#fef2f2;color:#dc2626}body.theme-light .ecol-type-audio{background:#f0fdfa;color:#0f766e}body.theme-light .ecol-type-spreadsheet{background:#f0fdf4;color:#15803d}body.theme-light .ecol-type-presentation{background:#eff6ff;color:#2563eb}body.theme-light .ecol-type-report{background:#f8fafc;color:#64748b}body.theme-light .ecol-type-task{background:#fefce8;color:#ca8a04}body.theme-light .ecol-type-invoice{background:#fffbeb;color:#b45309}body.theme-light .ecol-type-contract{background:#fff1f2;color:#be123c}body.theme-light .ecol-type-email{background:#eff6ff;color:#1d4ed8}body.theme-light .ecol-type-contact{background:#f0fdfa;color:#0f766e}body.theme-light .ecol-type-blueprint{background:#eef2ff;color:#4338ca}body.theme-light .ecol-type-code{background:#f8fafc;color:#475569}@media (max-width:600px){.ecol-page{padding:16px}.ecol-grid{grid-template-columns:1fr}.ecol-detail{border-radius:16px;max-height:95vh}}.ecol-confirm-wrap{align-items:center;background:#17171f;background:var(--ecol-modal-bg,#17171f);border-radius:20px;box-shadow:var(--ecol-modal-shadow);color:var(--ecol-text1);display:flex;flex-direction:column;gap:14px;max-width:90vw;padding:32px 28px;text-align:center;width:380px}body.theme-light .ecol-confirm-wrap{--ecol-modal-bg:#fff;--ecol-text1:#1e1f2e;--ecol-text2:#5a5c7a;--ecol-input-border:#e2e4ee}.ecol-confirm-icon{align-items:center;background:rgba(244,63,94,.12);border-radius:50%;color:#f43f5e;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.ecol-confirm-title{color:var(--ecol-text1);font-size:17px;font-weight:700;margin:0}.ecol-confirm-desc{color:#9090a8;color:var(--ecol-text2,#9090a8);font-size:13.5px;line-height:1.5;margin:0}.ecol-btn-danger{background:#f43f5e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 22px;transition:opacity .15s,background .15s}.ecol-btn-danger:hover{background:#e11d48}.elvoaq-calendar{--cal-bg:#0f0f13;--cal-surface:#17171f;--cal-surface2:#1e1e28;--cal-surface3:#25252f;--cal-border:hsla(0,0%,100%,.07);--cal-border2:hsla(0,0%,100%,.12);--cal-text:#f0f0f5;--cal-text2:#8888a0;--cal-text3:#5a5a72;--cal-accent:#7c5cfc;--cal-accent2:#9b7fff;--cal-accent-glow:rgba(124,92,252,.25);--cal-red:#ff4d6a;--cal-green:#00d4aa;--cal-orange:#ff8c42;--cal-blue:#4da6ff;--cal-pink:#ff6eb4;--cal-yellow:#ffd166;--cal-radius:16px;--cal-radius-sm:10px;--cal-shadow:0 8px 32px rgba(0,0,0,.4);--cal-font:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.theme-light .elvoaq-calendar{--cal-bg:#f5f5f7;--cal-surface:#fff;--cal-surface2:#f0f0f3;--cal-surface3:#e8e8ed;--cal-border:rgba(0,0,0,.08);--cal-border2:rgba(0,0,0,.14);--cal-text:#1a1a2e;--cal-text2:#6b6b80;--cal-text3:#9898a8;--cal-accent:#7c5cfc;--cal-accent2:#6a4de0;--cal-accent-glow:rgba(124,92,252,.18);--cal-red:#e63956;--cal-green:#00b893;--cal-orange:#e67a30;--cal-blue:#3b8fde;--cal-pink:#e05a9e;--cal-yellow:#d4a833;--cal-shadow:0 8px 32px rgba(0,0,0,.08)}.elvoaq-calendar{background:transparent;color:var(--cal-text);display:flex;flex-direction:column;font-family:var(--cal-font);height:calc(100vh - 64px);overflow:hidden}.ecal-header{background:var(--cal-surface);border-bottom:1px solid var(--cal-border);flex-shrink:0;justify-content:space-between;padding:14px 24px 12px}.ecal-header,.ecal-header-left{align-items:center;display:flex;gap:16px}.ecal-page-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--cal-accent2),var(--cal-pink));-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0}.ecal-nav-arrows{gap:4px}.ecal-nav-arrows,.ecal-nav-btn{align-items:center;display:flex}.ecal-nav-btn{background:var(--cal-surface2);border:1px solid var(--cal-border);border-radius:8px;color:var(--cal-text);cursor:pointer;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.ecal-nav-btn:hover{background:var(--cal-surface3);border-color:var(--cal-border2)}.ecal-today-btn{background:var(--cal-surface2);border:1px solid var(--cal-border);border-radius:8px;color:var(--cal-text2);cursor:pointer;font-family:var(--cal-font);font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.ecal-today-btn:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-current-title{font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0;min-width:200px}.ecal-header-right{align-items:center;display:flex;gap:10px}.ecal-view-tabs{background:var(--cal-surface2);border:1px solid var(--cal-border);border-radius:var(--cal-radius-sm);display:flex;gap:2px;padding:3px}.ecal-view-tab{background:none;border:none;border-radius:7px;color:var(--cal-text2);cursor:pointer;font-family:var(--cal-font);font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s}.ecal-view-tab.active{background:var(--cal-accent);box-shadow:0 2px 8px var(--cal-accent-glow);color:#fff}.ecal-view-tab:not(.active):hover{color:var(--cal-text)}.ecal-add-btn,.ecal-search-btn{align-items:center;background:var(--cal-surface2);border:1px solid var(--cal-border);border-radius:10px;color:var(--cal-text2);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.ecal-search-btn:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-add-btn{background:var(--cal-accent);border-color:var(--cal-accent);color:#fff}.ecal-add-btn:hover{background:var(--cal-accent2);box-shadow:0 4px 16px var(--cal-accent-glow)}.ecal-main{display:flex;flex:1 1;overflow:hidden}.ecal-sidebar{background:var(--cal-surface);border-right:1px solid var(--cal-border);display:flex;flex-direction:column;flex-shrink:0;overflow-x:hidden;overflow-y:auto;width:240px}.ecal-mini-calendar{border-bottom:1px solid var(--cal-border);padding:20px 16px 12px}.ecal-mini-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ecal-mini-title{font-size:13px;font-weight:700}.ecal-mini-nav{display:flex;gap:4px}.ecal-mini-nav-btn{align-items:center;background:none;border:none;border-radius:5px;color:var(--cal-text2);cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;transition:all .15s;width:22px}.ecal-mini-nav-btn:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-mini-days-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.ecal-mini-day-label{color:var(--cal-text3);font-size:9px;font-weight:700;padding:2px 0;text-align:center;text-transform:uppercase}.ecal-mini-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.ecal-mini-cell{background:none;border:none;border-radius:6px;color:var(--cal-text2);cursor:pointer;font-family:var(--cal-font);font-size:11px;font-weight:500;padding:4px 0;text-align:center;transition:all .15s}.ecal-mini-cell:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-mini-cell.other-month{color:var(--cal-text3)}.ecal-mini-cell.today{background:var(--cal-accent);box-shadow:0 2px 8px var(--cal-accent-glow);color:#fff;font-weight:700}.ecal-mini-cell.selected{background:var(--cal-surface3);color:var(--cal-text)}.ecal-mini-cell.has-event{position:relative}.ecal-mini-cell.has-event:after{background:var(--cal-accent2);border-radius:50%;content:"";display:block;height:3px;margin:1px auto 0;width:3px}.ecal-sidebar-section{padding:16px}.ecal-sidebar-section-title{align-items:center;color:var(--cal-text3);display:flex;font-size:10px;font-weight:700;justify-content:space-between;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.ecal-add-cat-btn{align-items:center;background:none;border:none;color:var(--cal-accent);cursor:pointer;display:flex;font-size:14px;padding:0;transition:color .15s}.ecal-add-cat-btn:hover{color:var(--cal-accent2)}.ecal-calendar-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:2px;padding:6px 8px;transition:background .15s}.ecal-calendar-item:hover{background:var(--cal-surface2)}.ecal-cal-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.ecal-cal-name{flex:1 1;font-size:13px;font-weight:500}.ecal-cal-toggle{align-items:center;background:none;border:1.5px solid var(--cal-border2);border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:9px;height:14px;justify-content:center;padding:0;transition:all .15s;width:14px}.ecal-cal-toggle.checked{border-color:transparent}.ecal-cal-delete-btn{background:none;border:none;color:var(--cal-text3);cursor:pointer;font-size:10px;opacity:0;padding:2px;transition:all .15s}.ecal-calendar-item:hover .ecal-cal-delete-btn{opacity:1}.ecal-cal-delete-btn:hover{color:var(--cal-red)}.ecal-upcoming-list{flex:1 1;overflow-y:auto;padding:16px}.ecal-upcoming-event{background:var(--cal-surface2);border-left:3px solid var(--cal-accent);border-radius:10px;cursor:pointer;margin-bottom:8px;padding:10px;transition:all .2s}.ecal-upcoming-event:hover{background:var(--cal-surface3);transform:translateX(2px)}.ecal-upcoming-event-title{font-size:12px;font-weight:600;margin-bottom:2px}.ecal-upcoming-event-time{color:var(--cal-text2);font-size:11px}.ecal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ecal-content>*{animation:ecalFadeIn .25s ease}@keyframes ecalFadeIn{0%{opacity:0}to{opacity:1}}.ecal-month-view{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ecal-weekday-headers{background:var(--cal-surface);border-bottom:1px solid var(--cal-border);display:grid;flex-shrink:0;grid-template-columns:repeat(7,1fr)}.ecal-weekday-header{color:var(--cal-text3);font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 0;text-align:center;text-transform:uppercase}.ecal-month-grid{border-left:1px solid var(--cal-border);display:grid;flex:1 1;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);overflow:hidden}.ecal-month-cell{border-bottom:1px solid var(--cal-border);border-right:1px solid var(--cal-border);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:8px;position:relative;transition:background .15s}.ecal-month-cell:hover{background:var(--cal-surface2)}.ecal-month-cell.other-month{background:rgba(0,0,0,.15)}body.theme-light .ecal-month-cell.other-month{background:rgba(0,0,0,.03)}.ecal-month-cell.other-month .ecal-cell-day{color:var(--cal-text3)}.ecal-month-cell.today .ecal-cell-day{background:var(--cal-accent);box-shadow:0 2px 10px var(--cal-accent-glow);color:#fff}.ecal-month-cell.selected{background:rgba(124,92,252,.06)}.ecal-cell-day{align-items:center;border-radius:50%;color:var(--cal-text2);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:26px;justify-content:center;margin-bottom:4px;width:26px}.ecal-event-pill{border-radius:5px;cursor:pointer;flex-shrink:0;font-size:10px;font-weight:600;margin-bottom:2px;overflow:hidden;padding:2px 7px;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.ecal-event-pill:hover{opacity:.8}.ecal-event-pill[draggable=true]{cursor:grab}.ecal-more-events{color:var(--cal-text2);cursor:pointer;font-size:10px;font-weight:600;padding:1px 4px}.ecal-month-cell.drag-over{background:rgba(124,92,252,.12)!important;outline:2px dashed var(--cal-accent);outline-offset:-2px}.ecal-week-view{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ecal-week-header{background:var(--cal-surface);border-bottom:1px solid var(--cal-border);display:grid;flex-shrink:0;grid-template-columns:60px repeat(7,1fr)}.ecal-week-day-header{padding:10px 0 8px;text-align:center}.ecal-wdh-name{color:var(--cal-text3);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ecal-wdh-num{font-size:22px;font-weight:700;line-height:1.2;margin-top:2px}.ecal-wdh-num.today-num{color:var(--cal-accent)}.ecal-week-body{display:flex;flex:1 1;overflow-x:hidden;overflow-y:auto}.ecal-week-times{flex-shrink:0;padding-top:0;width:60px}.ecal-week-time-slot{align-items:flex-start;color:var(--cal-text3);display:flex;font-size:10px;font-weight:600;height:60px;justify-content:flex-end;padding-right:8px;padding-top:4px}.ecal-week-columns{display:grid;flex:1 1;grid-template-columns:repeat(7,1fr);position:relative}.ecal-week-col{border-left:1px solid var(--cal-border);position:relative}.ecal-week-hour-line{border-bottom:1px solid var(--cal-border);cursor:pointer;height:60px}.ecal-week-hour-line:hover{background:var(--cal-surface2)}.ecal-week-event{border-radius:7px;cursor:pointer;font-size:10px;font-weight:600;left:3px;overflow:hidden;padding:4px 7px;position:absolute;right:3px;transition:all .15s;z-index:2}.ecal-week-event:hover{filter:brightness(1.15);transform:scale(1.01)}.ecal-week-event-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecal-week-event-time{display:block;font-size:9px;margin-top:1px;opacity:.8}.ecal-current-time-line{background:var(--cal-red);height:2px;left:0;position:absolute;right:0;z-index:10}.ecal-current-time-line:before{background:var(--cal-red);border-radius:50%;content:"";height:10px;left:-4px;position:absolute;top:-4px;width:10px}.ecal-day-view{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ecal-day-header{background:var(--cal-surface);border-bottom:1px solid var(--cal-border);flex-shrink:0;padding:20px 24px 16px}.ecal-day-header-title{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.ecal-day-header-sub{color:var(--cal-text2);font-size:13px;font-weight:500;margin-top:2px}.ecal-day-body{display:flex;flex:1 1;overflow-y:auto}.ecal-day-times{flex-shrink:0;width:60px}.ecal-day-events-col{border-left:1px solid var(--cal-border);flex:1 1;position:relative}.ecal-day-hour-block{border-bottom:1px solid var(--cal-border);cursor:pointer;height:60px}.ecal-day-hour-block:hover{background:var(--cal-surface2)}.ecal-day-event{border-radius:10px;cursor:pointer;left:8px;padding:8px 12px;position:absolute;right:8px;transition:all .2s}.ecal-day-event:hover{filter:brightness(1.15);transform:translateX(3px)}.ecal-day-event-title{font-size:13px;font-weight:700;margin-bottom:2px}.ecal-day-event-time{font-size:11px;opacity:.8}.ecal-year-view{grid-gap:20px;align-content:start;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:24px}.ecal-year-month-card{background:var(--cal-surface);border:1px solid var(--cal-border);border-radius:var(--cal-radius);cursor:pointer;padding:16px;transition:all .2s}.ecal-year-month-card:hover{background:var(--cal-surface2);border-color:var(--cal-border2);box-shadow:var(--cal-shadow);transform:translateY(-2px)}.ecal-ymc-title{font-size:13px;font-weight:700;margin-bottom:10px}.ecal-ymc-grid{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.ecal-ymc-day-label{color:var(--cal-text3);font-size:7px;font-weight:700;padding:2px 0;text-align:center;text-transform:uppercase}.ecal-ymc-cell{background:none;border:none;border-radius:4px;color:var(--cal-text2);cursor:pointer;font-family:var(--cal-font);font-size:9px;font-weight:500;padding:3px 0;position:relative;text-align:center}.ecal-ymc-cell.other-month{color:var(--cal-text3);opacity:.4}.ecal-ymc-cell.today{background:var(--cal-accent);color:#fff;font-weight:700}.ecal-ymc-cell.has-event:after{background:var(--cal-accent2);border-radius:50%;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.ecal-event-popup{animation:ecalSlideUp .2s ease;background:var(--cal-surface);border:1px solid var(--cal-border2);border-radius:16px;box-shadow:var(--cal-shadow);padding:20px;position:fixed;width:280px;z-index:50}.ecal-ep-color-bar{border-radius:4px;height:4px;margin-bottom:14px}.ecal-ep-title{font-size:16px;font-weight:700;margin-bottom:4px}.ecal-ep-time{color:var(--cal-text2);font-size:12px;font-weight:500;margin-bottom:6px}.ecal-ep-category{color:var(--cal-text3);font-size:11px;font-weight:600;margin-bottom:12px}.ecal-ep-location{color:var(--cal-text2);font-size:12px;margin-bottom:12px}.ecal-ep-location svg{font-size:11px;margin-right:4px}.ecal-ep-actions{display:flex;gap:8px}.ecal-ep-btn{background:var(--cal-surface2);border:1px solid var(--cal-border);border-radius:8px;color:var(--cal-text2);cursor:pointer;flex:1 1;font-family:var(--cal-font);font-size:12px;font-weight:600;padding:8px;transition:all .15s}.ecal-ep-btn:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-ep-btn.delete{color:var(--cal-red)}.ecal-ep-btn.delete:hover{background:rgba(255,77,106,.1);border-color:var(--cal-red)}.ecal-modal-overlay{align-items:center;animation:ecalFadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes ecalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}body.theme-light .ecal-modal-overlay{background:rgba(0,0,0,.35)}.ecal-modal{animation:ecalSlideUp .25s ease;background:var(--cal-surface);border:1px solid var(--cal-border2);border-radius:20px;box-shadow:0 32px 80px rgba(0,0,0,.6);max-height:90vh;max-width:90vw;overflow-y:auto;padding:28px;width:440px}body.theme-light .ecal-modal{box-shadow:0 32px 80px rgba(0,0,0,.12)}.ecal-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.ecal-modal-title{font-size:18px;font-weight:700;margin:0}.ecal-modal-close{align-items:center;background:var(--cal-surface2);border:1px solid var(--cal-border);border-radius:8px;color:var(--cal-text2);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:all .15s;width:30px}.ecal-modal-close:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-form-group{margin-bottom:16px}.ecal-form-label{color:var(--cal-text2);display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.ecal-form-input{background:var(--cal-surface2);border:1px solid var(--cal-border);border-radius:10px;box-sizing:border-box;color:var(--cal-text);font-family:var(--cal-font);font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.ecal-form-input:focus{border-color:var(--cal-accent)}.ecal-form-input::placeholder{color:var(--cal-text3)}textarea.ecal-form-input{min-height:60px;resize:none}select.ecal-form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 8 1 3h10z' fill='%238888a0'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.ecal-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ecal-color-picker{display:flex;flex-wrap:wrap;gap:8px}.ecal-color-swatch{background:none;border:2px solid transparent;border-radius:50%;cursor:pointer;height:28px;padding:0;transition:all .15s;width:28px}.ecal-color-swatch.selected{border-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3);transform:scale(1.2)}body.theme-light .ecal-color-swatch.selected{border-color:var(--cal-text)}.ecal-allday-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 0}.ecal-allday-toggle input[type=checkbox]{accent-color:var(--cal-accent);cursor:pointer;height:16px;width:16px}.ecal-allday-toggle span{color:var(--cal-text2);font-size:13px;font-weight:500}.ecal-form-actions{display:flex;gap:10px;margin-top:24px}.ecal-btn-primary{background:var(--cal-accent);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-family:var(--cal-font);font-size:14px;font-weight:600;padding:11px;transition:all .2s}.ecal-btn-primary:hover{background:var(--cal-accent2);box-shadow:0 4px 16px var(--cal-accent-glow)}.ecal-btn-secondary{background:var(--cal-surface2);border:1px solid var(--cal-border);border-radius:10px;color:var(--cal-text2);cursor:pointer;font-family:var(--cal-font);font-size:14px;font-weight:600;padding:11px 20px;transition:all .2s}.ecal-btn-secondary:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-btn-danger{background:rgba(255,77,106,.1);border:1px solid rgba(255,77,106,.2);border-radius:10px;color:var(--cal-red);cursor:pointer;font-family:var(--cal-font);font-size:14px;font-weight:600;padding:11px 20px;transition:all .2s}.ecal-btn-danger:hover{background:rgba(255,77,106,.2)}.ecal-search-panel{align-items:center;animation:ecalFadeIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(0,0,0,.75);display:flex;flex-direction:column;inset:0;padding-top:80px;position:fixed;z-index:100}body.theme-light .ecal-search-panel{background:rgba(0,0,0,.35)}.ecal-search-box{animation:ecalSlideUp .2s ease;background:var(--cal-surface);border:1px solid var(--cal-border2);border-radius:16px;box-shadow:0 32px 80px rgba(0,0,0,.6);max-width:90vw;overflow:hidden;width:560px}.ecal-search-input-wrap{align-items:center;border-bottom:1px solid var(--cal-border);display:flex;gap:12px;padding:16px 20px}.ecal-search-icon{color:var(--cal-text2);font-size:16px}.ecal-search-input{background:none;border:none;color:var(--cal-text);flex:1 1;font-family:var(--cal-font);font-size:16px;outline:none}.ecal-search-input::placeholder{color:var(--cal-text3)}.ecal-search-close{background:none;border:none;color:var(--cal-text2);cursor:pointer;font-size:20px;transition:color .15s}.ecal-search-close:hover{color:var(--cal-text)}.ecal-search-results{max-height:400px;overflow-y:auto}.ecal-search-result{align-items:center;border-bottom:1px solid var(--cal-border);cursor:pointer;display:flex;gap:14px;padding:14px 20px;transition:background .15s}.ecal-search-result:hover{background:var(--cal-surface2)}.ecal-sr-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.ecal-sr-info{flex:1 1}.ecal-sr-title{font-size:14px;font-weight:600}.ecal-sr-date{color:var(--cal-text2);font-size:12px;margin-top:2px}.ecal-search-empty{color:var(--cal-text3);font-size:14px;padding:40px;text-align:center}.ecal-add-cat-form{background:var(--cal-surface2);border:1px solid var(--cal-border);border-radius:var(--cal-radius-sm);display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:12px}.ecal-add-cat-form input{background:var(--cal-surface);border:1px solid var(--cal-border);border-radius:6px;color:var(--cal-text);font-family:var(--cal-font);font-size:12px;outline:none;padding:7px 10px}.ecal-add-cat-form input:focus{border-color:var(--cal-accent)}.ecal-add-cat-colors{display:flex;flex-wrap:wrap;gap:4px}.ecal-add-cat-color{border:2px solid transparent;border-radius:50%;cursor:pointer;height:20px;padding:0;transition:all .15s;width:20px}.ecal-add-cat-color.selected{border-color:#fff;transform:scale(1.15)}body.theme-light .ecal-add-cat-color.selected{border-color:var(--cal-text)}.ecal-add-cat-actions{display:flex;gap:6px}.ecal-add-cat-actions button{border-radius:6px;cursor:pointer;font-family:var(--cal-font);font-size:11px;font-weight:600;padding:5px 12px;transition:all .15s}.ecal-add-cat-save{background:var(--cal-accent);border:none;color:#fff}.ecal-add-cat-save:hover{background:var(--cal-accent2)}.ecal-add-cat-cancel-btn{background:var(--cal-surface);border:1px solid var(--cal-border);color:var(--cal-text2)}.ecal-add-cat-cancel-btn:hover{background:var(--cal-surface3)}.ecal-popup-overlay{background:transparent;inset:0;position:fixed;z-index:40}.ecal-trash-link{align-items:center;background:transparent;border:1px solid var(--cal-border);border-radius:8px;color:var(--cal-text2);cursor:pointer;display:flex;font-family:var(--cal-font);font-size:12px;font-weight:600;gap:8px;padding:8px 12px;transition:all .15s;width:100%}.ecal-trash-link:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3);color:#ef4444}.ecal-trash-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.55);display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:60}.ecal-trash-panel{animation:trashSlideIn .25s ease;background:var(--cal-surface2);border-left:1px solid var(--cal-border);box-shadow:-8px 0 40px rgba(0,0,0,.3);display:flex;flex-direction:column;height:100vh;max-width:95vw;width:480px}@keyframes trashSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.ecal-trash-header{align-items:center;border-bottom:1px solid var(--cal-border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.ecal-trash-header-left{align-items:center;display:flex;gap:14px}.ecal-trash-icon-wrap{align-items:center;background:rgba(239,68,68,.12);border-radius:12px;color:#ef4444;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.ecal-trash-title{color:var(--cal-text);font-size:16px;font-weight:700;margin:0}.ecal-trash-sub{color:var(--cal-text2);font-size:11px;margin:2px 0 0}.ecal-trash-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--cal-text2);cursor:pointer;display:flex;font-size:16px;padding:6px;transition:all .15s}.ecal-trash-close:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-trash-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:40px}.ecal-trash-empty-icon{color:var(--cal-text3);font-size:36px;margin-bottom:8px;opacity:.4}.ecal-trash-empty p{color:var(--cal-text2);font-size:15px;font-weight:600;margin:0}.ecal-trash-empty span{color:var(--cal-text3);font-size:13px}.ecal-trash-list{flex:1 1;overflow-y:auto;padding:12px 0}.ecal-trash-list::-webkit-scrollbar{width:4px}.ecal-trash-list::-webkit-scrollbar-track{background:transparent}.ecal-trash-list::-webkit-scrollbar-thumb{background:var(--cal-surface3);border-radius:4px}.ecal-trash-row{align-items:center;border-bottom:1px solid var(--cal-border);display:flex;gap:12px;padding:10px 24px;transition:background .12s}.ecal-trash-row:hover{background:var(--cal-surface3)}.ecal-trash-row:last-child{border-bottom:none}.ecal-trash-row-color{border-radius:3px;flex-shrink:0;height:40px;width:4px}.ecal-trash-row-info{flex:1 1;min-width:0}.ecal-trash-row-title{color:var(--cal-text);font-size:14px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecal-trash-row-meta{color:var(--cal-text2);font-size:12px}.ecal-trash-row-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.ecal-trash-restore-btn{align-items:center;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);border-radius:8px;color:#22c55e;cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;transition:all .15s;width:32px}.ecal-trash-restore-btn:hover{background:rgba(34,197,94,.2)}.ecal-trash-del-btn{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;transition:all .15s;width:32px}.ecal-trash-del-btn:hover{background:rgba(239,68,68,.2)}.elvoaq-calendar ::-webkit-scrollbar{width:4px}.elvoaq-calendar ::-webkit-scrollbar-track{background:transparent}.elvoaq-calendar ::-webkit-scrollbar-thumb{background:var(--cal-surface3);border-radius:4px}@media (max-width:1024px){.ecal-sidebar{width:200px}.ecal-year-view{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ecal-sidebar{display:none}.ecal-header{flex-wrap:wrap;padding:12px 16px}.ecal-current-title{font-size:16px;min-width:auto}.ecal-year-view{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.ecal-modal{padding:20px;width:95vw}.ecal-search-box{width:95vw}.ecal-day-header-title{font-size:20px}}@media (max-width:480px){.ecal-form-row,.ecal-year-view{grid-template-columns:1fr}}.notification-settings-page{--primary:#667eea;--primary-dark:#5a67d8;--primary-alpha:rgba(102,126,234,.2);--text-primary:#fff;--text-secondary:#a0aec0;--text-tertiary:#718096;--surface:rgba(102,126,234,.05);--surface-hover:rgba(102,126,234,.08);--border:rgba(102,126,234,.2);--bg-hover:rgba(102,126,234,.1);margin:0 auto;max-width:900px;padding:24px 24px 100px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.header-content h1{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:600;gap:12px}.header-content h1 svg{color:var(--primary)}.header-content p{color:var(--text-secondary);font-size:14px}.header-actions{flex-wrap:wrap;gap:12px}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.section-header{border-bottom:1px solid var(--border);padding:20px 24px}.section-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 4px}.section-header h2 svg{color:var(--primary)}.section-header p{color:var(--text-tertiary);font-size:13px;margin:0}.settings-list{display:flex;flex-direction:column}.setting-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:16px 24px;transition:background .2s}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:var(--surface-hover)}.setting-icon{align-items:center;background:var(--primary-alpha);border-radius:10px;color:var(--primary);display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.setting-icon.security{background:rgba(239,68,68,.1);color:#ef4444}.setting-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.email-toggle-btn{align-items:center;background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:rgba(160,174,192,.5);cursor:pointer;display:flex;font-size:13px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.email-toggle-btn:hover:not(:disabled){background:rgba(102,126,234,.12);border-color:rgba(102,126,234,.3);color:rgba(160,174,192,.8)}.email-toggle-btn.active{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.4);color:#667eea}.email-toggle-btn.active:hover{background:rgba(102,126,234,.25)}.email-toggle-btn:disabled{cursor:not-allowed;opacity:.3}.setting-info{flex:1 1;min-width:0}.setting-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.setting-description{color:var(--text-tertiary);font-size:13px}.toggle{align-items:center;background-color:rgba(160,174,192,.2);border:none;border-radius:999px;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;padding:0;position:relative;transition:background-color .2s ease;width:52px}.toggle:hover{background-color:rgba(160,174,192,.3)}.toggle.checked{background-color:#667eea}.toggle-slider{background-color:transparent;border-radius:50%;height:24px;left:2px;pointer-events:none;position:absolute;top:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:24px}.toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.toggle.checked .toggle-slider{transform:translateX(24px)}.toggle:focus-visible{outline:2px solid #667eea;outline-offset:2px}.channels-list .channel-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:16px 24px}.channels-list .channel-item:last-child{border-bottom:none}.channel-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.channel-icon.email{background:rgba(59,130,246,.1);color:#3b82f6}.channel-icon.push{background:rgba(16,185,129,.1);color:#10b981}.channel-icon.in-app{background:rgba(139,92,246,.1);color:#8b5cf6}.channel-info{flex:1 1}.channel-name{color:var(--text-primary);font-size:15px;font-weight:500;margin-bottom:2px}.channel-description{color:var(--text-tertiary);font-size:13px}.quiet-hours-content{padding:0}.quiet-hours-content .setting-item{border-bottom:1px solid var(--border)}.time-range{align-items:flex-end;background:var(--surface);display:flex;gap:16px;padding:20px 24px}.time-input{display:flex;flex-direction:column;gap:6px}.time-input label{color:var(--text-secondary);font-size:12px;font-weight:500}.time-input input{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;min-width:120px;padding:10px 14px}.time-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.time-separator{color:var(--text-tertiary);font-size:14px;padding-bottom:10px}.floating-save{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;bottom:24px;box-shadow:0 8px 24px rgba(0,0,0,.15);display:flex;gap:16px;left:50%;opacity:0;padding:12px 20px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(100px);transition:opacity .3s ease,transform .3s ease;will-change:transform,opacity;z-index:100}.floating-save.visible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.floating-save span{color:var(--text-secondary);font-size:14px}.alert{align-items:center;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto;padding:0}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 24px}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px var(--primary-alpha);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6}.btn-secondary{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:var(--surface-hover)}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-start}.channel-item,.setting-item{flex-wrap:wrap;gap:12px}.channel-info,.setting-info{flex-basis:calc(100% - 56px)}.toggle{margin-left:56px}.time-range{flex-wrap:wrap}.floating-save{flex-wrap:wrap;justify-content:center;left:20px;right:20px;transform:translateX(0) translateY(100px)}.floating-save.visible{transform:translateX(0) translateY(0)}}body.theme-light .notification-settings-page{--primary:#667eea;--primary-dark:#5a67d8;--primary-alpha:rgba(102,126,234,.15);--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#64748b;--surface:#fff;--surface-hover:rgba(102,126,234,.04);--border:#e2e8f0;--bg-hover:rgba(102,126,234,.05)}body.theme-light .page-header h1{color:#1a202c}body.theme-light .header-content p{color:#4a5568}body.theme-light .settings-section{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}body.theme-light .section-header{border-bottom:1px solid #e2e8f0}body.theme-light .section-header h2{color:#1a202c}body.theme-light .section-header p{color:#64748b}body.theme-light .setting-item{border-bottom:1px solid #f1f5f9}body.theme-light .setting-item:hover{background:rgba(102,126,234,.03)}body.theme-light .setting-name{color:#1a202c}body.theme-light .setting-description{color:#64748b}body.theme-light .setting-icon{background:rgba(102,126,234,.1);color:#667eea}body.theme-light .setting-icon.security{background:rgba(239,68,68,.08);color:#dc2626}body.theme-light .channel-item{border-bottom:1px solid #f1f5f9}body.theme-light .channel-name{color:#1a202c}body.theme-light .channel-description{color:#64748b}body.theme-light .channel-icon.email{background:rgba(59,130,246,.08);color:#2563eb}body.theme-light .channel-icon.push{background:rgba(16,185,129,.08);color:#059669}body.theme-light .channel-icon.in-app{background:rgba(139,92,246,.08);color:#7c3aed}body.theme-light .toggle{background-color:#cbd5e1}body.theme-light .toggle:hover{background-color:#94a3b8}body.theme-light .toggle.checked{background-color:#667eea}body.theme-light .toggle-slider:before{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}body.theme-light .email-toggle-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#94a3b8}body.theme-light .email-toggle-btn:hover:not(:disabled){background:rgba(102,126,234,.08);border-color:#cbd5e1;color:#64748b}body.theme-light .email-toggle-btn.active{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);color:#667eea}body.theme-light .email-toggle-btn.active:hover{background:rgba(102,126,234,.18)}body.theme-light .email-toggle-btn:disabled{opacity:.35}body.theme-light .alert-error{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);color:#dc2626}body.theme-light .alert-success{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.2);color:#16a34a}body.theme-light .btn-primary{background:linear-gradient(135deg,#667eea,#5a67d8);box-shadow:0 1px 3px rgba(102,126,234,.3);color:#fff}body.theme-light .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.35)}body.theme-light .btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#1a202c}body.theme-light .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}body.theme-light .time-input input{background:#f8fafc;border-radius:8px;padding:10px 14px}body.theme-light .floating-save{background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06)}body.theme-light .floating-save span{color:#4a5568}body.theme-light .quiet-hours-content{background:transparent}body.theme-light .quiet-hours-content .setting-item{border-bottom-color:#f1f5f9}body.theme-light .quiet-hours-content .setting-name{color:#1a202c}body.theme-light .quiet-hours-content .setting-description{color:#64748b}body.theme-light .time-range{background:#f8fafc}body.theme-light .time-input input{background:#fff;border:1px solid #e2e8f0;color:#1a202c}body.theme-light .time-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}body.theme-light .time-input input::-webkit-calendar-picker-indicator{filter:invert(0)}body.theme-light .time-input label{color:#4a5568}body.theme-light .time-separator{color:#64748b}body.theme-light .spinner{border:3px solid #e2e8f0;border-top-color:#667eea}body.theme-light .loading-state{color:#4a5568}.feedback-modal-overlay{--fm-bg:linear-gradient(135deg,#1a1a2e,#252540);--fm-border:rgba(102,126,234,.2);--fm-shadow:0 20px 60px rgba(0,0,0,.5);--fm-heading:#fff;--fm-close-color:#a0aec0;--fm-close-hover-bg:rgba(102,126,234,.1);--fm-close-hover-color:#fff;--fm-label:#fff;--fm-input-bg:rgba(102,126,234,.05);--fm-input-border:rgba(102,126,234,.2);--fm-input-color:#fff;--fm-input-ph:#a0aec0;--fm-opt-bg:#1a1a2e;--fm-opt-color:#fff;--fm-card-bg:rgba(102,126,234,.05);--fm-card-border:rgba(102,126,234,.2);--fm-card-sel-bg:rgba(102,126,234,.2);--fm-card-sel-border:#667eea;--fm-type-label:#fff;--fm-type-desc:#a0aec0;--fm-sys-sum:#a0aec0;--fm-sys-strong:#fff;--fm-sys-p:#a0aec0;--fm-char:#a0aec0;--fm-err-bg:rgba(255,59,48,.1);--fm-err-border:rgba(255,59,48,.3);--fm-err-color:#ff6b6b;--fm-divider:rgba(102,126,234,.2);--fm-cancel-bg:rgba(102,126,234,.1);--fm-cancel-color:#fff;--fm-upload-bg:rgba(102,126,234,.1);--fm-upload-border:rgba(102,126,234,.3);--fm-upload-color:#667eea;--fm-preview-bg:rgba(102,126,234,.05);--fm-preview-border:rgba(102,126,234,.2);--fm-file-color:#a0aec0;--fm-help:#a0aec0;--fm-scroll-thumb:rgba(102,126,234,.3);--fm-scroll-track:rgba(102,126,234,.05);--fm-success-h:#fff;--fm-success-p:hsla(0,0%,100%,.6);align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}body.theme-light .feedback-modal-overlay{--fm-bg:#fff;--fm-border:#e5e7eb;--fm-shadow:0 20px 60px rgba(0,0,0,.15);--fm-heading:#111827;--fm-close-color:#374151;--fm-close-hover-bg:#f3f4f6;--fm-close-hover-color:#111827;--fm-label:#111827;--fm-input-bg:#f9fafb;--fm-input-border:#d1d5db;--fm-input-color:#111827;--fm-input-ph:#9ca3af;--fm-opt-bg:#fff;--fm-opt-color:#111827;--fm-card-bg:#f9fafb;--fm-card-border:#e5e7eb;--fm-card-sel-bg:rgba(102,126,234,.12);--fm-card-sel-border:#667eea;--fm-type-label:#111827;--fm-type-desc:#4b5563;--fm-sys-sum:#374151;--fm-sys-strong:#111827;--fm-sys-p:#374151;--fm-char:#6b7280;--fm-err-bg:#fef2f2;--fm-err-border:#fca5a5;--fm-err-color:#dc2626;--fm-divider:#e5e7eb;--fm-cancel-bg:#f3f4f6;--fm-cancel-color:#374151;--fm-upload-bg:#eff6ff;--fm-upload-border:#93c5fd;--fm-upload-color:#2563eb;--fm-preview-bg:#f9fafb;--fm-preview-border:#e5e7eb;--fm-file-color:#374151;--fm-help:#6b7280;--fm-scroll-thumb:#d1d5db;--fm-scroll-track:#f3f4f6;--fm-success-h:#111827;--fm-success-p:#374151}.feedback-modal-content{background:var(--fm-bg);border:1px solid var(--fm-border);border-radius:16px;box-shadow:var(--fm-shadow);max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.feedback-modal-header{align-items:center;border-bottom:1px solid var(--fm-divider);display:flex;justify-content:space-between;padding:24px 28px}.feedback-modal-header h2{color:var(--fm-heading);font-size:24px;font-weight:600;margin:0}.feedback-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--fm-close-color);cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.feedback-modal-close:hover{background:var(--fm-close-hover-bg);color:var(--fm-close-hover-color)}.feedback-form{padding:28px}.form-group{margin-bottom:24px;position:relative}.form-group label{color:var(--fm-label);font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--fm-input-bg);border:1px solid var(--fm-input-border);color:var(--fm-input-color);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--fm-input-ph)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(102,126,234,.5);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group select option{background:var(--fm-opt-bg);color:var(--fm-opt-color);padding:8px}.form-group textarea{min-height:120px}.char-count{bottom:-20px;color:var(--fm-char);font-size:12px;position:absolute;right:0}.feedback-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:12px}.feedback-type-card{align-items:center;background:var(--fm-card-bg);border:2px solid var(--fm-card-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:center;transition:all .2s}.feedback-type-card:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.4);transform:translateY(-2px)}.feedback-type-card.selected{background:var(--fm-card-sel-bg);border-color:var(--fm-card-sel-border);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.type-icon{color:#667eea;font-size:28px;margin-bottom:4px}.type-label{color:var(--fm-type-label);font-size:13px;font-weight:600}.type-description{color:var(--fm-type-desc);font-size:11px}.system-info{background:var(--fm-card-bg);border-radius:8px;margin-bottom:24px;padding:16px}.system-info summary{color:var(--fm-sys-sum);cursor:pointer;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.system-info summary:hover{color:var(--fm-heading)}.system-info-content{grid-gap:16px;border-top:1px solid var(--fm-divider);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:12px;padding-top:12px}.info-section{background:rgba(102,126,234,.03);border-radius:6px;padding:12px}.info-section h4{color:#667eea;font-size:13px;font-weight:600;margin:0 0 8px}.system-info-content p{color:var(--fm-sys-p);font-size:12px;line-height:1.4;margin:6px 0;word-break:break-word}.system-info-content strong{color:var(--fm-sys-strong);margin-right:8px}.feedback-error{background:var(--fm-err-bg);border:1px solid var(--fm-err-border);border-radius:8px;color:var(--fm-err-color);font-size:14px;margin-bottom:20px;padding:12px 16px}.feedback-modal-actions{border-top:1px solid var(--fm-divider);display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:20px}.feedback-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-cancel{background:var(--fm-cancel-bg);color:var(--fm-cancel-color)}.btn-cancel:hover:not(:disabled){opacity:.85}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 8px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.feedback-modal-actions button:disabled{cursor:not-allowed;opacity:.5}.file-upload-section{margin-top:8px}.file-upload-button{align-items:center;background:var(--fm-upload-bg);border:2px dashed var(--fm-upload-border);border-radius:8px;color:var(--fm-upload-color);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.file-upload-button:hover{opacity:.85;transform:translateY(-1px)}.file-preview{background:var(--fm-preview-bg);border:1px solid var(--fm-preview-border);border-radius:8px;margin-top:12px;padding:12px}.preview-image{border-radius:6px;display:block;margin-bottom:8px;max-height:200px;max-width:100%}.file-info{align-items:center;color:var(--fm-file-color);display:flex;gap:8px;margin-bottom:8px}.file-info svg{color:#667eea;font-size:24px}.remove-file-btn{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.remove-file-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.help-text{color:var(--fm-help);display:block;font-size:12px;margin-top:8px}.feedback-modal-content::-webkit-scrollbar{width:8px}.feedback-modal-content::-webkit-scrollbar-track{background:var(--fm-scroll-track)}.feedback-modal-content::-webkit-scrollbar-thumb{background:var(--fm-scroll-thumb);border-radius:4px}.feedback-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.feedback-success-message{animation:feedbackSuccessFadeIn .4s ease-out;flex-direction:column;padding:60px 40px;text-align:center}.feedback-success-icon,.feedback-success-message{align-items:center;display:flex;justify-content:center}.feedback-success-icon{animation:feedbackSuccessBounce .5s ease-out .1s both;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;font-size:36px;font-weight:700;height:72px;margin-bottom:20px;width:72px}.feedback-success-message h2{color:var(--fm-success-h);font-size:24px;margin:0 0 12px}.feedback-success-message p{color:var(--fm-success-p);font-size:15px;margin:0;max-width:350px}@keyframes feedbackSuccessFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes feedbackSuccessBounce{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-width:768px){.feedback-modal-overlay{padding:0}.feedback-modal-content{border-radius:0;max-height:100vh}.feedback-type-grid{grid-template-columns:repeat(2,1fr)}.feedback-modal-actions{flex-direction:column}.feedback-modal-actions button{width:100%}}.feedback-page{--fp-h1:#fff;--fp-subtitle:#a0aec0;--fp-tab-color:#a0aec0;--fp-tab-hover:#fff;--fp-tab-divider:rgba(102,126,234,.2);--fp-filter-bg:rgba(102,126,234,.05);--fp-filter-bd:rgba(102,126,234,.2);--fp-filter-col:#fff;--fp-filter-opt:#1a1a2e;--fp-empty:#a0aec0;--fp-item-bg:rgba(102,126,234,.05);--fp-item-bd:rgba(102,126,234,.2);--fp-item-hover:rgba(102,126,234,.08);--fp-item-hv-bd:rgba(102,126,234,.4);--fp-vote-bg:rgba(102,126,234,.1);--fp-vote-bd:rgba(102,126,234,.3);--fp-vote-count:#fff;--fp-title:#fff;--fp-desc:#a0aec0;--fp-footer-bd:rgba(102,126,234,.2);--fp-author:#a0aec0;--fp-stats:#a0aec0;--fp-resp-color:#a0aec0;margin:0 auto;max-width:1200px;padding:32px}body.theme-light .feedback-page{--fp-h1:#111827;--fp-subtitle:#374151;--fp-tab-color:#374151;--fp-tab-hover:#111827;--fp-tab-divider:#e5e7eb;--fp-filter-bg:#fff;--fp-filter-bd:#d1d5db;--fp-filter-col:#111827;--fp-filter-opt:#fff;--fp-empty:#374151;--fp-item-bg:#fff;--fp-item-bd:#e5e7eb;--fp-item-hover:#f9fafb;--fp-item-hv-bd:#d1d5db;--fp-vote-bg:rgba(102,126,234,.08);--fp-vote-bd:rgba(102,126,234,.25);--fp-vote-count:#111827;--fp-title:#111827;--fp-desc:#374151;--fp-footer-bd:#e5e7eb;--fp-author:#374151;--fp-stats:#374151;--fp-resp-color:#374151}.feedback-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.header-content h1{color:var(--fp-h1);font-size:32px;font-weight:700;margin:0 0 8px}.header-content p{color:var(--fp-subtitle);font-size:16px;margin:0}.btn-new-feedback{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-new-feedback:hover{box-shadow:0 8px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.feedback-tabs{border-bottom:2px solid var(--fp-tab-divider);display:flex;gap:12px;margin-bottom:24px}.feedback-tabs .tab{background:none;border:none;color:var(--fp-tab-color);cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;position:relative;transition:all .2s}.feedback-tabs .tab:hover{color:var(--fp-tab-hover)}.feedback-tabs .tab.active{color:#667eea}.feedback-tabs .tab.active:after{background:#667eea;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.feedback-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.feedback-filters select{background:var(--fp-filter-bg);border:1px solid var(--fp-filter-bd);border-radius:8px;color:var(--fp-filter-col);cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.feedback-filters select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.feedback-filters select option{background:var(--fp-filter-opt);color:var(--fp-filter-col)}.empty-state,.loading-state{color:var(--fp-empty);padding:64px 32px;text-align:center}.empty-state button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .2s}.empty-state button:hover{box-shadow:0 8px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.feedback-list{display:flex;flex-direction:column;gap:16px}.feedback-item{background:var(--fp-item-bg);border:1px solid var(--fp-item-bd);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s}.feedback-item:hover{background:var(--fp-item-hover);border-color:var(--fp-item-hv-bd);transform:translateX(4px)}.feedback-vote{flex-direction:column;gap:4px;min-width:48px}.feedback-vote,.vote-btn{align-items:center;display:flex}.vote-btn{background:var(--fp-vote-bg);border:1px solid var(--fp-vote-bd);border-radius:8px;color:#667eea;cursor:pointer;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.vote-btn:hover{background:rgba(102,126,234,.2);border-color:#667eea;transform:translateY(-2px)}.vote-btn.voted{background:#667eea;border-color:#667eea;color:#fff}.vote-count{color:var(--fp-vote-count);font-size:14px;font-weight:700}.feedback-content{flex:1 1}.feedback-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.feedback-type{font-size:20px}.status-badge{font-size:12px;font-weight:600}.priority-badge,.status-badge{border-radius:12px;color:#fff;padding:4px 12px}.priority-badge{font-size:11px;font-weight:700;text-transform:uppercase}.feedback-title{color:var(--fp-title);font-size:18px;font-weight:600;margin:0 0 8px}.feedback-description{color:var(--fp-desc);font-size:14px;line-height:1.6;margin:0 0 12px}.admin-response-preview{background:rgba(72,187,120,.1);border-left:3px solid #48bb78;border-radius:4px;color:var(--fp-resp-color);font-size:13px;margin:12px 0;padding:12px}.admin-response-preview strong{color:#48bb78;display:block;margin-bottom:4px}.feedback-footer{align-items:center;border-top:1px solid var(--fp-footer-bd);display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.feedback-author{align-items:center;display:flex;gap:8px}.avatar-placeholder,.feedback-author img{border-radius:50%;height:28px;object-fit:cover;width:28px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:11px;font-weight:600;justify-content:center}.feedback-author span{color:var(--fp-author);font-size:13px}.feedback-stats{color:var(--fp-stats);display:flex;font-size:13px;gap:16px}@media (max-width:768px){.feedback-page{padding:20px 16px}.feedback-header{align-items:flex-start;flex-direction:column}.btn-new-feedback{width:100%}.feedback-filters{flex-direction:column}.feedback-filters select{width:100%}.feedback-item{flex-direction:column}.feedback-vote{flex-direction:row;justify-content:flex-start}.feedback-footer{align-items:flex-start;flex-direction:column;gap:12px}.feedback-stats{justify-content:space-between;width:100%}}.feedback-detail-page{--fd-back-color:#667eea;--fd-back-bg:rgba(102,126,234,.1);--fd-back-bd:rgba(102,126,234,.2);--fd-main-bg:rgba(102,126,234,.05);--fd-main-bd:rgba(102,126,234,.2);--fd-title:#fff;--fd-author-bg:rgba(102,126,234,.05);--fd-author-name:#fff;--fd-date:#a0aec0;--fd-stat:#a0aec0;--fd-desc-h:#fff;--fd-desc-p:#a0aec0;--fd-screen-h:#fff;--fd-screen-bd:rgba(102,126,234,.2);--fd-sys-bg:rgba(102,126,234,.05);--fd-sys-sum:#fff;--fd-sys-grid-bd:rgba(102,126,234,.2);--fd-info-strong:#fff;--fd-info-span:#a0aec0;--fd-resp-p:#a0aec0;--fd-resp-date:#a0aec0;--fd-act-bd:rgba(102,126,234,.2);--fd-comment-bg:rgba(102,126,234,.05);--fd-comment-bd:rgba(102,126,234,.2);--fd-comm-sec-bd:2px solid rgba(102,126,234,.2);--fd-comm-h:#fff;--fd-cf-bg:rgba(102,126,234,.05);--fd-cf-bd:rgba(102,126,234,.2);--fd-cf-ta-bg:rgba(102,126,234,.05);--fd-cf-ta-bd:rgba(102,126,234,.2);--fd-cf-ta-color:#fff;--fd-cf-ta-ph:#a0aec0;--fd-ca-name:#fff;--fd-ca-date:#a0aec0;--fd-ca-content:#a0aec0;--fd-panel-bg:rgba(102,126,234,.05);--fd-panel-bd:rgba(102,126,234,.2);--fd-panel-h:#fff;--fd-adm-label:#fff;--fd-adm-sel-bg:rgba(102,126,234,.05);--fd-adm-sel-bd:rgba(102,126,234,.2);--fd-adm-sel-col:#fff;--fd-adm-opt-bg:#1a1a2e;--fd-state-color:#a0aec0;margin:0 auto;max-width:1400px;padding:32px}body.theme-light .feedback-detail-page{--fd-back-color:#667eea;--fd-back-bg:rgba(102,126,234,.08);--fd-back-bd:rgba(102,126,234,.2);--fd-main-bg:#fff;--fd-main-bd:#e5e7eb;--fd-title:#111827;--fd-author-bg:#f9fafb;--fd-author-name:#111827;--fd-date:#374151;--fd-stat:#374151;--fd-desc-h:#111827;--fd-desc-p:#374151;--fd-screen-h:#111827;--fd-screen-bd:#e5e7eb;--fd-sys-bg:#f9fafb;--fd-sys-sum:#111827;--fd-sys-grid-bd:#e5e7eb;--fd-info-strong:#111827;--fd-info-span:#374151;--fd-resp-p:#374151;--fd-resp-date:#6b7280;--fd-act-bd:#e5e7eb;--fd-comment-bg:#fff;--fd-comment-bd:#e5e7eb;--fd-comm-sec-bd:2px solid #e5e7eb;--fd-comm-h:#111827;--fd-cf-bg:#f9fafb;--fd-cf-bd:#e5e7eb;--fd-cf-ta-bg:#fff;--fd-cf-ta-bd:#d1d5db;--fd-cf-ta-color:#111827;--fd-cf-ta-ph:#9ca3af;--fd-ca-name:#111827;--fd-ca-date:#374151;--fd-ca-content:#374151;--fd-panel-bg:#fff;--fd-panel-bd:#e5e7eb;--fd-panel-h:#111827;--fd-adm-label:#111827;--fd-adm-sel-bg:#fff;--fd-adm-sel-bd:#d1d5db;--fd-adm-sel-col:#111827;--fd-adm-opt-bg:#fff;--fd-state-color:#374151}.btn-back{background:var(--fd-back-bg);border:1px solid var(--fd-back-bd);color:var(--fd-back-color);font-size:14px;margin-bottom:24px;padding:10px 20px;transition:all .2s}.btn-back:hover{background:rgba(102,126,234,.2);border-color:#667eea}.feedback-detail-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px}.feedback-main{background:var(--fd-main-bg);border:1px solid var(--fd-main-bd);border-radius:16px;padding:32px}.feedback-header-detail{margin-bottom:24px}.feedback-meta-detail{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.type-icon-large{font-size:32px}.feedback-title-detail{color:var(--fd-title);font-size:32px;font-weight:700;line-height:1.3;margin:0 0 12px}.category-tag{background:rgba(102,126,234,.2);border-radius:6px;color:#667eea;display:inline-block;font-size:13px;font-weight:500;padding:6px 12px}.feedback-author-info{align-items:center;background:var(--fd-author-bg);border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding:20px}.author-details{align-items:center;display:flex;gap:12px}.author-avatar,.author-avatar-placeholder{border-radius:50%;height:48px;object-fit:cover;width:48px}.author-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center}.author-name{color:var(--fd-author-name);font-size:16px;font-weight:600;margin-bottom:4px}.feedback-date{color:var(--fd-date);font-size:13px}.feedback-stats-detail{align-items:center;display:flex;gap:20px}.stat-item{color:var(--fd-stat);font-size:15px;font-weight:500}.vote-button-large{background:rgba(102,126,234,.1);border:2px solid rgba(102,126,234,.3);border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:all .2s}.vote-button-large:hover{background:rgba(102,126,234,.2);border-color:#667eea;transform:translateY(-2px)}.vote-button-large.voted{background:#667eea;border-color:#667eea;color:#fff}.feedback-description-detail{margin-bottom:32px}.feedback-description-detail h3{color:var(--fd-desc-h);font-size:18px;margin-bottom:12px}.feedback-description-detail p{color:var(--fd-desc-p);font-size:15px;line-height:1.7;white-space:pre-wrap}.feedback-screenshot{margin-bottom:32px}.feedback-screenshot h3{color:var(--fd-screen-h);font-size:18px;margin-bottom:12px}.feedback-screenshot img{border:1px solid var(--fd-screen-bd);border-radius:8px;max-width:100%}.system-info-section{background:var(--fd-sys-bg);border-radius:12px;margin-bottom:32px;padding:20px}.system-info-section summary{color:var(--fd-sys-sum);cursor:pointer;font-size:15px;font-weight:600;-webkit-user-select:none;user-select:none}.system-info-section summary:hover{color:#667eea}.system-info-grid{grid-gap:16px;border-top:1px solid var(--fd-sys-grid-bd);display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px;padding-top:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item strong{color:var(--fd-info-strong);font-size:13px}.info-item a,.info-item span{color:var(--fd-info-span);font-size:13px;word-break:break-word}.info-item a:hover{color:#667eea}.admin-response-section{background:rgba(72,187,120,.1);border-left:4px solid #48bb78;border-radius:8px;margin-bottom:32px;padding:20px}.admin-response-section h3{color:#48bb78;font-size:18px;margin:0 0 12px}.admin-response-section p{color:var(--fd-resp-p);font-size:15px;line-height:1.7;margin:0;white-space:pre-wrap}.response-date{color:var(--fd-resp-date);font-size:12px;font-style:italic;margin-top:12px}.actions-section{border-top:1px solid var(--fd-act-bd);margin-bottom:32px;padding-top:24px}.btn-delete{background:hsla(0,88%,68%,.1);border:1px solid hsla(0,88%,68%,.3);border-radius:8px;color:#f56565;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-delete:hover{background:hsla(0,88%,68%,.2);border-color:#f56565}.comments-section{border-top:var(--fd-comm-sec-bd);padding-top:32px}.comments-section h3{color:var(--fd-comm-h);font-size:20px;margin-bottom:20px}.comment-form{background:var(--fd-cf-bg);border:1px solid var(--fd-cf-bd);border-radius:12px;margin-bottom:24px;padding:16px}.comment-form textarea{background:var(--fd-cf-ta-bg);border:1px solid var(--fd-cf-ta-bd);border-radius:8px;color:var(--fd-cf-ta-color);font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.comment-form textarea::placeholder{color:var(--fd-cf-ta-ph)}.comment-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.comment-form-actions{align-items:center;display:flex;justify-content:space-between}.comment-form-actions button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.comment-form-actions button:hover:not(:disabled){box-shadow:0 6px 16px rgba(102,126,234,.4);transform:translateY(-2px)}.comment-form-actions button:disabled{cursor:not-allowed;opacity:.5}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:var(--fd-comment-bg);border:1px solid var(--fd-comment-bd);border-radius:12px;padding:16px}.comment-item.admin-comment{background:rgba(72,187,120,.05);border-color:rgba(72,187,120,.3)}.comment-header{margin-bottom:12px}.comment-author{align-items:center;display:flex;gap:12px}.comment-author img,.comment-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.comment-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;justify-content:center}.comment-author-name,.comment-avatar{align-items:center;display:flex;font-weight:600}.comment-author-name{color:var(--fd-ca-name);font-size:14px;gap:8px}.admin-badge{background:#48bb78;border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px}.comment-date{color:var(--fd-ca-date);font-size:12px;margin-top:2px}.comment-content{color:var(--fd-ca-content);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.feedback-admin-panel{background:var(--fd-panel-bg);border:1px solid var(--fd-panel-bd);border-radius:16px;height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:24px}.feedback-admin-panel h3{color:var(--fd-panel-h);font-size:18px;margin:0 0 20px}.admin-form-group{margin-bottom:20px;position:relative}.admin-form-group label{color:var(--fd-adm-label);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.admin-form-group select,.admin-form-group textarea{background:var(--fd-adm-sel-bg);border:1px solid var(--fd-adm-sel-bd);border-radius:8px;color:var(--fd-adm-sel-col);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.admin-form-group select option{background:var(--fd-adm-opt-bg)}.admin-form-group textarea{min-height:120px;resize:vertical}.btn-update-admin{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s;width:100%}.btn-update-admin:hover:not(:disabled){box-shadow:0 8px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.btn-update-admin:disabled{cursor:not-allowed;opacity:.5}.error-state,.loading-state{color:var(--fd-state-color);font-size:16px;padding:64px 32px;text-align:center}@media (max-width:1024px){.feedback-detail-container{grid-template-columns:1fr}.feedback-admin-panel{position:static}}@media (max-width:768px){.feedback-detail-page{padding:20px 16px}.feedback-main{padding:20px}.feedback-title-detail{font-size:24px}.feedback-author-info{align-items:flex-start;flex-direction:column}.system-info-grid{grid-template-columns:1fr}}.ai-hub{margin:0 auto;max-width:1200px;padding:0 4px}.ai-loading{align-items:center;color:#94a3b8;display:flex;font-size:15px;gap:12px;justify-content:center;padding:60px 20px}.ai-loading svg{color:#667eea;font-size:20px}.ai-hub-header{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.08));border:1px solid rgba(99,102,241,.25);border-radius:16px;justify-content:space-between;margin-bottom:16px;padding:20px 24px}.ai-hub-header,.header-title{align-items:center;display:flex}.header-title{gap:12px}.header-title svg{color:#818cf8;font-size:22px}.header-title h2{color:#f1f5f9;font-size:22px;font-weight:700;margin:0}.header-subtitle{color:#94a3b8;font-size:13px;margin-left:4px}.ai-generate-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.ai-generate-btn:hover:not(:disabled){box-shadow:0 4px 16px rgba(99,102,241,.4);transform:translateY(-1px)}.ai-generate-btn:disabled{cursor:not-allowed;opacity:.6}.ai-hub-tabs{background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.12);border-radius:14px;display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;padding:4px}.hub-tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 18px;transition:all .2s;white-space:nowrap}.hub-tab:hover{background:rgba(148,163,184,.08);color:#cbd5e1}.hub-tab.active{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3);color:#a5b4fc;font-weight:600}.tab-badge{background:rgba(99,102,241,.3);border-radius:10px;color:#a5b4fc;font-size:11px;font-weight:700;min-width:20px;padding:2px 7px;text-align:center}.ai-hub-content{min-height:400px}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.summary-card{align-items:center;background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.12);border-radius:12px;display:flex;gap:14px;padding:16px 18px;transition:border-color .2s}.summary-card:hover{border-color:rgba(148,163,184,.25)}.card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.card-icon.items{background:rgba(99,102,241,.15);color:#818cf8}.card-icon.value{background:rgba(16,185,129,.15);color:#34d399}.card-icon.categories{background:rgba(245,158,11,.15);color:#fbbf24}.card-icon.reminders{background:rgba(239,68,68,.15);color:#f87171}.card-info{display:flex;flex-direction:column;gap:2px}.card-value{color:#f1f5f9;font-size:20px;font-weight:700}.card-label{color:#94a3b8;font-size:12px}.ai-summary-box{background:rgba(15,23,42,.5);border:1px solid rgba(99,102,241,.2);border-radius:12px;margin-bottom:16px;padding:18px 20px}.summary-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.summary-header svg{color:#818cf8;font-size:16px}.summary-header h4{color:#e2e8f0;font-size:15px;font-weight:600;margin:0}.summary-text{color:#cbd5e1;font-size:14px;line-height:1.6;margin:0 0 12px}.top-categories{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.cat-label{color:#94a3b8;font-size:12px;font-weight:500}.cat-pill{background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.2);border-radius:20px;color:#a5b4fc;font-size:12px;padding:3px 10px}.valuable-item{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:8px}.item-value{color:#34d399;font-weight:600}.overview-quick{display:flex;flex-direction:column;gap:8px}.quick-alert{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;transition:all .2s}.quick-alert:hover{transform:translateX(4px)}.quick-alert svg:last-child{font-size:12px;margin-left:auto;opacity:.5}.quick-alert.warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:#fbbf24}.quick-alert.info{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);color:#a5b4fc}.quick-alert.neutral{background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.15);color:#cbd5e1}.item-link,.item-link-inline,.item-link-sm{align-items:center;background:none;border:none;border-radius:4px;color:#818cf8;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:2px 6px;text-decoration:none;transition:all .15s}.item-link-inline:hover,.item-link-sm:hover,.item-link:hover{background:rgba(99,102,241,.12);color:#a5b4fc;text-decoration:underline}.item-link svg,.item-link-inline svg{font-size:10px}.item-link-sm{padding:1px 4px}.item-link-inline,.item-link-sm{font-size:12px}.locked-item-link{color:#f59e0b!important;font-style:italic;letter-spacing:.5px}.locked-item-link:hover{background:rgba(245,158,11,.12)!important;color:#fbbf24!important}.tab-toolbar{justify-content:space-between;margin-bottom:8px;padding:10px 0}.filter-group,.tab-toolbar{align-items:center;display:flex}.filter-group{color:#94a3b8;font-size:13px;gap:8px}.filter-group select{background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:13px;padding:6px 12px}.filter-group select:focus{border-color:rgba(99,102,241,.5);outline:none}.add-btn{align-items:center;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#a5b4fc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.add-btn:hover{background:rgba(99,102,241,.25)}.new-form{background:rgba(15,23,42,.7);border:1px solid rgba(99,102,241,.25);border-radius:12px;margin-bottom:16px;overflow:hidden}.form-header{align-items:center;border-bottom:1px solid rgba(148,163,184,.1);display:flex;justify-content:space-between;padding:12px 16px}.form-header h4{color:#e2e8f0;font-size:14px;margin:0}.form-header button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}.form-body{display:flex;flex-direction:column;gap:10px;padding:14px 16px}.form-hint{color:#94a3b8;font-size:12px;margin:-2px 0 4px}.form-body input[type=date],.form-body input[type=text],.form-body input[type=time],.form-body select,.form-body textarea{background:rgba(8,12,26,.7);border:1px solid rgba(148,163,184,.2);border-radius:8px;box-sizing:border-box;color:#f1f5f9;font-size:13px;padding:9px 12px;width:100%}.form-body input:focus,.form-body select:focus,.form-body textarea:focus{border-color:rgba(99,102,241,.5);outline:none}.form-body textarea{font-family:inherit;min-height:60px;resize:vertical}.form-row{grid-gap:10px;gap:10px}.date-time-row{grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid rgba(148,163,184,.1);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.btn-cancel{background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.2);color:#94a3b8}.btn-cancel,.btn-save{font-size:13px;padding:8px 16px}.btn-save{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600}.btn-save:disabled{cursor:not-allowed;opacity:.5}.tags-input{display:flex;flex-direction:column;gap:8px}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag{align-items:center;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.2);border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:12px;gap:4px;padding:3px 10px}.tag button{background:none;border:none;color:#a5b4fc;cursor:pointer;font-size:10px;padding:0}.tag-input-row{align-items:center;display:flex;gap:8px}.tag-input-row svg{color:#94a3b8;font-size:13px}.tag-input-row input{background:rgba(8,12,26,.7);border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#f1f5f9;flex:1 1;font-size:12px;padding:6px 10px}.tag-input-row button{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#a5b4fc;cursor:pointer;font-size:12px;padding:6px 12px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 20px;text-align:center}.empty-state svg{color:#64748b;font-size:32px;margin-bottom:12px}.empty-state p{color:#e2e8f0;font-size:16px;font-weight:600;margin:0 0 4px}.empty-state span{color:#94a3b8;font-size:13px}.generate-report-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:10px 20px}.reminders-list{display:flex;flex-direction:column;gap:6px}.reminder-item{align-items:flex-start;background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.1);border-radius:10px;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.reminder-item:hover{border-color:rgba(148,163,184,.2)}.reminder-item.completed{opacity:.5}.reminder-item.completed .reminder-title{text-decoration:line-through}.reminder-item.ai-suggestion{border-left:3px solid rgba(99,102,241,.5)}.reminder-item.overdue{border-left:3px solid #ef4444}.checkbox{align-items:center;background:transparent;border:2px solid rgba(148,163,184,.3);border-radius:50%;color:transparent;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:2px;transition:all .2s;width:28px}.checkbox:hover{border-color:#818cf8;color:#818cf8}.reminder-item.completed .checkbox{background:#818cf8;border-color:#818cf8;color:#fff}.reminder-content{flex:1 1;min-width:0}.reminder-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.reminder-title{color:#f1f5f9;font-size:14px;font-weight:600}.ai-badge{align-items:center;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.reminder-description{color:#94a3b8;font-size:13px;line-height:1.4;margin:2px 0 6px}.reminder-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.reminder-type{color:#94a3b8;color:var(--type-color,#94a3b8);text-transform:capitalize}.reminder-due,.reminder-type{align-items:center;display:flex;font-size:12px;gap:4px}.reminder-due{color:#94a3b8}.reminder-due.overdue{color:#ef4444;font-weight:600}.reminder-priority{font-size:12px;font-weight:600;text-transform:capitalize}.reminder-assignee{background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.2);border-radius:999px;color:#a5b4fc;font-size:12px;padding:2px 8px}.reminder-actions{display:flex;gap:6px;opacity:1;transition:opacity .2s}.reminder-item:hover .reminder-actions{opacity:1}.reminder-actions button{background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#94a3b8;cursor:pointer;font-size:13px;padding:6px 8px;transition:all .2s}.reminder-actions button:hover{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3);color:#cbd5e1;transform:translateY(-1px)}.reminder-actions button.delete-btn:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#fca5a5}.reminder-actions button.complete-btn{border-color:rgba(16,185,129,.3);color:#10b981}.reminder-actions button.complete-btn:hover{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.4)}.reminder-actions button.incomplete-btn:hover{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.3);color:#fbbf24}.notes-list{display:flex;flex-direction:column;gap:6px}.note-item{background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.1);border-radius:10px;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.note-item:hover{border-color:rgba(148,163,184,.2)}.note-item.pinned{border-left:3px solid #fbbf24}.note-item.ai-generated{border-left:3px solid #818cf8}.note-content{flex:1 1;min-width:0}.note-content p{color:#e2e8f0;font-size:14px;line-height:1.5;margin:0 0 6px}.ai-context{align-items:center;color:#818cf8;font-size:12px;gap:6px}.ai-context,.note-tags{display:flex;margin-bottom:6px}.note-tags{flex-wrap:wrap;gap:4px}.note-footer{align-items:center;display:flex;gap:10px}.note-date{color:#64748b;font-size:12px}.note-assignee{background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.2);border-radius:999px;color:#a5b4fc;font-size:12px;padding:2px 8px}.note-actions{display:flex;flex-direction:column;gap:6px;opacity:1;transition:opacity .2s}.note-item:hover .note-actions{opacity:1}.note-actions button{background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#94a3b8;cursor:pointer;font-size:13px;padding:6px 8px;transition:all .2s}.note-actions button:hover{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3);color:#cbd5e1;transform:translateX(2px)}.note-actions button.delete-btn:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#fca5a5}.note-actions button.active{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.4);color:#fbbf24}.insights-list{display:flex;flex-direction:column;gap:8px}.insight-item{background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.1);border-radius:12px;display:flex;gap:14px;padding:16px 18px;transition:all .2s}.insight-item:hover{border-color:rgba(148,163,184,.2)}.insight-item.suggestion{border-left:3px solid #818cf8}.insight-item.warning{border-left:3px solid #f59e0b}.insight-item.tip{border-left:3px solid #10b981}.insight-item.analysis{border-left:3px solid #8b5cf6}.insight-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.insight-item.suggestion .insight-icon{background:rgba(99,102,241,.15);color:#818cf8}.insight-item.warning .insight-icon{background:rgba(245,158,11,.15);color:#fbbf24}.insight-item.tip .insight-icon{background:rgba(16,185,129,.15);color:#34d399}.insight-item.analysis .insight-icon{background:rgba(139,92,246,.15);color:#a78bfa}.insight-content{flex:1 1;min-width:0}.insight-content h4{color:#f1f5f9;font-size:14px;font-weight:600;margin:0 0 4px}.insight-content p{color:#cbd5e1;font-size:13px;line-height:1.5;margin:0 0 8px}.insight-items{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.items-label{color:#94a3b8;font-size:12px;font-weight:500}.insight-meta{align-items:center;display:flex;gap:12px}.confidence{color:#64748b;font-size:12px}.action-btn{align-items:center;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#a5b4fc;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:5px 12px;transition:all .2s}.action-btn:hover{background:rgba(99,102,241,.25)}.dismiss-btn{align-self:flex-start;background:none;border:none;color:#475569;cursor:pointer;font-size:14px;padding:4px 6px}.dismiss-btn:hover{color:#94a3b8}.report-content{display:flex;flex-direction:column;gap:12px}.report-header-info{align-items:center;background:rgba(15,23,42,.5);border:1px solid rgba(99,102,241,.2);border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;padding:16px 20px}.report-header-info>svg{color:#818cf8;font-size:24px}.report-header-info>div{flex:1 1;min-width:220px}.report-header-info h4{color:#f1f5f9;font-size:16px;font-weight:600;margin:0}.report-header-info span{color:#94a3b8;font-size:12px}.refresh-btn{align-items:center;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#a5b4fc;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;gap:6px;margin-left:auto;max-width:100%;overflow:hidden;padding:8px 14px;white-space:nowrap}.refresh-btn:hover{background:rgba(99,102,241,.25)}.report-section{background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:18px 20px}.report-section h4{color:#e2e8f0;font-size:15px;font-weight:600;margin:0 0 8px}.report-section p{color:#cbd5e1;font-size:14px;line-height:1.5;margin:0 0 12px}.report-stats{display:flex;gap:20px}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{color:#f1f5f9;font-size:22px;font-weight:700}.stat-label{color:#94a3b8;font-size:12px}.report-bars{gap:10px}.bar-item,.report-bars{display:flex;flex-direction:column}.bar-item{gap:4px}.bar-label{display:flex;font-size:13px;justify-content:space-between}.bar-label span:first-child{color:#e2e8f0;font-weight:500}.bar-label span:last-child{color:#94a3b8}.bar-track{background:rgba(148,163,184,.1);border-radius:3px;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;min-width:4px;transition:width .5s ease}.bar-items{display:flex;flex-wrap:wrap;gap:4px}.condition-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.condition-card{background:rgba(15,23,42,.4);border:1px solid rgba(148,163,184,.1);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.condition-card.new{border-left:3px solid #10b981}.condition-card.like_new{border-left:3px solid #34d399}.condition-card.good{border-left:3px solid #818cf8}.condition-card.fair{border-left:3px solid #f59e0b}.condition-card.poor{border-left:3px solid #ef4444}.cond-name{color:#e2e8f0;font-size:13px;font-weight:600;text-transform:capitalize}.cond-count{color:#94a3b8;font-size:12px}.cond-items{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.completeness-list{display:flex;flex-direction:column;gap:8px}.incomplete-item{align-items:center;background:rgba(15,23,42,.4);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:8px 12px}.missing-tags{display:flex;flex-wrap:wrap;gap:4px}.missing-tag{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:20px;color:#fca5a5;font-size:11px;padding:2px 8px}.recommendations-list{margin:0;padding-left:20px}.recommendations-list li{color:#cbd5e1;font-size:14px;line-height:1.5;margin-bottom:6px}@media (max-width:768px){.summary-grid{grid-template-columns:repeat(2,1fr)}.ai-hub-tabs{flex-wrap:nowrap}.hub-tab{font-size:12px;padding:8px 12px}.hub-tab span{display:none}.ai-hub-header{align-items:stretch;flex-direction:column;gap:12px}.header-subtitle{display:none}.report-stats{flex-wrap:wrap}.condition-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.summary-grid{grid-template-columns:1fr 1fr}.date-time-row,.form-row{grid-template-columns:1fr}}body.theme-light .ai-hub-header{background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(139,92,246,.04));border-color:#e2e8f0}body.theme-light .header-title h2{color:#1e293b}body.theme-light .ai-hub .header-subtitle,body.theme-light .ai-loading{color:#64748b}body.theme-light .ai-hub-tabs{background:#f1f5f9;border-color:#e2e8f0}body.theme-light .hub-tab{color:#64748b}body.theme-light .hub-tab:hover{background:rgba(99,102,241,.06);color:#374151}body.theme-light .hub-tab.active{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.25);color:#4f46e5}body.theme-light .tab-badge{background:rgba(99,102,241,.12);color:#4f46e5}body.theme-light .summary-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}body.theme-light .card-value{color:#1e293b}body.theme-light .card-label{color:#64748b}body.theme-light .ai-summary-box{background:#fff;border-color:rgba(99,102,241,.15)}body.theme-light .summary-header h4{color:#1e293b}body.theme-light .summary-text{color:#475569}body.theme-light .cat-label{color:#64748b}body.theme-light .cat-pill{background:rgba(99,102,241,.06);border-color:rgba(99,102,241,.15);color:#4f46e5}body.theme-light .valuable-item{color:#64748b}body.theme-light .quick-alert.neutral{background:#f8fafc;border-color:#e2e8f0;color:#374151}body.theme-light .filter-group{color:#64748b}body.theme-light .filter-group select{background:#fff;border-color:#e2e8f0;color:#1e293b}body.theme-light .add-btn{background:rgba(99,102,241,.06);border-color:rgba(99,102,241,.2);color:#4f46e5}body.theme-light .add-btn:hover{background:rgba(99,102,241,.12)}body.theme-light .new-form{background:#fff;border-color:#e2e8f0}body.theme-light .form-header{border-color:#f1f5f9}body.theme-light .form-header h4{color:#1e293b}body.theme-light .form-header button{color:#94a3b8}body.theme-light .form-hint{color:#64748b}body.theme-light .form-body input[type=date],body.theme-light .form-body input[type=text],body.theme-light .form-body input[type=time],body.theme-light .form-body select,body.theme-light .form-body textarea{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}body.theme-light .form-body input:focus,body.theme-light .form-body select:focus,body.theme-light .form-body textarea:focus{background:#fff;border-color:rgba(99,102,241,.5)}body.theme-light .btn-cancel{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}body.theme-light .tag{background:rgba(99,102,241,.06);border-color:rgba(99,102,241,.15);color:#4f46e5}body.theme-light .tag-input-row input{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}body.theme-light .tag-input-row button{background:rgba(99,102,241,.06);border-color:rgba(99,102,241,.2);color:#4f46e5}body.theme-light .reminder-item{background:#fff;border-color:#e2e8f0}body.theme-light .reminder-item:hover{border-color:#cbd5e1}body.theme-light .reminder-title{color:#1e293b}body.theme-light .reminder-description,body.theme-light .reminder-due,body.theme-light .reminder-type{color:#64748b}body.theme-light .reminder-priority{color:#374151}body.theme-light .checkbox{border-color:#cbd5e1}body.theme-light .checkbox:hover{border-color:#667eea}body.theme-light .reminder-actions button{background:#f8fafc;border-color:#e2e8f0;color:#64748b}body.theme-light .reminder-actions button:hover{background:rgba(99,102,241,.06);border-color:rgba(99,102,241,.2);color:#4f46e5}body.theme-light .note-item{background:#fff;border-color:#e2e8f0}body.theme-light .note-item:hover{border-color:#cbd5e1}body.theme-light .note-content p{color:#1e293b}body.theme-light .note-date{color:#94a3b8}body.theme-light .note-actions button{background:#f8fafc;border-color:#e2e8f0;color:#64748b}body.theme-light .note-actions button:hover{background:rgba(99,102,241,.06);border-color:rgba(99,102,241,.2);color:#4f46e5}body.theme-light .insight-item{background:#fff;border-color:#e2e8f0}body.theme-light .insight-item:hover{border-color:#cbd5e1}body.theme-light .insight-content h4{color:#1e293b}body.theme-light .insight-content p{color:#475569}body.theme-light .items-label{color:#64748b}body.theme-light .confidence{color:#94a3b8}body.theme-light .action-btn{background:rgba(99,102,241,.06);border-color:rgba(99,102,241,.2);color:#4f46e5}body.theme-light .action-btn:hover{background:rgba(99,102,241,.12)}body.theme-light .dismiss-btn{color:#94a3b8}body.theme-light .dismiss-btn:hover{color:#64748b}body.theme-light .report-header-info{background:#fff;border-color:rgba(99,102,241,.15)}body.theme-light .report-header-info h4{color:#1e293b}body.theme-light .report-header-info span{color:#64748b}body.theme-light .refresh-btn{background:rgba(99,102,241,.06);border-color:rgba(99,102,241,.2);color:#4f46e5}body.theme-light .report-section{background:#fff;border-color:#e2e8f0}body.theme-light .report-section h4{color:#1e293b}body.theme-light .report-section p{color:#475569}body.theme-light .stat-value{color:#1e293b}body.theme-light .stat-label{color:#64748b}body.theme-light .bar-label span:first-child{color:#374151}body.theme-light .bar-label span:last-child{color:#94a3b8}body.theme-light .bar-track{background:#f1f5f9}body.theme-light .condition-card{background:#f8fafc;border-color:#e2e8f0}body.theme-light .cond-name{color:#374151}body.theme-light .cond-count{color:#64748b}body.theme-light .incomplete-item{background:#f8fafc}body.theme-light .missing-tag{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15);color:#dc2626}body.theme-light .recommendations-list li{color:#475569}body.theme-light .ai-hub .empty-state p{color:#1e293b}body.theme-light .ai-hub .empty-state span{color:#64748b}.accounting{animation:acctFadeIn .4s ease;margin:0 auto;max-width:1440px;padding:28px 32px 48px;width:100%}@keyframes acctFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.accounting-loading{align-items:center;color:#a0aec0;color:var(--text-muted,#a0aec0);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.acct-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.acct-header-left h1{color:#fff;color:var(--text-primary,#fff);font-size:26px;font-weight:800;letter-spacing:-.3px;margin:0}.acct-subtitle{color:#64748b;display:block;font-size:13px;font-weight:500;margin-top:4px}.acct-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.acct-btn{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:#cbd5e1;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.acct-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.12);color:#f1f5f9}.acct-btn.primary{background:#6366f1;border-color:#6366f1;color:#fff}.acct-btn.primary:hover{background:#4f46e5}.acct-kpi-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.acct-kpi-card{align-items:center;background:rgba(26,26,46,.85);background:var(--surface-primary,rgba(26,26,46,.85));border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--border-subtle,hsla(0,0%,100%,.06));border-radius:14px;display:flex;gap:14px;padding:20px;transition:all .25s ease}.acct-kpi-card:hover{background:rgba(30,30,55,.9);border-color:rgba(99,102,241,.25)}.acct-kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.acct-kpi-icon.purple{background:rgba(99,102,241,.15);color:#a5b4fc}.acct-kpi-icon.green{background:rgba(16,185,129,.15);color:#6ee7b7}.acct-kpi-icon.red{background:rgba(239,68,68,.15);color:#fca5a5}.acct-kpi-icon.blue{background:rgba(59,130,246,.15);color:#93c5fd}.acct-kpi-info{flex:1 1;min-width:0}.acct-kpi-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.acct-kpi-value{color:#fff;color:var(--text-primary,#fff);font-size:22px;font-weight:800;line-height:1.2;margin-top:2px}.acct-kpi-sub{color:#64748b;font-size:11.5px;margin-top:2px}.acct-tabs{background:rgba(0,0,0,.2);border-radius:10px;display:flex;gap:4px;margin-bottom:24px;padding:3px;width:-webkit-fit-content;width:fit-content}.acct-tab{align-items:center;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease}.acct-tab:hover{background:hsla(0,0%,100%,.05);color:#e2e8f0}.acct-tab.active{background:#6366f1;box-shadow:0 2px 8px rgba(99,102,241,.3);color:#fff}.acct-table-wrap{background:rgba(26,26,46,.85);background:var(--surface-primary,rgba(26,26,46,.85));border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--border-subtle,hsla(0,0%,100%,.06));border-radius:14px;overflow:hidden}.acct-table-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:16px 20px}.acct-table-title{color:#fff;color:var(--text-primary,#fff);font-size:15px;font-weight:700}.acct-filters{align-items:center;display:flex;gap:8px}.acct-filter-select{-webkit-appearance:auto;appearance:auto;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:12.5px;font-weight:500;padding:6px 12px}.acct-filter-select:focus{border-color:rgba(99,102,241,.5);outline:none}.acct-table{border-collapse:collapse;width:100%}.acct-table th{background:rgba(0,0,0,.1);border-bottom:1px solid hsla(0,0%,100%,.04);color:#64748b;font-size:11.5px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.acct-table th.right{text-align:right}.acct-table td{border-bottom:1px solid hsla(0,0%,100%,.03);color:#e2e8f0;font-size:13.5px;padding:14px 16px;vertical-align:middle}.acct-table td.right{text-align:right}.acct-table td.mono{font-family:SF Mono,Fira Code,monospace;font-size:12.5px}.acct-table tr:hover td{background:rgba(99,102,241,.04)}.acct-table tr:last-child td{border-bottom:none}.acct-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.acct-badge.active{background:rgba(16,185,129,.15);color:#6ee7b7}.acct-badge.disposed{background:rgba(100,116,139,.15);color:#94a3b8}.acct-badge.impaired{background:rgba(245,158,11,.15);color:#fcd34d}.acct-badge.written-off{background:rgba(239,68,68,.15);color:#fca5a5}.acct-badge.held{background:rgba(59,130,246,.15);color:#93c5fd}.acct-badge.method{background:rgba(99,102,241,.1);color:#a5b4fc;font-weight:600;text-transform:none}.acct-value{font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:700}.acct-value.positive{color:#6ee7b7}.acct-value.negative{color:#fca5a5}.acct-value.neutral{color:#e2e8f0}.acct-item-name{align-items:center;display:flex;gap:10px}.acct-item-thumb{object-fit:cover}.acct-item-thumb,.acct-item-thumb-placeholder{background:rgba(99,102,241,.1);border-radius:8px;flex-shrink:0;height:36px;width:36px}.acct-item-thumb-placeholder{align-items:center;color:#6366f1;display:flex;font-size:14px;justify-content:center}.acct-item-details{min-width:0}.acct-item-title{color:#f1f5f9;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-item-class{color:#64748b;font-size:11px;margin-top:1px}.acct-actions{display:flex;gap:4px}.acct-action-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.acct-action-btn:hover{background:rgba(99,102,241,.1);color:#a5b4fc}.acct-action-btn.danger:hover{background:rgba(239,68,68,.1);color:#fca5a5}.acct-dep-bar-wrap{max-width:120px;width:100%}.acct-dep-bar{background:hsla(0,0%,100%,.06);border-radius:3px;height:6px;overflow:hidden}.acct-dep-bar-fill{border-radius:3px;height:100%;transition:width .3s ease}.acct-dep-bar-fill.low{background:#6ee7b7}.acct-dep-bar-fill.mid{background:#fbbf24}.acct-dep-bar-fill.high{background:#f87171}.acct-dep-label{color:#64748b;font-size:10.5px;margin-top:3px}.acct-empty{padding:60px 20px;text-align:center}.acct-empty-icon{color:rgba(99,102,241,.2);font-size:48px;margin-bottom:16px}.acct-empty h3{color:#e2e8f0;font-size:18px;margin:0 0 8px}.acct-empty p{color:#64748b;font-size:13.5px;margin:0 auto 20px;max-width:400px}.acct-modal-overlay{align-items:center;animation:acctFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.acct-modal{animation:acctSlideUp .3s ease;background:rgba(26,26,46,.98);background:var(--surface-primary,rgba(26,26,46,.98));border:1px solid hsla(0,0%,100%,.08);border-radius:16px;max-height:85vh;max-width:520px;overflow-y:auto;width:90%}@keyframes acctSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.acct-modal-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:20px 24px 16px}.acct-modal-header h2{color:#f1f5f9;font-size:18px;font-weight:700;margin:0}.acct-modal-close{align-items:center;background:hsla(0,0%,100%,.04);border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.acct-modal-close:hover{background:rgba(239,68,68,.1);color:#fca5a5}.acct-modal-body{padding:20px 24px}.acct-modal-footer{border-top:1px solid hsla(0,0%,100%,.06);display:flex;gap:8px;justify-content:flex-end;padding:16px 24px 20px}.acct-form-group{margin-bottom:16px}.acct-form-label{color:#94a3b8;display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.acct-form-input,.acct-form-select{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;box-sizing:border-box;color:#e2e8f0;font-size:13.5px;font-weight:500;padding:10px 14px;transition:all .2s ease;width:100%}.acct-form-input:focus,.acct-form-select:focus{background:rgba(0,0,0,.3);border-color:rgba(99,102,241,.5);outline:none}.acct-form-hint{color:#64748b;font-size:11px;margin-top:4px}.acct-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.acct-alert{align-items:flex-start;border-radius:10px;display:flex;font-size:12.5px;gap:10px;line-height:1.5;margin-bottom:16px;padding:12px 16px}.acct-alert.info{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.15);color:#93c5fd}.acct-alert.warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.15);color:#fcd34d}.acct-alert.error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:#fca5a5}.acct-alert.success{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.15);color:#6ee7b7}.acct-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.acct-detail-card{background:rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.04);border-radius:12px;padding:16px}.acct-detail-card h4{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.acct-detail-row{border-bottom:1px solid hsla(0,0%,100%,.03);display:flex;justify-content:space-between;padding:6px 0}.acct-detail-row:last-child{border-bottom:none}.acct-detail-label{color:#94a3b8;font-size:12.5px}.acct-detail-value{color:#e2e8f0;font-size:12.5px;font-weight:600}.acct-toolbar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.04);display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.acct-search-box{flex:1 1;max-width:400px;min-width:200px;position:relative}.acct-search-icon{color:#64748b;font-size:13px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.acct-search-input{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;box-sizing:border-box;color:#e2e8f0;font-size:13px;font-weight:500;padding:9px 36px;transition:all .2s ease;width:100%}.acct-search-input::placeholder{color:#4b5563}.acct-search-input:focus{background:rgba(0,0,0,.3);border-color:rgba(99,102,241,.5);outline:none}.acct-search-clear{background:none;border:none;color:#64748b;cursor:pointer;font-size:11px;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .15s}.acct-search-clear:hover{color:#fca5a5}.acct-toolbar-filters{flex-wrap:wrap}.acct-pagination,.acct-toolbar-filters{align-items:center;display:flex;gap:8px}.acct-page-btn{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:11px;height:30px;justify-content:center;transition:all .15s ease;width:30px}.acct-page-btn:hover:not(:disabled){background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3);color:#a5b4fc}.acct-page-btn:disabled{cursor:default;opacity:.3}.acct-page-info{color:#94a3b8;font-size:12px;font-weight:600;min-width:48px;text-align:center}.acct-table-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.04);display:flex;justify-content:space-between;padding:12px 20px}.acct-table-count{color:#64748b;font-size:12px;font-weight:500}.acct-table th.sortable{cursor:pointer;transition:color .15s;-webkit-user-select:none;user-select:none}.acct-table th.sortable:hover{color:#a5b4fc}.sort-icon{color:#6366f1;font-size:10px;margin-left:4px}.acct-alert-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;margin-left:auto;opacity:.6;padding:2px 4px;transition:opacity .15s}.acct-alert-close:hover{opacity:1}.acct-btn.sm{border-radius:8px;font-size:12px;padding:5px 10px}.acct-btn:disabled{cursor:default;opacity:.5;pointer-events:none}.acct-modal.lg{max-width:640px}:root[data-theme=light] .accounting,:root[data-theme=light] .accounting-loading,:root[data-theme=light] .acct-header-left h1{color:var(--text-primary)}:root[data-theme=light] .acct-subtitle{color:var(--text-muted)}:root[data-theme=light] .acct-btn{background:rgba(0,0,0,.04);border-color:var(--border-color);color:var(--text-secondary)}:root[data-theme=light] .acct-btn:hover{background:rgba(0,0,0,.08);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .acct-btn.primary{background:#6366f1;border-color:#6366f1;color:#fff}:root[data-theme=light] .acct-kpi-card{background:var(--surface-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}:root[data-theme=light] .acct-kpi-card:hover{background:var(--surface-secondary);border-color:rgba(99,102,241,.25)}:root[data-theme=light] .acct-kpi-icon.purple{background:rgba(99,102,241,.1);color:#6366f1}:root[data-theme=light] .acct-kpi-icon.green{background:rgba(16,185,129,.1);color:#059669}:root[data-theme=light] .acct-kpi-icon.red{background:rgba(239,68,68,.1);color:#dc2626}:root[data-theme=light] .acct-kpi-icon.blue{background:rgba(59,130,246,.1);color:#2563eb}:root[data-theme=light] .acct-kpi-label{color:var(--text-muted)}:root[data-theme=light] .acct-kpi-value{color:var(--text-primary)}:root[data-theme=light] .acct-kpi-sub{color:var(--text-muted)}:root[data-theme=light] .acct-tabs{background:rgba(0,0,0,.05)}:root[data-theme=light] .acct-tab{color:var(--text-muted)}:root[data-theme=light] .acct-tab:hover{background:rgba(0,0,0,.05);color:var(--text-primary)}:root[data-theme=light] .acct-tab.active{background:#6366f1;color:#fff}:root[data-theme=light] .acct-table-wrap{background:var(--surface-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}:root[data-theme=light] .acct-table-header{border-bottom-color:var(--border-color)}:root[data-theme=light] .acct-table-title{color:var(--text-primary)}:root[data-theme=light] .acct-filter-select{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-secondary)}:root[data-theme=light] .acct-table th{background:var(--surface-secondary);border-bottom-color:var(--border-color);color:var(--text-muted)}:root[data-theme=light] .acct-table td{border-bottom-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .acct-table tr:hover td{background:rgba(99,102,241,.04)}:root[data-theme=light] .acct-badge.active{background:rgba(16,185,129,.1);color:#059669}:root[data-theme=light] .acct-badge.disposed{background:rgba(100,116,139,.1);color:#64748b}:root[data-theme=light] .acct-badge.impaired{background:rgba(245,158,11,.1);color:#d97706}:root[data-theme=light] .acct-badge.written-off{background:rgba(239,68,68,.1);color:#dc2626}:root[data-theme=light] .acct-badge.held{background:rgba(59,130,246,.1);color:#2563eb}:root[data-theme=light] .acct-badge.method{background:rgba(99,102,241,.08);color:#6366f1}:root[data-theme=light] .acct-value.positive{color:#059669}:root[data-theme=light] .acct-value.negative{color:#dc2626}:root[data-theme=light] .acct-value.neutral{color:var(--text-primary)}:root[data-theme=light] .acct-item-thumb-placeholder{background:rgba(99,102,241,.08);color:#6366f1}:root[data-theme=light] .acct-item-title{color:var(--text-primary)}:root[data-theme=light] .acct-action-btn,:root[data-theme=light] .acct-item-class{color:var(--text-muted)}:root[data-theme=light] .acct-action-btn:hover{background:rgba(99,102,241,.08);color:#6366f1}:root[data-theme=light] .acct-dep-bar{background:rgba(0,0,0,.06)}:root[data-theme=light] .acct-dep-bar-fill.low{background:#059669}:root[data-theme=light] .acct-dep-bar-fill.mid{background:#d97706}:root[data-theme=light] .acct-dep-bar-fill.high{background:#dc2626}:root[data-theme=light] .acct-dep-label{color:var(--text-muted)}:root[data-theme=light] .acct-empty h3{color:var(--text-primary)}:root[data-theme=light] .acct-empty p{color:var(--text-muted)}:root[data-theme=light] .acct-empty-icon{color:rgba(99,102,241,.3)}:root[data-theme=light] .acct-modal{background:var(--surface-primary);border-color:var(--border-color);box-shadow:var(--shadow-lg)}:root[data-theme=light] .acct-modal-header{border-bottom-color:var(--border-color)}:root[data-theme=light] .acct-modal-header h2{color:var(--text-primary)}:root[data-theme=light] .acct-modal-close{background:var(--surface-secondary);color:var(--text-muted)}:root[data-theme=light] .acct-modal-footer{border-top-color:var(--border-color)}:root[data-theme=light] .acct-form-label{color:var(--text-muted)}:root[data-theme=light] .acct-form-input,:root[data-theme=light] .acct-form-select{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .acct-form-input:focus,:root[data-theme=light] .acct-form-select:focus{background:var(--surface-primary);border-color:rgba(99,102,241,.5)}:root[data-theme=light] .acct-form-hint{color:var(--text-muted)}:root[data-theme=light] .acct-alert.info{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.15);color:#2563eb}:root[data-theme=light] .acct-alert.warning{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.15);color:#d97706}:root[data-theme=light] .acct-alert.error{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.15);color:#dc2626}:root[data-theme=light] .acct-alert.success{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.15);color:#059669}:root[data-theme=light] .acct-detail-card{background:var(--surface-secondary);border-color:var(--border-color)}:root[data-theme=light] .acct-detail-card h4{color:var(--text-muted)}:root[data-theme=light] .acct-detail-row{border-bottom-color:var(--border-color)}:root[data-theme=light] .acct-detail-label{color:var(--text-muted)}:root[data-theme=light] .acct-detail-value{color:var(--text-primary)}:root[data-theme=light] .acct-toolbar{border-bottom-color:var(--border-color)}:root[data-theme=light] .acct-search-input{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .acct-search-input::placeholder{color:var(--text-muted)}:root[data-theme=light] .acct-search-input:focus{background:var(--surface-primary);border-color:rgba(99,102,241,.5)}:root[data-theme=light] .acct-search-icon{color:var(--text-muted)}:root[data-theme=light] .acct-page-btn{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-muted)}:root[data-theme=light] .acct-page-btn:hover:not(:disabled){background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.3);color:#6366f1}:root[data-theme=light] .acct-page-info{color:var(--text-muted)}:root[data-theme=light] .acct-table-footer{border-top-color:var(--border-color)}:root[data-theme=light] .acct-table-count{color:var(--text-muted)}:root[data-theme=light] .acct-table th.sortable:hover,:root[data-theme=light] .sort-icon{color:#6366f1}:root[data-theme=light] .accounting-loading{color:var(--text-muted)}@media (max-width:1024px){.acct-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.accounting{padding:16px}.acct-header{flex-direction:column}.acct-kpi-row{grid-template-columns:1fr}.acct-tabs{overflow-x:auto;width:100%}.acct-table{font-size:12px}.acct-detail-grid,.acct-form-row{grid-template-columns:1fr}.acct-toolbar{align-items:stretch;flex-direction:column}.acct-search-box{max-width:100%}.acct-toolbar-filters{flex-wrap:wrap}.acct-table-footer{align-items:center;flex-direction:column;gap:8px}}.sa-access-denied{align-items:center;background:#0a0a1a;display:flex;justify-content:center;min-height:100vh}.sa-denied-card{background:#12122a;border:1px solid #1e1e3a;border-radius:16px;max-width:420px;padding:48px;text-align:center}.sa-denied-icon{color:#f5576c;font-size:48px;margin-bottom:20px}.sa-denied-card h2{color:#fff;font-size:24px;margin:0 0 12px}.sa-denied-card p{color:#8892b0;font-size:14px;line-height:1.5;margin:0 0 8px}.sa-btn-back{background:#1e1e3a;border:1px solid #2a2a4a;border-radius:8px;color:#ccd6f6;cursor:pointer;font-size:14px;margin-top:24px;padding:10px 24px;transition:all .2s}.sa-btn-back:hover{background:#2a2a4a}.sa-console{background:#0a0a1a;color:#ccd6f6;min-height:100vh}.sa-topbar{background:#0f0f23;border-bottom:1px solid #1e1e3a;height:52px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sa-topbar,.sa-topbar-left{align-items:center;display:flex}.sa-topbar-left{gap:12px}.sa-topbar-icon{color:#f5576c;font-size:18px}.sa-topbar-title{color:#e6f1ff;font-size:15px;font-weight:700;letter-spacing:.3px}.sa-topbar-env{background:rgba(245,87,108,.15);border-radius:4px;color:#f5576c;font-size:10px;font-weight:700;letter-spacing:1px;padding:2px 8px}.sa-topbar-right{align-items:center;display:flex;gap:12px}.sa-topbar-user{color:#8892b0;font-size:13px}.sa-topbar-btn{align-items:center;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;color:#a0aec0;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 14px;transition:all .2s}.sa-topbar-btn:hover{background:#2a2a4a;color:#ccd6f6}.sa-topbar-btn.logout{color:#f5576c}.sa-topbar-btn.logout:hover{background:rgba(245,87,108,.1)}.sa-body{animation:sa-fadeIn .4s ease;margin:0 auto;max-width:1400px;padding:32px}@keyframes sa-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sa-header{justify-content:space-between;margin-bottom:32px}.sa-header,.sa-header-left{align-items:center;display:flex}.sa-header-left{gap:16px}.sa-header-icon{align-items:center;background:linear-gradient(135deg,#f5576c,#ff6b81);border-radius:16px;box-shadow:0 8px 24px rgba(245,87,108,.3);color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.sa-header h1{color:#e6f1ff;font-size:28px;font-weight:800;margin:0}.sa-header p{color:#8892b0;font-size:14px;margin:4px 0 0}.sa-header-badge{background:linear-gradient(135deg,rgba(245,87,108,.15),rgba(255,107,129,.1));border:1px solid rgba(245,87,108,.3);border-radius:20px;color:#f5576c;font-size:12px;font-weight:700;gap:8px;letter-spacing:1px;padding:8px 18px;text-transform:uppercase}.sa-header-badge,.sa-toast{align-items:center;display:flex}.sa-toast{animation:sa-slideIn .3s ease;border-radius:10px;font-weight:500;gap:12px;margin-bottom:20px;padding:14px 18px}@keyframes sa-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sa-toast.success{background:rgba(72,187,120,.15);border:1px solid rgba(72,187,120,.3);color:#48bb78}.sa-toast.error{background:hsla(0,88%,68%,.15);border:1px solid hsla(0,88%,68%,.3);color:#f56565}.sa-tabs{border-bottom:1px solid rgba(102,126,234,.1);margin-bottom:28px;padding-bottom:12px}.sa-tab,.sa-tabs{display:flex;gap:8px}.sa-tab{align-items:center;background:transparent;border:none;border-radius:8px;color:#a0aec0;color:var(--text-muted,#a0aec0);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.sa-tab:hover{background:rgba(102,126,234,.08)}.sa-tab.active,.sa-tab:hover{color:#667eea;color:var(--accent,#667eea)}.sa-tab.active{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1))}.sa-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.sa-stat-card{background:#1a1a2e;background:var(--surface-primary,#1a1a2e);border:1px solid rgba(102,126,234,.1);border-radius:14px;padding:24px;text-align:center;transition:all .3s ease}.sa-stat-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.2);transform:translateY(-2px)}.sa-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.sa-stat-icon.users{background:rgba(99,102,241,.15);color:#6366f1}.sa-stat-icon.verified{background:rgba(72,187,120,.15);color:#48bb78}.sa-stat-icon.unverified{background:rgba(245,87,108,.15);color:#f5576c}.sa-stat-icon.workspaces{background:rgba(56,189,248,.15);color:#38bdf8}.sa-stat-icon.items{background:rgba(167,139,250,.15);color:#a78bfa}.sa-stat-icon.recent{background:rgba(251,191,36,.15);color:#fbbf24}.sa-stat-value{color:#fff;color:var(--text-primary,#fff);font-size:32px;font-weight:800;margin-bottom:4px}.sa-stat-label{color:#a0aec0;color:var(--text-muted,#a0aec0);font-size:13px;font-weight:500}.sa-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.sa-search-box{flex:1 1;min-width:250px;position:relative}.sa-search-icon{color:#64748b;font-size:14px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.sa-search-box input{background:rgba(15,15,30,.6);border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:10px 14px 10px 40px;width:100%}.sa-search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15);outline:none}.sa-search-box input::placeholder{color:#64748b}.sa-filters select{background:rgba(15,15,30,.6);border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:13px;padding:10px 14px}.sa-filters select:focus{border-color:#667eea;outline:none}.sa-table-wrapper{border:1px solid rgba(102,126,234,.1);border-radius:12px;overflow-x:auto}.sa-table{border-collapse:collapse;width:100%}.sa-table thead{background:rgba(15,15,30,.6)}.sa-table th{border-bottom:1px solid rgba(102,126,234,.1);color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.8px;padding:12px 16px;text-align:left;text-transform:uppercase}.sa-table td{border-bottom:1px solid rgba(102,126,234,.05);color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:14px 16px}.sa-table tbody tr:hover{background:rgba(102,126,234,.04)}.sa-admin-row{background:rgba(245,87,108,.03)!important}.sa-user-cell{gap:12px}.sa-avatar,.sa-user-cell{align-items:center;display:flex}.sa-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.sa-user-name{color:#fff;color:var(--text-primary,#fff);font-weight:600}.sa-user-email{color:#94a3b8;font-size:12px}.sa-role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.sa-role-badge.admin{background:rgba(245,87,108,.15);border:1px solid rgba(245,87,108,.3);color:#f5576c}.sa-role-badge.user{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);color:#667eea}.sa-status{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px}.sa-status.verified{color:#48bb78}.sa-status.unverified{color:#f5576c}.sa-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:center}.sa-date{color:#94a3b8;font-size:12px;white-space:nowrap}.sa-actions{display:flex;gap:6px}.sa-icon-btn{align-items:center;background:transparent;border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.sa-icon-btn:hover:not(:disabled){background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.4);color:#667eea}.sa-icon-btn.impersonate:hover:not(:disabled){background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.3);color:#fbbf24}.sa-icon-btn:disabled{cursor:not-allowed;opacity:.3}.sa-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:16px 0}.sa-pagination button{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.sa-pagination button:hover:not(:disabled){background:rgba(102,126,234,.2)}.sa-pagination button:disabled{cursor:not-allowed;opacity:.3}.sa-pagination span{color:#94a3b8;font-size:13px}.sa-loading{color:#667eea;font-size:16px;gap:12px;height:200px}.sa-loading,.sa-user-detail-overlay{align-items:center;display:flex;justify-content:center}.sa-user-detail-overlay{animation:sa-fadeIn .2s ease;background:rgba(0,0,0,.6);bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.sa-user-detail-panel{background:#1a1a2e;background:var(--surface-primary,#1a1a2e);border:1px solid rgba(102,126,234,.2);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-height:85vh;max-width:600px;overflow-y:auto;width:100%}.sa-detail-header{align-items:center;border-bottom:1px solid rgba(102,126,234,.1);display:flex;justify-content:space-between;padding:20px 24px}.sa-detail-header h3{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:18px;gap:10px;margin:0}.sa-close-btn{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sa-close-btn:hover{background:rgba(245,87,108,.1);border-color:rgba(245,87,108,.3);color:#f5576c}.sa-detail-body{padding:24px}.sa-detail-info{align-items:center;display:flex;gap:16px;margin-bottom:24px}.sa-detail-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:800;height:56px;justify-content:center;width:56px}.sa-detail-info h4{color:#fff;color:var(--text-primary,#fff);font-size:20px;margin:0}.sa-detail-email{color:#94a3b8;font-size:14px;margin:2px 0 8px}.sa-detail-badges{display:flex;flex-wrap:wrap;gap:6px}.sa-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:3px 10px}.sa-badge.admin{background:rgba(245,87,108,.15);color:#f5576c}.sa-badge.user{background:rgba(102,126,234,.1);color:#667eea}.sa-badge.verified{background:rgba(72,187,120,.15);color:#48bb78}.sa-badge.unverified{background:rgba(245,87,108,.15);color:#f5576c}.sa-badge.twofa{background:rgba(251,191,36,.15);color:#fbbf24}.sa-detail-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.sa-mini-stat{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.08);border-radius:10px;padding:12px;text-align:center}.sa-mini-stat span{color:#fff;color:var(--text-primary,#fff);display:block;font-size:22px;font-weight:700;margin-bottom:2px}.sa-mini-stat{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.sa-detail-meta{margin-bottom:20px}.sa-detail-meta p{color:#94a3b8;font-size:13px;margin:6px 0}.sa-detail-meta strong{color:#fff;color:var(--text-primary,#fff);margin-right:8px}.sa-detail-workspaces{margin-bottom:20px}.sa-detail-workspaces h5{color:#fff;color:var(--text-primary,#fff);font-size:14px;margin:0 0 10px}.sa-workspace-card{align-items:center;background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.08);border-radius:8px;display:flex;gap:12px;margin-bottom:6px;padding:10px 14px}.sa-ws-name{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:13px;font-weight:600}.sa-ws-role{color:#667eea;font-size:11px;font-weight:700;text-transform:uppercase}.sa-ws-stats{color:#64748b;font-size:11px}.sa-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sa-action-btn{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.sa-action-btn:disabled{cursor:not-allowed;opacity:.4}.sa-action-btn.verify{background:rgba(72,187,120,.1);border-color:rgba(72,187,120,.3);color:#48bb78}.sa-action-btn.verify:hover:not(:disabled){background:rgba(72,187,120,.2)}.sa-action-btn.impersonate{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.3);color:#fbbf24}.sa-action-btn.impersonate:hover:not(:disabled){background:rgba(251,191,36,.2)}.sa-role-select{background:rgba(15,15,30,.6);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px}.sa-danger-zone{border-top:1px solid rgba(245,87,108,.15);padding-top:16px}.sa-action-btn.delete-trigger{background:rgba(245,87,108,.08);border-color:rgba(245,87,108,.2);color:#f5576c;justify-content:center;width:100%}.sa-action-btn.delete-trigger:hover:not(:disabled){background:rgba(245,87,108,.15)}.sa-delete-confirm{background:rgba(245,87,108,.05);border:1px solid rgba(245,87,108,.2);border-radius:10px;padding:16px}.sa-delete-confirm p{color:#f5576c;font-size:13px;margin:0 0 12px}.sa-delete-actions{display:flex;gap:8px}.sa-action-btn.cancel{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:#fff;color:var(--text-primary,#fff);flex:1 1;justify-content:center}.sa-action-btn.delete{background:#f5576c;border-color:transparent;color:#fff;flex:1 1;justify-content:center}.sa-action-btn.delete:hover:not(:disabled){background:#e43d55}[data-theme=light] .super-admin .sa-header h1{color:#1e293b}[data-theme=light] .super-admin .sa-header p{color:#64748b}[data-theme=light] .sa-stat-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .sa-stat-value{color:#1e293b}[data-theme=light] .sa-stat-label,[data-theme=light] .sa-tab{color:#64748b}[data-theme=light] .sa-tab:hover{background:rgba(99,102,241,.06);color:#4f46e5}[data-theme=light] .sa-tab.active{background:rgba(99,102,241,.08);color:#4f46e5}[data-theme=light] .sa-filters select,[data-theme=light] .sa-search-box input{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .sa-table-wrapper{border-color:#e2e8f0}[data-theme=light] .sa-table thead{background:#f8fafc}[data-theme=light] .sa-table th{border-color:#e2e8f0;color:#64748b}[data-theme=light] .sa-table td{border-color:#f1f5f9;color:#1e293b}[data-theme=light] .sa-table tbody tr:hover{background:#f8fafc}[data-theme=light] .sa-user-name{color:#1e293b}[data-theme=light] .sa-user-email{color:#64748b}[data-theme=light] .sa-icon-btn{border-color:#e2e8f0;color:#64748b}[data-theme=light] .sa-icon-btn:hover:not(:disabled){background:#f1f5f9}[data-theme=light] .sa-user-detail-panel{background:#fff;border-color:#e2e8f0}[data-theme=light] .sa-detail-header{border-color:#e2e8f0}[data-theme=light] .sa-detail-header h3,[data-theme=light] .sa-detail-info h4{color:#1e293b}[data-theme=light] .sa-detail-email{color:#64748b}[data-theme=light] .sa-mini-stat{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .sa-detail-meta strong,[data-theme=light] .sa-mini-stat span{color:#1e293b}[data-theme=light] .sa-detail-meta p{color:#64748b}[data-theme=light] .sa-detail-workspaces h5{color:#1e293b}[data-theme=light] .sa-workspace-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .sa-ws-name{color:#1e293b}[data-theme=light] .sa-role-select{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .sa-action-btn.cancel{background:#f1f5f9;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .sa-close-btn{border-color:#e2e8f0;color:#64748b}[data-theme=light] .sa-close-btn:hover{background:rgba(245,87,108,.08)}[data-theme=light] .sa-pagination span{color:#64748b}[data-theme=light] .sa-delete-confirm p{color:#dc2626}@media (max-width:768px){.super-admin{padding:16px}.sa-header{align-items:flex-start;flex-direction:column;gap:12px}.sa-stats-grid{grid-template-columns:repeat(2,1fr)}.sa-filters{flex-direction:column}.sa-detail-stats{grid-template-columns:repeat(2,1fr)}}.grok-assistant{background:#09090b;display:flex;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;height:calc(100vh - 64px);overflow:hidden}.grok-sidebar{background:#0f0f13;border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;min-width:300px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:300px}.grok-sidebar.collapsed{border-right:none;min-width:0;width:0}.grok-sidebar-top{display:flex;flex-direction:column;gap:16px;padding:20px 16px 16px}.grok-logo-container{align-items:center;display:flex;justify-content:center;padding:8px 0}.grok-sidebar-logo{height:40px;object-fit:contain;width:auto}.grok-brand{gap:10px}.grok-brand,.grok-brand-icon{align-items:center;display:flex}.grok-brand-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff;font-size:22px;font-weight:700;height:36px;justify-content:center;width:36px}.grok-brand-text{color:#fafafa;font-size:18px;font-weight:700;letter-spacing:-.3px}.grok-new-btn{align-items:center;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:10px;color:#6366f1;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.grok-new-btn:hover{background:rgba(249,115,22,.18);border-color:rgba(249,115,22,.35);box-shadow:0 0 20px rgba(249,115,22,.1)}.grok-chat-list{flex:1 1;overflow-y:auto;padding:8px}.grok-chat-list::-webkit-scrollbar{width:3px}.grok-chat-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:3px}.grok-sidebar-loading{color:hsla(0,0%,100%,.3);display:flex;font-size:18px;justify-content:center;padding:32px}.grok-empty-sidebar{align-items:center;display:flex;flex-direction:column;gap:6px;padding:48px 16px;text-align:center}.grok-empty-sidebar svg{color:hsla(0,0%,100%,.12);font-size:32px;margin-bottom:8px}.grok-empty-sidebar p{color:hsla(0,0%,100%,.4);font-size:13px;font-weight:600;margin:0}.grok-empty-sidebar span{color:hsla(0,0%,100%,.2);font-size:12px}.grok-chat-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;margin-bottom:2px;padding:10px 12px;position:relative;transition:all .15s}.grok-chat-item:hover{background:hsla(0,0%,100%,.04)}.grok-chat-item.active{background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.12)}.grok-chat-item:not(.active){border:1px solid transparent}.grok-chat-item-icon{align-items:center;background:hsla(0,0%,100%,.04);border-radius:8px;color:hsla(0,0%,100%,.3);display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;width:32px}.grok-chat-item.active .grok-chat-item-icon{background:rgba(99,102,241,.15);color:#6366f1}.grok-chat-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.grok-chat-item-title{color:#d4d4d8;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grok-chat-item.active .grok-chat-item-title{color:#fafafa}.grok-chat-item-date{color:hsla(0,0%,100%,.25);font-size:11px}.grok-chat-item-actions{display:none;gap:2px}.grok-chat-item:hover .grok-chat-item-actions{display:flex}.grok-chat-item-actions button{align-items:center;background:transparent;border:none;border-radius:6px;color:hsla(0,0%,100%,.35);cursor:pointer;display:flex;font-size:11px;height:28px;justify-content:center;transition:all .15s;width:28px}.grok-chat-item-actions button:hover{background:hsla(0,0%,100%,.08);color:#fafafa}.grok-chat-item-actions .grok-delete-btn:hover{background:rgba(239,68,68,.15);color:#ef4444}.grok-chat-edit{align-items:center;display:flex;gap:4px;width:100%}.grok-chat-edit input{background:hsla(0,0%,100%,.06);border:1px solid rgba(249,115,22,.4);border-radius:6px;color:#fafafa;flex:1 1;font-size:13px;outline:none;padding:5px 8px}.grok-chat-edit button{background:transparent;border:none;border-radius:4px;color:hsla(0,0%,100%,.4);cursor:pointer;font-size:11px;height:26px;width:26px}.grok-chat-edit button:hover{background:hsla(0,0%,100%,.08)}.grok-edit-save:hover{color:#22c55e!important}.grok-edit-cancel:hover{color:#ef4444!important}.grok-sidebar-footer{border-top:1px solid hsla(0,0%,100%,.06);padding:12px 16px}.grok-model-badge{align-items:center;color:hsla(0,0%,100%,.25);display:flex;font-size:11px;gap:6px}.grok-model-badge svg{color:#f97316;font-size:10px}.grok-main{background:#09090b;display:flex;flex:1 1;flex-direction:column;min-width:0;position:relative}.grok-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(15,15,19,.8);border-bottom:1px solid hsla(0,0%,100%,.06);justify-content:space-between;padding:12px 24px;z-index:10}.grok-header,.grok-header-left{align-items:center;display:flex}.grok-header-left{gap:12px}.grok-sidebar-toggle{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:hsla(0,0%,100%,.4);cursor:pointer;display:flex;font-size:12px;height:34px;justify-content:center;transition:all .15s;width:34px}.grok-sidebar-toggle:hover{background:hsla(0,0%,100%,.04);color:#fafafa}.grok-header-title{align-items:center;display:flex;gap:10px}.grok-header-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.grok-header-title h1{color:#fafafa;font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0}.grok-header-right{align-items:center;display:flex;gap:6px}.grok-status-dot{animation:pulse-glow 2s infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px rgba(34,197,94,.5);height:7px;width:7px}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px rgba(34,197,94,.5)}50%{box-shadow:0 0 16px rgba(34,197,94,.8)}}.grok-status-text{color:hsla(0,0%,100%,.35);font-size:12px;font-weight:500}.grok-messages{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:24px 0}.grok-messages::-webkit-scrollbar{width:5px}.grok-messages::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.06);border-radius:3px}.grok-messages::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.12)}.grok-welcome{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 24px;position:relative;text-align:center}.grok-welcome-glow{background:radial-gradient(circle,rgba(249,115,22,.08) 0,transparent 70%);border-radius:50%;height:300px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-60%);width:300px}.grok-welcome-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:24px;box-shadow:0 8px 32px rgba(99,102,241,.3),0 0 0 1px rgba(99,102,241,.1);color:#fff;display:flex;font-size:38px;font-weight:700;height:80px;justify-content:center;margin-bottom:24px;position:relative;width:80px;z-index:1}.grok-welcome h2{color:#fafafa;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;position:relative;z-index:1}.grok-welcome p{color:hsla(0,0%,100%,.45);font-size:15px;line-height:1.6;margin:0 0 32px}.grok-suggestions,.grok-welcome p{max-width:480px;position:relative;z-index:1}.grok-suggestions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.grok-suggestions button{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;color:#d4d4d8;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:14px 16px;text-align:left;transition:all .2s}.grok-suggestions button:hover{background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.2);box-shadow:0 4px 16px rgba(0,0,0,.3);transform:translateY(-1px)}.grok-sug-emoji{flex-shrink:0;font-size:18px}.grok-sug-text{font-weight:500}.grok-msg{display:flex;gap:12px;margin:0 auto;max-width:900px;padding:12px 24px;transition:background .15s;width:100%}.grok-msg:hover{background:hsla(0,0%,100%,.015)}.grok-msg.user{background:hsla(0,0%,100%,.02)}.grok-msg-avatar{flex-shrink:0;padding-top:2px}.grok-avatar-user{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-weight:700}.grok-avatar-ai,.grok-avatar-user{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:13px;height:32px;justify-content:center;width:32px}.grok-avatar-ai{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 8px rgba(249,115,22,.2)}.grok-msg-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.grok-msg-meta{align-items:center;display:flex;gap:8px}.grok-msg-sender{color:#fafafa;font-size:13px;font-weight:600}.grok-msg-time{color:hsla(0,0%,100%,.2);font-size:11px}.grok-msg-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.grok-msg-images img{border:1px solid hsla(0,0%,100%,.08);border-radius:12px;max-height:220px;max-width:220px;object-fit:cover;transition:transform .2s}.grok-msg-images img:hover{transform:scale(1.02)}.grok-msg-bubble{position:relative}.grok-msg-text{color:#d4d4d8;font-size:14px;line-height:1.7;word-break:break-word}.grok-msg.user .grok-msg-text{color:#e4e4e7}.grok-msg-text strong{color:#fafafa;font-weight:600}.grok-msg-text code{background:rgba(249,115,22,.1);border-radius:4px;color:#fb923c;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:13px;padding:2px 6px}.grok-msg-text pre{background:#111113;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;margin:8px 0;overflow-x:auto;padding:16px}.grok-msg-text pre code{background:transparent;color:#d4d4d8;font-size:13px;padding:0}.grok-msg-text h2,.grok-msg-text h3,.grok-msg-text h4{color:#fafafa;margin:12px 0 6px}.grok-msg-text ul{margin:4px 0;padding-left:20px}.grok-msg-text li{margin-bottom:4px}.grok-copy-btn{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.06);border-radius:6px;color:hsla(0,0%,100%,.3);cursor:pointer;display:inline-flex;font-size:11px;gap:4px;margin-top:8px;opacity:0;padding:4px 10px;transition:all .15s}.grok-msg:hover .grok-copy-btn{opacity:1}.grok-copy-btn:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12);color:#fafafa}.grok-thinking{align-items:center;display:flex;gap:10px}.grok-thinking-dots{display:flex;gap:4px}.grok-thinking-dots span{animation:thinking-bounce 1.4s infinite;background:#f97316;border-radius:50%;height:6px;width:6px}.grok-thinking-dots span:nth-child(2){animation-delay:.15s}.grok-thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes thinking-bounce{0%,60%,to{opacity:.2;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.grok-thinking-text{color:hsla(0,0%,100%,.35);font-size:13px;font-style:italic}.grok-scroll-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(15,15,19,.9);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;bottom:120px;box-shadow:0 4px 12px rgba(0,0,0,.5);color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;font-size:13px;height:36px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:all .15s;width:36px;z-index:10}.grok-scroll-btn:hover{background:rgba(249,115,22,.15);border-color:rgba(249,115,22,.3);color:#f97316}.grok-input-area{background:#09090b;padding:0 24px 20px;position:relative}.grok-input-area:before{background:linear-gradient(0deg,#09090b,transparent);content:"";height:40px;left:0;pointer-events:none;position:absolute;right:0;top:-40px}.grok-input-container{margin:0 auto;max-width:800px;width:100%}.grok-previews{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.grok-preview-item{flex-shrink:0;position:relative}.grok-preview-item img{border:1px solid hsla(0,0%,100%,.08);border-radius:10px;height:64px;object-fit:cover;width:64px}.grok-preview-remove{align-items:center;background:#ef4444;border:2px solid #09090b;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:8px;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:transform .15s;width:20px}.grok-preview-remove:hover{transform:scale(1.15)}.grok-input-row{align-items:flex-end;background:#111113;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;display:flex;gap:8px;padding:6px;transition:border-color .2s,box-shadow .2s}.grok-input-row:focus-within{border-color:rgba(249,115,22,.4);box-shadow:0 0 0 3px rgba(249,115,22,.08),0 4px 16px rgba(0,0,0,.3)}.grok-attach{align-items:center;background:transparent;border:none;border-radius:10px;color:hsla(0,0%,100%,.35);cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:38px;justify-content:center;transition:all .15s;width:38px}.grok-attach:hover{background:hsla(0,0%,100%,.06);color:#fafafa}.grok-input-row textarea{background:transparent;border:none;color:#fafafa;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:160px;min-height:38px;outline:none;padding:8px 4px;resize:none}.grok-input-row textarea::placeholder{color:hsla(0,0%,100%,.25)}.grok-send{align-items:center;background:hsla(0,0%,100%,.06);border:none;border-radius:10px;color:hsla(0,0%,100%,.25);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:38px;justify-content:center;transition:all .2s;width:38px}.grok-send.active{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 10px rgba(249,115,22,.3);color:#fff}.grok-send.active:hover{box-shadow:0 4px 16px rgba(249,115,22,.45);transform:scale(1.04)}.grok-send:disabled{cursor:not-allowed;opacity:.5}.grok-input-hint{color:hsla(0,0%,100%,.15);font-size:11px;margin-top:8px;text-align:center}.grok-overlay{align-items:center;animation:grok-fade-in .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.grok-modal{animation:grok-slide-up .25s cubic-bezier(.4,0,.2,1);background:#18181b;border:1px solid hsla(0,0%,100%,.08);border-radius:20px;box-shadow:0 24px 48px rgba(0,0,0,.5);max-width:420px;padding:36px;text-align:center;width:90%}.grok-modal-icon{align-items:center;background:rgba(239,68,68,.12);border-radius:16px;color:#ef4444;display:flex;font-size:22px;height:56px;justify-content:center;margin:0 auto 20px;width:56px}.grok-modal h3{color:#fafafa;font-size:18px;font-weight:700;margin:0 0 8px}.grok-modal p{color:hsla(0,0%,100%,.5);font-size:14px;line-height:1.5;margin:0 0 28px}.grok-modal-actions{display:flex;gap:10px}.grok-modal-cancel{background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fafafa;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:11px 20px;transition:all .15s}.grok-modal-cancel:hover{background:hsla(0,0%,100%,.06)}.grok-modal-confirm{align-items:center;background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:11px 20px;transition:all .15s}.grok-modal-confirm:hover{background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.3)}@keyframes grok-fade-in{0%{opacity:0}to{opacity:1}}@keyframes grok-slide-up{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.grok-sidebar{height:100%;position:absolute;z-index:100}.grok-sidebar.collapsed{display:none}.grok-suggestions{grid-template-columns:1fr}.grok-msg{padding:10px 16px}.grok-input-area{padding:0 12px 16px}.grok-welcome h2{font-size:22px}}body.theme-light .grok-assistant{background:#f8fafc}body.theme-light .grok-sidebar{background:#fff;border-right:1px solid rgba(0,0,0,.08)}body.theme-light .grok-brand-text{color:#18181b}body.theme-light .grok-new-btn{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.15);color:#4f46e5}body.theme-light .grok-new-btn:hover{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.25)}body.theme-light .grok-chat-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12)}body.theme-light .grok-sidebar-loading{color:rgba(0,0,0,.3)}body.theme-light .grok-empty-sidebar svg{color:rgba(0,0,0,.15)}body.theme-light .grok-empty-sidebar p{color:rgba(0,0,0,.5)}body.theme-light .grok-empty-sidebar span{color:rgba(0,0,0,.3)}body.theme-light .grok-chat-item:hover{background:rgba(0,0,0,.04)}body.theme-light .grok-chat-item.active{background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.15)}body.theme-light .grok-chat-item-icon{background:rgba(0,0,0,.04);color:rgba(0,0,0,.4)}body.theme-light .grok-chat-item.active .grok-chat-item-icon{background:rgba(99,102,241,.12);color:#4f46e5}body.theme-light .grok-chat-item-title{color:#18181b}body.theme-light .grok-chat-item.active .grok-chat-item-title{color:#0f172a}body.theme-light .grok-chat-item-date{color:rgba(0,0,0,.4)}body.theme-light .grok-chat-item-actions button{background:rgba(0,0,0,.04);color:rgba(0,0,0,.5)}body.theme-light .grok-chat-item-actions button:hover{background:rgba(0,0,0,.08);color:#18181b}body.theme-light .grok-chat-item-actions .grok-delete-btn:hover{background:rgba(239,68,68,.1);color:#dc2626}body.theme-light .grok-chat-edit input{background:rgba(0,0,0,.04);border:1px solid rgba(249,115,22,.4);color:#18181b}body.theme-light .grok-chat-edit button{color:rgba(0,0,0,.4)}body.theme-light .grok-chat-edit button:hover{background:rgba(0,0,0,.06)}body.theme-light .grok-sidebar-footer{border-top:1px solid rgba(0,0,0,.08)}body.theme-light .grok-model-badge{color:rgba(0,0,0,.35)}body.theme-light .grok-main{background:#fff}body.theme-light .grok-header{background:hsla(0,0%,100%,.85);border-bottom:1px solid rgba(0,0,0,.08)}body.theme-light .grok-sidebar-toggle{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}body.theme-light .grok-sidebar-toggle:hover{background:rgba(0,0,0,.08);color:#18181b}body.theme-light .grok-header-title h1{color:#18181b}body.theme-light .grok-status-text{color:rgba(0,0,0,.4)}body.theme-light .grok-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.08)}body.theme-light .grok-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.15)}body.theme-light .grok-welcome-glow{background:radial-gradient(circle,rgba(249,115,22,.06) 0,transparent 70%)}body.theme-light .grok-welcome h2{color:#18181b}body.theme-light .grok-welcome p{color:rgba(0,0,0,.5)}body.theme-light .grok-suggestions button{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);color:#18181b}body.theme-light .grok-suggestions button:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);box-shadow:0 4px 16px rgba(0,0,0,.08)}body.theme-light .grok-msg:hover{background:rgba(0,0,0,.02)}body.theme-light .grok-msg.user{background:rgba(99,102,241,.04)}body.theme-light .grok-msg-sender{color:#18181b}body.theme-light .grok-msg-time{color:rgba(0,0,0,.35)}body.theme-light .grok-msg-text{color:#334155}body.theme-light .grok-msg.user .grok-msg-text{color:#1e293b}body.theme-light .grok-msg-text strong{color:#0f172a}body.theme-light .grok-msg-text code{background:rgba(99,102,241,.08);color:#6366f1}body.theme-light .grok-msg-text pre{background:#f1f5f9;border:1px solid rgba(0,0,0,.08)}body.theme-light .grok-msg-text pre code{color:#334155}body.theme-light .grok-msg-text h2,body.theme-light .grok-msg-text h3,body.theme-light .grok-msg-text h4{color:#0f172a}body.theme-light .grok-msg-images img{border:1px solid rgba(0,0,0,.1)}body.theme-light .grok-copy-btn{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:rgba(0,0,0,.5)}body.theme-light .grok-copy-btn:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15);color:#18181b}body.theme-light .grok-thinking-dots span{background:rgba(0,0,0,.3)}body.theme-light .grok-thinking-text{color:rgba(0,0,0,.4)}body.theme-light .grok-scroll-btn{background:hsla(0,0%,100%,.92);border:1px solid rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.1);color:#4f46e5}body.theme-light .grok-scroll-btn:hover{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.25)}body.theme-light .grok-input-area{background:#fff}body.theme-light .grok-input-area:before{background:linear-gradient(0deg,#fff,transparent)}body.theme-light .grok-input-row{background:#f8fafc;border:1px solid rgba(0,0,0,.12)}body.theme-light .grok-input-row:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1),0 4px 16px rgba(0,0,0,.05)}body.theme-light .grok-input-row textarea{color:#18181b}body.theme-light .grok-input-row textarea::placeholder{color:rgba(0,0,0,.4)}body.theme-light .grok-attach{color:rgba(0,0,0,.4)}body.theme-light .grok-attach:hover{background:rgba(0,0,0,.06);color:#18181b}body.theme-light .grok-send{background:rgba(0,0,0,.04);color:rgba(0,0,0,.3)}body.theme-light .grok-send.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 10px rgba(99,102,241,.3);color:#fff}body.theme-light .grok-send:disabled{opacity:.4}body.theme-light .grok-input-hint{color:rgba(0,0,0,.3)}body.theme-light .grok-preview-item img{border:1px solid rgba(0,0,0,.1)}body.theme-light .grok-preview-remove{background:#ef4444;border-color:#fff}body.theme-light .grok-preview-remove:hover{background:#dc2626}body.theme-light .grok-overlay{background:rgba(0,0,0,.4)}body.theme-light .grok-modal{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 24px 48px rgba(0,0,0,.15)}body.theme-light .grok-modal-icon{background:rgba(239,68,68,.1)}body.theme-light .grok-modal h3{color:#18181b}body.theme-light .grok-modal p{color:rgba(0,0,0,.55)}body.theme-light .grok-modal-cancel{border:1px solid rgba(0,0,0,.12);color:#18181b}body.theme-light .grok-modal-cancel:hover{background:rgba(0,0,0,.04)}body.theme-light .grok-modal-confirm{background:#ef4444;color:#fff}body.theme-light .grok-modal-confirm:hover{background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.25)}.dup-finder{margin:0 auto;max-width:960px;padding:24px}.dup-header{margin-bottom:28px}.dup-header h1{align-items:center;color:#e4e4e7;color:var(--text-primary,#e4e4e7);display:flex;font-size:22px;font-weight:700;gap:10px;margin:0 0 6px}.dup-header h1 svg{color:#6366f1;color:var(--accent-color,#6366f1)}.dup-header p{color:#71717a;color:var(--text-muted,#71717a);font-size:14px;margin:0}.dup-content{display:flex;flex-direction:column;gap:24px}.dup-dropzone{background:hsla(0,0%,100%,.02);border:2px dashed hsla(0,0%,100%,.1);border:2px dashed var(--border-color,hsla(0,0%,100%,.1));border-radius:16px;cursor:pointer;padding:48px 32px;text-align:center;transition:all .2s}.dup-dropzone.drag-over,.dup-dropzone:hover{background:rgba(99,102,241,.05);border-color:#6366f1;border-color:var(--accent-color,#6366f1)}.dup-dropzone-icon{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));border-radius:16px;color:#6366f1;color:var(--accent-color,#6366f1);display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.dup-dropzone h3{color:#e4e4e7;color:var(--text-primary,#e4e4e7);font-size:16px;font-weight:600;margin:0 0 6px}.dup-dropzone p{color:#71717a;color:var(--text-muted,#71717a);font-size:13px;margin:0}.dup-preview-area{align-items:center;display:flex;flex-direction:column;gap:16px}.dup-preview-wrapper{display:inline-block;position:relative}.dup-preview-img{border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:12px;max-height:300px;max-width:400px;object-fit:contain}.dup-clear-btn{background:#ef4444;border:none;border-radius:50%;font-size:12px;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;width:28px}.dup-clear-btn,.dup-scan-btn{align-items:center;color:#fff;cursor:pointer;display:flex}.dup-scan-btn{background:#6366f1;background:var(--accent-color,#6366f1);border:none;border-radius:10px;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:background .15s}.dup-scan-btn:hover:not(:disabled){background:#818cf8;background:var(--accent-hover,#818cf8)}.dup-scan-btn:disabled{cursor:not-allowed;opacity:.6}.dup-error{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;display:flex;font-size:14px;gap:8px;padding:12px 16px}.dup-analysis-card{background:#12121a;background:var(--bg-secondary,#12121a);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--border-color,hsla(0,0%,100%,.06));border-radius:14px;padding:20px}.dup-analysis-card h3{color:#e4e4e7;color:var(--text-primary,#e4e4e7);font-size:16px;font-weight:600;margin:0 0 16px}.dup-analysis-grid{display:flex;flex-direction:column;gap:14px}.dup-analysis-item label{color:#71717a;color:var(--text-muted,#71717a);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.dup-analysis-item p{color:#e4e4e7;color:var(--text-primary,#e4e4e7);font-size:14px;line-height:1.5;margin:0}.dup-analysis-row{display:flex;flex-wrap:wrap;gap:16px}.dup-tag{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:6px;color:#e4e4e7;color:var(--text-primary,#e4e4e7);display:inline-flex;font-size:12px;gap:5px;padding:4px 10px}.dup-value-estimate{background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.15);border-radius:10px;padding:14px 16px}.dup-value-estimate label{color:#71717a;color:var(--text-muted,#71717a);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.dup-value-range{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.dup-value-low{color:#71717a;font-size:15px}.dup-value-mid{color:#6366f1;color:var(--accent-color,#6366f1);font-size:22px;font-weight:700}.dup-value-high{color:#71717a;font-size:15px}.dup-value-labels{color:#71717a;color:var(--text-muted,#71717a);display:flex;font-size:11px;justify-content:space-between}.dup-matches-section{margin-top:8px}.dup-matches-section h3{align-items:center;color:#e4e4e7;color:var(--text-primary,#e4e4e7);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.dup-no-matches{background:rgba(34,197,94,.06);border-radius:10px;color:#71717a;color:var(--text-muted,#71717a);font-size:14px;padding:20px;text-align:center}.dup-matches-grid{display:flex;flex-direction:column;gap:12px}.dup-match-card{background:#12121a;background:var(--bg-secondary,#12121a);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--border-color,hsla(0,0%,100%,.06));border-radius:12px;padding:16px;transition:border-color .15s}.dup-match-card:hover{border-color:hsla(0,0%,100%,.12)}.dup-match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dup-match-score{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px}.dup-match-rank{color:#71717a;color:var(--text-muted,#71717a);font-size:12px}.dup-match-body{display:flex;gap:14px}.dup-match-img{border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--border-color,hsla(0,0%,100%,.06));border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.dup-match-info{flex:1 1;min-width:0}.dup-match-info h4{color:#e4e4e7;color:var(--text-primary,#e4e4e7);font-size:14px;font-weight:600;margin:0 0 4px}.dup-match-desc{color:#71717a;color:var(--text-muted,#71717a);font-size:13px;line-height:1.4;margin:0 0 8px}.dup-match-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.dup-match-reasons{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.dup-reason{align-items:center;color:#71717a;color:var(--text-muted,#71717a);display:flex;font-size:12px;gap:5px}.dup-reason svg{color:#6366f1;color:var(--accent-color,#6366f1);font-size:9px}.dup-match-price{align-items:center;color:#e4e4e7;color:var(--text-primary,#e4e4e7);display:flex;font-size:13px;gap:6px}.dup-match-price span{color:#71717a;color:var(--text-muted,#71717a)}.dup-match-price strong{color:#6366f1;color:var(--accent-color,#6366f1)}@media (max-width:640px){.dup-finder{padding:16px}.dup-analysis-row{gap:8px}.dup-analysis-row,.dup-match-body{flex-direction:column}.dup-match-img{height:160px;width:100%}}body.theme-light .dup-finder .dup-header h1{color:#1a1a2e}body.theme-light .dup-finder .dup-header p{color:#64748b}body.theme-light .dup-dropzone{background:#f9fafb;border-color:#d1d5db}body.theme-light .dup-dropzone.drag-over,body.theme-light .dup-dropzone:hover{background:rgba(99,102,241,.04);border-color:#6366f1}body.theme-light .dup-dropzone h3{color:#1a1a2e}body.theme-light .dup-dropzone p{color:#64748b}body.theme-light .dup-preview-img{border-color:#e2e8f0}body.theme-light .dup-analysis-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}body.theme-light .dup-analysis-card h3{color:#1a1a2e}body.theme-light .dup-analysis-item label{color:#64748b}body.theme-light .dup-analysis-item p{color:#1e293b}body.theme-light .dup-tag{background:#f1f5f9;border-color:#e2e8f0;color:#1e293b}body.theme-light .dup-value-estimate{background:rgba(99,102,241,.04);border-color:rgba(99,102,241,.12)}body.theme-light .dup-value-estimate label,body.theme-light .dup-value-high,body.theme-light .dup-value-low{color:#64748b}body.theme-light .dup-value-labels span{color:#94a3b8}body.theme-light .dup-matches-section h3{color:#1a1a2e}body.theme-light .dup-no-matches{background:rgba(34,197,94,.06);color:#64748b}body.theme-light .dup-match-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}body.theme-light .dup-match-card:hover{border-color:#c7d2fe}body.theme-light .dup-match-rank{color:#94a3b8}body.theme-light .dup-match-img{border-color:#e2e8f0}body.theme-light .dup-match-info h4{color:#1a1a2e}body.theme-light .dup-match-desc,body.theme-light .dup-reason{color:#64748b}body.theme-light .dup-match-price{color:#1e293b}body.theme-light .dup-match-price span{color:#64748b}body.theme-light .dup-error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.hidden-folders{margin:0 auto;max-width:1200px;padding:24px}.hf-message{align-items:center;animation:hfSlideIn .3s ease;border-radius:8px;display:flex;font-size:.9rem;gap:10px;margin-bottom:16px;padding:12px 16px}.hf-message.success{background:rgba(0,184,148,.12);border:1px solid rgba(0,184,148,.2);color:#00b894}.hf-message.error{background:rgba(225,112,85,.12);border:1px solid rgba(225,112,85,.2);color:#e17055}@keyframes hfSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hf-header{gap:16px;justify-content:space-between;margin-bottom:24px}.hf-header,.hf-header h2{align-items:center;display:flex}.hf-header h2{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:700;gap:10px}.hf-header p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.9rem;margin:4px 0 0}.hf-folder-title{align-items:center;display:flex;flex:1 1;gap:12px}.hf-folder-title h2{margin:0}.hf-folder-title p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.85rem;margin:2px 0 0}.folder-icon-large{font-size:2rem}.hf-folder-actions{display:flex;gap:8px}.hf-empty,.hf-loading{color:#6c757d;color:var(--text-secondary,#6c757d);padding:60px 24px;text-align:center}.hf-empty svg,.hf-loading svg{font-size:3rem;margin-bottom:16px;opacity:.5}.hf-empty h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;margin:8px 0}.hf-empty p{margin-bottom:20px}.hf-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hf-card{background:#fff;background:var(--card-bg,#fff);border:2px solid;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:transform .2s,box-shadow .2s}.hf-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.hf-card-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.hf-card-body h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:600;margin:0 0 4px}.hf-card-body p{font-size:.85rem;margin:0 0 8px}.hf-card-body p,.hf-card-count{color:#6c757d;color:var(--text-secondary,#6c757d)}.hf-card-count{align-items:center;display:flex;font-size:.8rem;gap:6px}.hf-card-actions{display:flex;gap:8px;margin-top:auto}.btn-unlock{align-items:center;background:#6c5ce7;background:var(--primary,#6c5ce7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:opacity .2s}.btn-unlock:hover{opacity:.9}.hf-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.hf-items-header h3{align-items:center;display:flex;font-size:1.1rem;gap:8px}.hf-items-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.hf-item-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:10px;display:flex;justify-content:space-between;padding:16px;transition:box-shadow .2s}.hf-item-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}.hf-item-info h4{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.95rem;margin:0 0 4px}.hf-item-category{color:#6c757d;color:var(--text-secondary,#6c757d);display:block;font-size:.8rem;margin-bottom:4px}.hf-item-value{color:#6c5ce7;color:var(--primary,#6c5ce7);font-size:.85rem;font-weight:600}.btn-primary{border-radius:8px;font-size:.9rem;padding:10px 20px}.full-width{justify-content:center}.btn-back{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-weight:500;gap:6px;padding:8px 16px}.btn-back,.btn-icon{align-items:center;background:transparent;border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:8px;cursor:pointer;display:flex}.btn-icon{color:#6c757d;color:var(--text-secondary,#6c757d);height:36px;justify-content:center;transition:all .2s;width:36px}.btn-icon:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5)}.btn-icon.danger:hover{background:rgba(225,112,85,.1);color:#e17055}.btn-danger:disabled{cursor:not-allowed}.modal-overlay{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlide .3s ease;max-height:80vh;max-width:520px;overflow-y:auto}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header h3{font-size:1.15rem}.btn-close{color:#6c757d;color:var(--text-secondary,#6c757d)}.form-group{margin-bottom:16px}.form-group label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--input-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-sizing:border-box;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.9rem;padding:10px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6c5ce7;border-color:var(--primary,#6c5ce7);outline:none}.form-group textarea{min-height:60px;resize:vertical}.field-error{color:#e17055;display:block;font-size:.8rem;margin-top:4px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.color-picker,.icon-picker{display:flex;flex-wrap:wrap;gap:8px}.icon-btn{background:#f5f5f5;background:var(--hover-bg,#f5f5f5);border:2px solid transparent;border-radius:10px;cursor:pointer;font-size:1.2rem;height:40px;transition:all .2s;width:40px}.icon-btn.selected{background:rgba(108,92,231,.1);border-color:#6c5ce7;border-color:var(--primary,#6c5ce7)}.color-btn{border:3px solid transparent;border-radius:50%;cursor:pointer;height:32px;transition:transform .2s;width:32px}.color-btn.selected{border-color:#1a1a2e;border-color:var(--text-primary,#1a1a2e);transform:scale(1.15)}.search-box{align-items:center;background:#fff;background:var(--input-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;display:flex;gap:10px;margin-bottom:12px;padding:10px 14px}.search-box input{background:transparent;border:none;color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-size:.9rem;outline:none}.search-box svg{color:#6c757d;color:var(--text-secondary,#6c757d)}.items-list{max-height:300px;overflow-y:auto}.item-row{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px;transition:background .15s}.item-row:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5)}.item-row.already-added{opacity:.5}.item-row-info{flex:1 1}.item-row-name{display:block;font-size:.9rem;font-weight:600}.item-row-cat{font-size:.8rem}.already-badge,.item-row-cat{color:#6c757d;color:var(--text-secondary,#6c757d)}.already-badge{background:#f5f5f5;background:var(--hover-bg,#f5f5f5);border-radius:12px;font-size:.75rem;padding:4px 10px}.btn-add-item{align-items:center;background:#6c5ce7;background:var(--primary,#6c5ce7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.btn-add-item:disabled{opacity:.5}.no-results{color:#6c757d;color:var(--text-secondary,#6c757d);padding:20px;text-align:center}.add-password-prompt{background:rgba(108,92,231,.05);border:1px solid rgba(108,92,231,.15);border-radius:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:14px}.add-password-prompt p{font-size:.85rem;margin:0}.add-password-prompt input{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;font-size:.9rem;padding:8px 12px}@media (max-width:640px){.hf-header{align-items:flex-start;flex-direction:column}.form-row,.hf-grid,.hf-items-grid{grid-template-columns:1fr}}.btn-compact{border-radius:6px;font-size:.82rem;padding:6px 14px}.modal-large{max-width:640px}.hf-add-filters{align-items:center;display:flex;gap:8px;margin-bottom:12px}.hf-filter-select{background:#fff;background:var(--input-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;flex:1 1;font-size:.85rem;padding:8px 12px}.hf-filter-select:focus{border-color:#6c5ce7;border-color:var(--primary,#6c5ce7);outline:none}.hf-filter-btn{align-items:center;background:transparent;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.hf-filter-btn:hover{color:#6c5ce7;color:var(--primary,#6c5ce7)}.hf-filter-btn.active,.hf-filter-btn:hover{border-color:#6c5ce7;border-color:var(--primary,#6c5ce7)}.hf-filter-btn.active{background:#6c5ce7;background:var(--primary,#6c5ce7);color:#fff}.item-row-fav{color:#f1c40f;font-size:.8rem;margin-right:6px}body:not(.theme-light) .hidden-folders{color:#e2e8f0}body:not(.theme-light) .hf-header h2{color:#f1f5f9}body:not(.theme-light) .hf-header p{color:#94a3b8}body:not(.theme-light) .hf-card{background:#1e1e2d;border-color:hsla(0,0%,100%,.1)}body:not(.theme-light) .hf-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3)}body:not(.theme-light) .hf-card-body h3{color:#f1f5f9}body:not(.theme-light) .hf-card-body p,body:not(.theme-light) .hf-card-count,body:not(.theme-light) .hf-empty{color:#94a3b8}body:not(.theme-light) .hf-empty h3{color:#f1f5f9}body:not(.theme-light) .hf-loading{color:#94a3b8}body:not(.theme-light) .modal-content{background:#1e1e2d;border:1px solid hsla(0,0%,100%,.1);color:#e2e8f0}body:not(.theme-light) .modal-header h3{color:#f1f5f9}body:not(.theme-light) .btn-close{background:hsla(0,0%,100%,.08);color:#94a3b8}body:not(.theme-light) .btn-close:hover{background:hsla(0,0%,100%,.15)}body:not(.theme-light) .form-group label{color:#e2e8f0}body:not(.theme-light) .form-group input,body:not(.theme-light) .form-group select,body:not(.theme-light) .form-group textarea{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12);color:#f1f5f9}body:not(.theme-light) .form-group input:focus,body:not(.theme-light) .form-group select:focus,body:not(.theme-light) .form-group textarea:focus{border-color:#6c5ce7;border-color:var(--primary,#6c5ce7);box-shadow:0 0 0 2px rgba(108,92,231,.2)}body:not(.theme-light) .form-group input::placeholder,body:not(.theme-light) .form-group textarea::placeholder{color:#64748b}body:not(.theme-light) .search-box{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12)}body:not(.theme-light) .search-box input{color:#f1f5f9}body:not(.theme-light) .search-box input::placeholder{color:#64748b}body:not(.theme-light) .search-box svg{color:#64748b}body:not(.theme-light) .hf-filter-select{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12);color:#f1f5f9}body:not(.theme-light) .hf-filter-select option{background:#1e1e2d;color:#f1f5f9}body:not(.theme-light) .hf-filter-btn{border-color:hsla(0,0%,100%,.12);color:#94a3b8}body:not(.theme-light) .hf-filter-btn:hover{border-color:#6c5ce7;border-color:var(--primary,#6c5ce7);color:#6c5ce7;color:var(--primary,#6c5ce7)}body:not(.theme-light) .hf-filter-btn.active{background:#6c5ce7;background:var(--primary,#6c5ce7);border-color:#6c5ce7;border-color:var(--primary,#6c5ce7);color:#fff}body:not(.theme-light) .item-row{color:#e2e8f0}body:not(.theme-light) .item-row:hover{background:hsla(0,0%,100%,.05)}body:not(.theme-light) .item-row-name{color:#f1f5f9}body:not(.theme-light) .item-row-cat{color:#94a3b8}body:not(.theme-light) .already-badge{background:hsla(0,0%,100%,.08);color:#64748b}body:not(.theme-light) .no-results{color:#64748b}body:not(.theme-light) .add-password-prompt{background:rgba(108,92,231,.08);border-color:rgba(108,92,231,.2)}body:not(.theme-light) .add-password-prompt p{color:#94a3b8}body:not(.theme-light) .add-password-prompt input{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12);color:#f1f5f9}body:not(.theme-light) .hf-item-card{background:#1e1e2d;border-color:hsla(0,0%,100%,.1)}body:not(.theme-light) .hf-item-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}body:not(.theme-light) .hf-item-info h4{color:#f1f5f9}body:not(.theme-light) .hf-item-category{color:#94a3b8}body:not(.theme-light) .hf-folder-title h2,body:not(.theme-light) .hf-items-header h3{color:#f1f5f9}body:not(.theme-light) .hf-folder-title p{color:#94a3b8}body:not(.theme-light) .btn-back{border-color:hsla(0,0%,100%,.12);color:#e2e8f0}body:not(.theme-light) .btn-back:hover{background:hsla(0,0%,100%,.05);color:#f1f5f9}body:not(.theme-light) .btn-icon{border-color:hsla(0,0%,100%,.12);color:#94a3b8}body:not(.theme-light) .btn-icon:hover{background:hsla(0,0%,100%,.08)}body:not(.theme-light) .btn-cancel{border-color:hsla(0,0%,100%,.12);color:#e2e8f0}body:not(.theme-light) .btn-cancel:hover{background:hsla(0,0%,100%,.05)}body:not(.theme-light) .icon-btn{background:hsla(0,0%,100%,.06);color:#e2e8f0}body:not(.theme-light) .icon-btn:hover{background:hsla(0,0%,100%,.1)}body:not(.theme-light) .icon-btn.selected{background:rgba(108,92,231,.15);border-color:#6c5ce7;border-color:var(--primary,#6c5ce7)}body:not(.theme-light) .color-btn.selected{border-color:#f1f5f9}body:not(.theme-light) .form-divider{border-top-color:hsla(0,0%,100%,.1)!important}body:not(.theme-light) .form-divider label{color:#e2e8f0}body:not(.theme-light) .form-divider p{color:#64748b!important}body.theme-light .hidden-folders{color:#1e293b}body.theme-light .hf-header h2{color:#0f172a}body.theme-light .hf-header p{color:#64748b}body.theme-light .hf-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}body.theme-light .hf-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08)}body.theme-light .hf-card-body h3{color:#0f172a}body.theme-light .hf-card-body p{color:#64748b}body.theme-light .hf-card-count{color:#475569}body.theme-light .btn-unlock{background:rgba(108,92,231,.08);border-color:rgba(108,92,231,.2);color:#6c5ce7}body.theme-light .btn-unlock:hover{background:rgba(108,92,231,.15)}body.theme-light .btn-icon{color:#64748b}body.theme-light .btn-icon:hover{background:rgba(0,0,0,.05)}body.theme-light .btn-icon.danger{color:#dc2626}body.theme-light .btn-back{color:#475569}body.theme-light .btn-back:hover,body.theme-light .hf-folder-title h2{color:#0f172a}body.theme-light .hf-folder-title p{color:#64748b}body.theme-light .hf-items-header h3{color:#0f172a}body.theme-light .modal-content{background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 60px rgba(0,0,0,.15);color:#1e293b}body.theme-light .modal-header{border-bottom-color:#e2e8f0}body.theme-light .modal-header h3{color:#0f172a}body.theme-light .modal-danger{background:#fff;border-color:#fecaca}body.theme-light .btn-close{background:rgba(0,0,0,.05);color:#475569}body.theme-light .btn-close:hover{background:rgba(0,0,0,.1)}body.theme-light .form-group label{color:#374151}body.theme-light .form-group input,body.theme-light .form-group select,body.theme-light .form-group textarea{background:#f8fafc;border-color:#d1d5db;color:#1e293b}body.theme-light .form-group input:focus,body.theme-light .form-group textarea:focus{border-color:#6c5ce7;box-shadow:0 0 0 2px rgba(108,92,231,.12)}body.theme-light .form-divider{border-top-color:#e2e8f0!important}body.theme-light .form-divider label{color:#374151}body.theme-light .form-divider p{color:#64748b!important}body.theme-light .search-box{background:#f1f5f9;border-color:#d1d5db}body.theme-light .search-box input{color:#1e293b}body.theme-light .search-box input::placeholder{color:#94a3b8}body.theme-light .item-row{border-color:#e2e8f0;color:#1e293b}body.theme-light .item-row:hover{background:#f8fafc}body.theme-light .item-row-cat{color:#64748b}body.theme-light .already-added{opacity:.5}body.theme-light .already-badge{color:#94a3b8}body.theme-light .no-results{color:#64748b}body.theme-light .add-password-prompt{background:rgba(108,92,231,.04);border-color:rgba(108,92,231,.12)}body.theme-light .add-password-prompt p{color:#475569}body.theme-light .add-password-prompt input{background:#fff;border-color:#d1d5db;color:#1e293b}body.theme-light .hf-empty{color:#64748b}body.theme-light .hf-empty h3{color:#374151}body.theme-light .hf-loading{color:#64748b}body.theme-light .hf-message.success{background:#f0fdf4;border-color:#86efac;color:#166534}body.theme-light .hf-message.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}body.theme-light .hf-item-card{background:#fff;border:1px solid #e2e8f0}body.theme-light .hf-item-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}body.theme-light .hf-item-name{color:#0f172a}body.theme-light .hf-item-cat{color:#64748b}body.theme-light .icon-btn{border-color:#d1d5db;color:#475569}body.theme-light .icon-btn:hover{background:#f1f5f9}body.theme-light .icon-btn.selected{background:rgba(108,92,231,.1);border-color:#6c5ce7}body.theme-light .color-btn{border-color:#d1d5db}.data-transfer{margin:0 auto;max-width:900px;padding:24px}.dt-message{align-items:center;animation:dtSlideIn .3s ease;border-radius:8px;display:flex;font-size:.9rem;gap:10px;margin-bottom:16px;padding:12px 16px}.dt-message.success{background:rgba(0,184,148,.12);border:1px solid rgba(0,184,148,.2);color:#00b894}.dt-message.error{background:rgba(225,112,85,.12);border:1px solid rgba(225,112,85,.2);color:#e17055}@keyframes dtSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dt-header{margin-bottom:24px}.dt-header h2{align-items:center;color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;font-size:1.5rem;font-weight:700;gap:10px}.dt-header p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.9rem;margin:4px 0 0}.dt-tabs{border-bottom:2px solid #e8e8e8;border-bottom:2px solid var(--border-color,#e8e8e8);margin-bottom:24px;padding-bottom:0}.dt-tab,.dt-tabs{display:flex;gap:8px}.dt-tab{align-items:center;background:transparent;border:none;border-bottom:3px solid transparent;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.dt-tab.active{border-bottom-color:#6c5ce7;border-bottom-color:var(--primary,#6c5ce7)}.dt-tab.active,.dt-tab:hover{color:#6c5ce7;color:var(--primary,#6c5ce7)}.dt-section{animation:dtFadeIn .3s ease}@keyframes dtFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dt-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:14px;padding:28px}.dt-card h3{align-items:center;color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;font-size:1.15rem;gap:8px;margin:0 0 8px}.dt-card>p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.9rem;margin:0 0 24px}.dt-format-picker{margin-bottom:20px}.dt-format-picker label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.format-options{display:flex;gap:10px}.format-btn{align-items:center;background:transparent;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:10px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.format-btn.active{background:rgba(108,92,231,.06);color:#6c5ce7;color:var(--primary,#6c5ce7)}.format-btn.active,.format-btn:hover{border-color:#6c5ce7;border-color:var(--primary,#6c5ce7)}.dt-fields{margin-bottom:24px}.dt-fields-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.dt-fields-header label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.85rem;font-weight:600}.dt-fields-actions{display:flex;gap:12px}.btn-link{background:none;border:none;color:#6c5ce7;color:var(--primary,#6c5ce7);cursor:pointer;font-size:.8rem;font-weight:600}.btn-link:hover{text-decoration:underline}.dt-fields-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.dt-field-checkbox{align-items:center;background:#f8f8f8;background:var(--hover-bg,#f8f8f8);border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:8px 12px;position:relative;transition:background .15s}.dt-field-checkbox:hover{background:rgba(108,92,231,.06)}.dt-field-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background:transparent;border:2px solid #4a5568;border-radius:4px;cursor:pointer;height:18px;min-width:18px;position:relative;transition:all .2s ease;width:18px}.dt-field-checkbox input[type=checkbox]:checked{background:#667eea;border-color:#667eea}.dt-field-checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.dt-field-checkbox input[type=checkbox]:hover{border-color:#667eea}.dt-import-mode{margin-bottom:20px}.dt-import-mode>label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.mode-options{display:flex;gap:10px}.mode-btn{align-items:flex-start;background:transparent;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:10px;cursor:pointer;display:flex;flex:1 1;gap:12px;padding:16px;text-align:left;transition:all .2s}.mode-btn svg{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:1.1rem;margin-top:3px}.mode-btn strong{color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:block;font-size:.9rem}.mode-btn small{color:#6c757d;color:var(--text-secondary,#6c757d);display:block;font-size:.8rem;margin-top:2px}.mode-btn.active{background:rgba(108,92,231,.06);border-color:#6c5ce7;border-color:var(--primary,#6c5ce7)}.mode-btn.active svg{color:#6c5ce7;color:var(--primary,#6c5ce7)}.dt-warning{align-items:center;background:hsla(39,97%,71%,.15);border:1px solid hsla(39,97%,71%,.3);border-radius:8px;color:#d35400;display:flex;font-size:.85rem;gap:10px;margin-bottom:16px;padding:12px 16px}.dt-upload-area{margin-bottom:20px}.upload-dropzone{align-items:center;border:2px dashed #d0d0d0;border:2px dashed var(--border-color,#d0d0d0);border-radius:12px;cursor:pointer;display:flex;justify-content:center;padding:32px;text-align:center;transition:all .2s}.upload-dropzone:hover{background:rgba(108,92,231,.03);border-color:#6c5ce7;border-color:var(--primary,#6c5ce7)}.upload-placeholder{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;flex-direction:column;gap:8px}.upload-placeholder svg{font-size:2rem;opacity:.5}.upload-placeholder span{font-weight:600}.upload-placeholder small{font-size:.8rem}.file-selected{align-items:center;display:flex;gap:12px;justify-content:center;position:relative;width:100%}.file-selected svg:first-child{color:#6c5ce7;color:var(--primary,#6c5ce7);font-size:1.5rem}.file-selected span{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-weight:600}.btn-remove-file,.file-selected small{color:#6c757d;color:var(--text-secondary,#6c757d)}.btn-remove-file{background:none;border:none;cursor:pointer;padding:4px;position:absolute;right:0}.dt-preview{border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:10px;margin-bottom:20px;overflow:hidden}.dt-preview h4{align-items:center;background:#f8f8f8;background:var(--hover-bg,#f8f8f8);color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;font-size:.85rem;gap:8px;margin:0;padding:12px 16px}.preview-table-wrapper{overflow-x:auto}.preview-table{border-collapse:collapse;font-size:.8rem;width:100%}.preview-table th{background:#f8f8f8;background:var(--hover-bg,#f8f8f8);color:#6c757d;color:var(--text-secondary,#6c757d);font-weight:600;padding:8px 12px;text-align:left;white-space:nowrap}.preview-table td{border-top:1px solid #e8e8e8;border-top:1px solid var(--border-color,#e8e8e8);color:#1a1a2e;color:var(--text-primary,#1a1a2e);max-width:150px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.preview-note{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.8rem;margin:0;padding:8px;text-align:center}.btn-primary{align-items:center;background:#6c5ce7;background:var(--primary,#6c5ce7);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.full-width{width:100%}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--card-bg,#fff);border-radius:16px;max-width:480px;width:100%}.modal-danger{border:2px solid #e17055}.modal-header{justify-content:space-between;padding:20px 24px 0}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{font-size:1.1rem;gap:8px}.btn-close{align-items:center;background:#f5f5f5;background:var(--hover-bg,#f5f5f5);border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.modal-body{padding:16px 24px 24px}.modal-body p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.9rem;margin:0 0 12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.btn-cancel{background:transparent;border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:8px;font-weight:500}.btn-cancel,.btn-danger{cursor:pointer;padding:10px 20px}.btn-danger{background:#e17055;border:none;border-radius:8px;color:#fff;font-weight:600}.btn-danger:disabled{opacity:.5}@media (max-width:640px){.format-options,.mode-options{flex-direction:column}.dt-fields-grid{grid-template-columns:1fr 1fr}.dt-card{padding:20px}}[data-theme=dark] .dt-card,[data-theme=dark] .modal-content{background:#1e1e2d;background:var(--card-bg,#1e1e2d)}[data-theme=dark] .upload-dropzone{border-color:hsla(0,0%,100%,.15)}[data-theme=dark] .dt-field-checkbox{background:hsla(0,0%,100%,.05)}.dashboard-layout{background:var(--dark-bg,#0f0f1e);min-height:100vh;position:relative}.sidebar{background:#1a1a2e;background:var(--sidebar-bg,#1a1a2e);border-right:1px solid rgba(102,126,234,.1);border-right:1px solid var(--border-subtle,rgba(102,126,234,.1));box-shadow:4px 0 20px rgba(0,0,0,.3);box-shadow:var(--shadow-md,4px 0 20px rgba(0,0,0,.3));color:#fff;color:var(--text-primary,#fff);left:0;overflow:hidden;top:0;transition:width .3s cubic-bezier(.34,1.56,.64,1),left .3s cubic-bezier(.34,1.56,.64,1);z-index:1000}.sidebar.open{width:260px}.sidebar.closed{padding:0!important;width:80px}.sidebar.closed .nav-item{border-radius:12px;justify-content:center;margin-left:8px;margin-right:8px;padding:14px 12px}.sidebar.closed .nav-item:hover{background:rgba(102,126,234,.15);background:var(--sidebar-hover,rgba(102,126,234,.15));transform:scale(1.05)}.sidebar.closed .nav-item.active{background:rgba(102,126,234,.18);border:1px solid rgba(102,126,234,.35);color:#667eea;padding:14px 12px}.sidebar.closed .nav-item.active .nav-icon{color:#667eea}.sidebar.closed .nav-icon{font-size:20px;margin:0!important}.sidebar.closed .nav-label{display:none}.sidebar-nav-scroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.sidebar-nav-scroll::-webkit-scrollbar{width:8px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(102,126,234,.4),rgba(118,75,162,.4));background-clip:padding-box;border:2px solid transparent;border-radius:4px}.sidebar-nav-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(102,126,234,.6),rgba(118,75,162,.6));background-clip:padding-box}.sidebar-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:12px}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(102,126,234,.4),rgba(118,75,162,.4));background-clip:padding-box;border:2px solid transparent;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(102,126,234,.6),rgba(118,75,162,.6));background-clip:padding-box}.sidebar-nav{padding:20px 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:4px}.nav-item{border-radius:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.nav-item .nav-icon{font-size:18px;min-width:24px;text-align:center;width:24px}.nav-item .nav-label{font-size:14px;font-weight:500;margin-left:16px;white-space:nowrap}.categories-section{border-top:1px solid rgba(102,126,234,.1);border-top:1px solid var(--border-subtle,rgba(102,126,234,.1));margin-top:12px;padding:16px 0}.categories-header{align-items:center;color:#667eea;color:var(--accent,#667eea);cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s}.categories-header:hover{background:rgba(102,126,234,.05)}.categories-list{list-style:none;margin:8px 0 0;padding:0}.category-item{align-items:center;color:#a0aec0;color:var(--sidebar-text,#a0aec0);display:flex;font-size:13px;gap:10px;padding:8px 16px;text-decoration:none;transition:all .2s}.category-item:hover{background:rgba(102,126,234,.08);background:var(--sidebar-hover,rgba(102,126,234,.08));color:#667eea;color:var(--accent,#667eea)}.category-color{border-radius:2px;flex-shrink:0;height:10px;width:10px}.sidebar-header{align-items:center;background:none;border-bottom:1px solid rgba(148,163,184,.06);display:flex;flex-shrink:0;justify-content:center;min-height:28px;padding:4px 8px}.sidebar.closed .sidebar-header{justify-content:center;padding:3px 4px}.sidebar.closed .toggle-btn{padding:8px}.sidebar-brand{align-items:center;display:inline-flex;gap:8px;line-height:1;padding:0;-webkit-user-select:none;user-select:none}.brand-primary{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#22d3ee,#3b82f6 45%,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;letter-spacing:.12em;text-shadow:0 0 16px rgba(59,130,246,.25);text-transform:uppercase}.brand-secondary{color:#93c5fd;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.toggle-btn{align-items:center;background:rgba(15,23,42,.4);border:1px solid rgba(102,126,234,.2);border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.toggle-btn:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.35);color:#667eea;transform:scale(1.05)}.sidebar-nav{display:flex;flex-direction:column;padding:12px 0}.nav-section-divider{border-top:1px solid rgba(102,126,234,.15);margin-top:4px;padding:6px 8px 0!important}.nav-feedback-btn{background:rgba(102,126,234,.08)!important;border:1px solid rgba(102,126,234,.2)!important;justify-content:center!important;margin:0!important;padding:10px 12px!important;width:100%}.sidebar.closed .nav-section-divider{padding:6px 4px 0!important}.sidebar.closed .nav-feedback-btn{justify-content:center!important;padding:10px!important;width:auto!important}.nav-feedback-btn:hover{background:rgba(102,126,234,.15)!important;border-color:rgba(102,126,234,.35)!important;color:#667eea!important}.nav-section{padding:0 8px 8px}.nav-section:last-child{padding-bottom:4px}.nav-section-title{color:rgba(160,174,192,.5);color:var(--text-muted,rgba(160,174,192,.5));font-size:10px;font-weight:700;padding:8px 12px 6px}.sidebar.closed .nav-section-title{display:none}.nav-item{border-radius:8px;color:#a0aec0;color:var(--sidebar-text,#a0aec0);margin-bottom:2px;padding:10px 12px;transition:all .2s ease}.nav-item:hover{background:rgba(102,126,234,.15);background:var(--sidebar-hover,rgba(102,126,234,.15));color:#667eea;color:var(--accent,#667eea)}.nav-item.active{background:rgba(102,126,234,.25);background:var(--sidebar-active,rgba(102,126,234,.25));color:#667eea;color:var(--sidebar-text-active,#667eea);font-weight:600}.nav-item.active:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 3px 3px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-item-admin{color:#f5576c!important;opacity:.8}.nav-item-admin:hover{background:rgba(245,87,108,.1)!important;color:#f5576c!important;opacity:1}.nav-item-admin.active{background:rgba(245,87,108,.2)!important;color:#f5576c!important;opacity:1}.nav-item-admin.active:before{background:linear-gradient(180deg,#f5576c,#ff6b81)!important}.nav-icon{font-size:18px;text-align:center}.nav-label{font-size:14px;font-weight:500;margin-left:12px;white-space:nowrap}.sidebar-footer{background:transparent;border-top:none;bottom:0;flex-shrink:0;padding:2px 6px;position:-webkit-sticky;position:sticky;z-index:10}.user-section{position:relative}.user-info-btn{align-items:center;background:rgba(15,23,42,.2);border:1px solid rgba(102,126,234,.08);border-radius:6px;color:#cbd5e1;cursor:pointer;display:flex;gap:8px;padding:3px 6px;transition:all .2s;width:100%}.user-info-btn:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.25)}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;overflow:hidden;position:relative;width:28px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-initials{font-size:11px;font-weight:700;letter-spacing:-.5px}.sidebar-toggle-btn{align-items:center;background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:center;margin-bottom:8px;padding:8px;transition:all .2s ease;width:100%}.sidebar-toggle-btn:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.35);color:#667eea}.sidebar-toggle-btn svg{font-size:12px}.sidebar.closed .sidebar-toggle-btn span{display:none}.sidebar.closed .sidebar-toggle-btn{padding:10px}.user-details-compact{flex:1 1;min-width:0;overflow:hidden}.user-name-compact{color:#fff;color:var(--text-primary,#fff);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{color:#64748b;font-size:10px;transition:transform .2s}.user-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,23,42,.95);border:1px solid rgba(102,126,234,.25);border-radius:8px;bottom:100%;box-shadow:0 -4px 20px rgba(0,0,0,.3);left:0;margin-bottom:8px;padding:4px;position:absolute;right:0;z-index:1000}.dropdown-item{align-items:center;background:transparent;border:none;border-radius:6px;color:#cbd5e1;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:10px;padding:8px 10px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.dropdown-item:hover{background:rgba(102,126,234,.15);color:#667eea}.dropdown-item.logout-item{color:#fca5a5}.dropdown-item.logout-item:hover{background:rgba(239,68,68,.15);color:#f87171}.logout-btn-icon{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#fca5a5;cursor:pointer;display:flex;font-size:14px;justify-content:center;margin-top:4px;padding:8px;transition:all .2s;width:100%}.logout-btn-icon:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);transform:translateY(-1px)}.sidebar.closed .sidebar-footer{align-items:center;display:flex;flex-direction:column;gap:8px;padding:10px 8px 14px}.sidebar.closed .sidebar-toggle-btn{border-radius:8px;font-size:12px;height:32px;justify-content:center;margin-bottom:0;padding:0;width:48px}.sidebar.closed .user-section{align-items:center;display:flex;flex-direction:column;gap:0;width:100%}.sidebar.closed .user-info-btn{background:rgba(102,126,234,.08);border:2px solid rgba(102,126,234,.25);border-radius:12px;height:48px;justify-content:center;padding:0;width:48px}.sidebar.closed .user-info-btn:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.5)}.sidebar.closed .user-avatar-small{border-radius:8px;font-size:13px;height:34px;width:34px}.sidebar.closed .logout-btn-icon{border-radius:8px;font-size:15px;height:36px;margin-top:0;width:48px}.main-content{display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.34,1.56,.64,1)}.main-content.sidebar-open{margin-left:260px}.main-content.sidebar-closed{margin-left:80px}.content-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,46,.8);background:var(--surface-primary,rgba(26,26,46,.8));border-bottom:1px solid rgba(102,126,234,.1);border-bottom:1px solid var(--border-subtle,rgba(102,126,234,.1));padding:28px 32px;position:relative;z-index:100}.content-header h1{color:#fff;color:var(--text-primary,#fff);font-size:28px;font-weight:700;margin:0}.header-left{gap:12px}.back-button,.header-left{align-items:center;display:flex}.back-button{background:hsla(0,0%,100%,.05);border:1px solid rgba(102,126,234,.15);border:1px solid var(--border-subtle,rgba(102,126,234,.15));border-radius:10px;color:#a0aec0;color:var(--text-secondary,#a0aec0);cursor:pointer;flex-shrink:0;font-size:14px;height:36px;justify-content:center;transition:all .2s;width:36px}.back-button:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.3);color:#fff;color:var(--text-primary,#fff)}body.theme-light .back-button{background:rgba(0,0,0,.03);border-color:#e2e8f0;color:#64748b}body.theme-light .back-button:hover{background:rgba(99,102,241,.08);border-color:#6366f1;color:#6366f1}.header-actions{align-items:center;display:flex;gap:16px}.add-item-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.add-item-button:hover{box-shadow:0 6px 20px rgba(102,126,234,.5);transform:translateY(-2px)}.add-item-button:active{transform:translateY(0)}.add-item-button svg{font-size:16px}.feedback-button{display:none}.feedback-button:hover{box-shadow:0 6px 20px rgba(102,126,234,.5);transform:translateY(-2px)}.feedback-button:active{transform:translateY(0)}.feedback-button svg{font-size:16px}.content-body{background:#0f0f1e;background:var(--dark-bg,#0f0f1e);flex:1 1;overflow-y:auto;padding:32px}.content-body::-webkit-scrollbar{width:10px}.content-body::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:5px}.content-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(102,126,234,.5),rgba(118,75,162,.5));background-clip:padding-box;border:2px solid transparent;border-radius:5px}.content-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(102,126,234,.7),rgba(118,75,162,.7));background-clip:padding-box}body.theme-light .sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 12px rgba(0,0,0,.06)}body.theme-light .sidebar-header{border-bottom-color:#e5e7eb}body.theme-light .sidebar-footer{border-top-color:#e5e7eb}body.theme-light .nav-item{color:#374151}body.theme-light .nav-item:hover{background:rgba(102,126,234,.08);color:#667eea}body.theme-light .nav-item.active{background:rgba(102,126,234,.12);color:#667eea}body.theme-light .sidebar-toggle-btn{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.18);color:#6b7280}body.theme-light .sidebar-toggle-btn:hover{background:rgba(102,126,234,.12);border-color:rgba(102,126,234,.3);color:#667eea}body.theme-light .user-info-btn{background:#f3f4f6;border-color:#e5e7eb;color:#374151}body.theme-light .user-info-btn:hover{background:#e9eaf0;border-color:rgba(102,126,234,.3)}body.theme-light .user-name-compact{color:#111827}body.theme-light .dropdown-icon{color:#9ca3af}body.theme-light .user-dropdown{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e5e7eb;box-shadow:0 -4px 20px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.06)}body.theme-light .dropdown-item{color:#374151}body.theme-light .dropdown-item:hover{background:rgba(102,126,234,.08);color:#667eea}body.theme-light .dropdown-item.logout-item{color:#dc2626}body.theme-light .dropdown-item.logout-item:hover{background:rgba(220,38,38,.08);color:#b91c1c}body.theme-light .logout-btn-icon{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.18);color:#dc2626}body.theme-light .logout-btn-icon:hover{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.3)}body.theme-light .sidebar.closed .user-info-btn{background:rgba(102,126,234,.07);border-color:rgba(102,126,234,.22)}body.theme-light .sidebar.closed .user-info-btn:hover{background:rgba(102,126,234,.13);border-color:rgba(102,126,234,.4)}body.theme-light .content-header{background:hsla(0,0%,100%,.95);border-bottom-color:#e5e7eb}body.theme-light .content-header h1{color:#111827}body.theme-light .content-body{background:#f9fafb}.notification-toast-container{display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none;position:fixed;z-index:9999}.notification-toast-container.top-right{right:20px;top:20px}.notification-toast-container.top-left{left:20px;top:20px}.notification-toast-container.bottom-right{bottom:20px;right:20px}.notification-toast-container.bottom-left{bottom:20px;left:20px}.notification-toast{align-items:flex-start;animation:toastSlideIn .3s ease;background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.2);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.4);display:flex;max-width:400px;min-width:320px;padding:14px;pointer-events:all}.notification-toast.exiting{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.toast-content{cursor:pointer;flex:1 1;margin-left:12px}.toast-title{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:2px}.toast-message{color:#a0aec0;font-size:.85rem;line-height:1.4}.toast-action{align-items:center;color:#6366f1;color:var(--accent-color,#6366f1);display:flex;font-size:.8rem;gap:6px;margin-top:6px}.toast-action svg{font-size:.7rem}.toast-close{background:none;border:none;color:#a0aec0;cursor:pointer;padding:4px;transition:color .2s}.toast-close:hover{color:#fff}.toast-overflow{background:rgba(26,26,46,.95);border-radius:8px;color:#a0aec0;font-size:.85rem;padding:10px;pointer-events:all;text-align:center}.notification-center{position:relative}.notification-bell{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.1rem;padding:8px 12px;position:relative;transition:color .2s}.notification-bell:hover{color:#fff}.notification-badge{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:4px;top:2px}.notification-dropdown{animation:dropdownFadeIn .2s ease;background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(102,126,234,.2);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.4);display:flex;flex-direction:column;margin-top:8px;max-height:500px;position:absolute;right:0;top:100%;width:380px;z-index:10000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{border-bottom:1px solid rgba(102,126,234,.2);padding:16px}.notification-header h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 12px}.notification-filters{display:flex;gap:8px}.notification-filters button{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:6px;color:#a0aec0;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.notification-filters button:hover{background:rgba(102,126,234,.2)}.notification-filters button.active{background:#6366f1;border-color:#6366f1;color:#fff}.notification-actions-bar{background:rgba(102,126,234,.1);border-bottom:1px solid rgba(102,126,234,.2);display:flex;justify-content:space-between;padding:10px 16px}.notification-actions-bar button{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:6px 10px;transition:color .2s}.notification-actions-bar button:hover:not(:disabled){color:#fff}.notification-actions-bar button:disabled{cursor:not-allowed;opacity:.5}.notification-list{flex:1 1;max-height:350px;overflow-y:auto}.notification-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.notification-empty svg{font-size:2rem;margin-bottom:10px}.notification-empty p{font-size:.9rem;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid rgba(102,126,234,.1);cursor:pointer;display:flex;padding:14px 16px;transition:background .15s}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#f0f9ff}.notification-item.unread:hover{background:#e0f2fe}.notification-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;height:32px;justify-content:center;width:32px}.notification-content{flex:1 1;margin-left:12px;min-width:0}.notification-title{color:#fff;font-size:.85rem;font-weight:600;margin-bottom:2px}.notification-message{color:#a0aec0;font-size:.8rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{color:#94a3b8;font-size:.75rem;margin-top:4px}.notification-dismiss{background:none;border:none;color:#cbd5e1;cursor:pointer;opacity:0;padding:4px;transition:all .2s}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{color:#ef4444}.notification-read-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:.8rem;margin-right:2px;opacity:0;padding:4px;transition:all .2s}.notification-item:hover .notification-read-toggle{opacity:1}.notification-read-toggle:hover{color:#6366f1}.notification-footer{border-top:1px solid #e2e8f0;padding:12px 16px;text-align:center}.notification-footer button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.85rem;font-weight:500}.notification-footer button:hover{text-decoration:underline}@media (prefers-color-scheme:dark){.notification-toast{background:#1e293b}.toast-title{color:#f1f5f9}.toast-message{color:#94a3b8}.notification-dropdown{background:#1e293b;border-color:#334155}.notification-header{border-color:#334155}.notification-header h3{color:#f1f5f9}.notification-filters button{background:#0f172a;border-color:#334155;color:#94a3b8}.notification-filters button:hover{background:#334155}.notification-actions-bar{background:#0f172a;border-color:#334155}.notification-item{border-color:#334155}.notification-item:hover{background:#334155}.notification-item.unread{background:rgba(99,102,241,.1)}.notification-item.unread:hover{background:rgba(99,102,241,.15)}.notification-title{color:#f1f5f9}.notification-footer{border-color:#334155}.toast-overflow{background:rgba(30,41,59,.9)}}body.theme-light .notification-toast{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(0,0,0,.1)}body.theme-light .toast-title{color:#1a1a2e}body.theme-light .toast-message{color:#64748b}body.theme-light .toast-close{color:#94a3b8}body.theme-light .toast-close:hover{color:#1e293b}body.theme-light .toast-overflow{background:hsla(0,0%,100%,.95);border:1px solid #e2e8f0;color:#64748b}body.theme-light .notification-bell{color:#64748b}body.theme-light .notification-bell:hover{color:#1e293b}body.theme-light .notification-dropdown{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 40px rgba(0,0,0,.12)}body.theme-light .notification-header{border-bottom-color:#e2e8f0}body.theme-light .notification-header h3{color:#1a1a2e}body.theme-light .notification-filters button{background:#f8fafc;border-color:#e2e8f0;color:#64748b}body.theme-light .notification-filters button:hover{background:#f1f5f9}body.theme-light .notification-filters button.active{background:#6366f1;border-color:#6366f1;color:#fff}body.theme-light .notification-actions-bar{background:#f8fafc;border-bottom-color:#e2e8f0}body.theme-light .notification-actions-bar button{color:#64748b}body.theme-light .notification-actions-bar button:hover:not(:disabled){color:#1e293b}body.theme-light .notification-item{border-bottom-color:#f1f5f9}body.theme-light .notification-item:hover{background:#f8fafc}body.theme-light .notification-item.unread{background:#f0f4ff}body.theme-light .notification-item.unread:hover{background:#e8edff}body.theme-light .notification-title{color:#1a1a2e}body.theme-light .notification-message{color:#64748b}body.theme-light .notification-time{color:#94a3b8}body.theme-light .notification-dismiss{color:#cbd5e1}body.theme-light .notification-dismiss:hover{color:#ef4444}body.theme-light .notification-empty{color:#94a3b8}body.theme-light .notification-footer{border-top-color:#e2e8f0}@media (max-width:480px){.notification-toast-container{left:10px;max-width:none;right:10px}.notification-toast{min-width:auto;width:100%}.notification-dropdown{right:-10px;width:calc(100vw - 20px)}}.tut-overlay{animation:tutFadeIn .3s ease;inset:0;position:fixed;z-index:10000}@keyframes tutFadeIn{0%{opacity:0}to{opacity:1}}.tut-overlay.tut-exiting{animation:tutFadeOut .3s ease forwards}@keyframes tutFadeOut{to{opacity:0}}.tut-svg{cursor:default;height:100%;inset:0;pointer-events:auto;position:absolute;width:100%}.tut-ring{animation:tutRingPulse 2s ease-in-out infinite;border-radius:10px;box-shadow:0 0 0 3px rgba(99,102,241,.7),0 0 20px rgba(99,102,241,.35);pointer-events:none;position:fixed;z-index:10001}@keyframes tutRingPulse{0%,to{box-shadow:0 0 0 3px rgba(99,102,241,.7),0 0 20px rgba(99,102,241,.35)}50%{box-shadow:0 0 0 5px rgba(99,102,241,.5),0 0 32px rgba(99,102,241,.5)}}.tut-tip{animation:tutTipIn .25s ease-out;background:#1a1f2e;background:var(--bg-card,#1a1f2e);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-color,hsla(0,0%,100%,.08));border-radius:18px;box-shadow:0 20px 48px rgba(0,0,0,.45),0 0 0 1px hsla(0,0%,100%,.04);max-width:calc(100vw - 32px);overflow:hidden;position:fixed;width:380px;z-index:10002}.tut-tip-center{animation:tutTipInCenter .25s ease-out;left:50%!important;pointer-events:auto;top:50%!important;transform:translate(-50%,-50%);width:520px}@keyframes tutTipIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tutTipInCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tut-tip-exit{animation:tutTipOut .25s ease forwards}.tut-tip-center.tut-tip-exit{animation:tutTipOutCenter .25s ease forwards}@keyframes tutTipOut{to{opacity:0;transform:translateY(10px)}}@keyframes tutTipOutCenter{to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.tut-tip-head{gap:10px;padding:16px 20px;position:relative}.tut-tip-head,.tut-tip-icon{align-items:center;display:flex}.tut-tip-icon{border-radius:50%;box-shadow:0 0 0 8px hsla(0,0%,100%,.08);color:#fff;font-size:20px;height:44px;justify-content:center;width:44px}.tut-tip-icon,.tut-tip-step{background:hsla(0,0%,100%,.2)}.tut-tip-step{border-radius:20px;color:hsla(0,0%,100%,.8);font-size:12px;font-weight:700;padding:2px 10px}.tut-tip-close{align-items:center;background:hsla(0,0%,100%,.15);border:none;border-radius:50%;color:hsla(0,0%,100%,.9);cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin-left:auto;transition:background .2s;width:30px}.tut-tip-close:hover{background:rgba(239,68,68,.5)}.tut-tip-body{padding:22px 22px 14px}.tut-badge{align-items:center;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.25);border-radius:20px;color:#818cf8;display:inline-flex;font-size:10.5px;font-weight:700;gap:6px;letter-spacing:.7px;margin-bottom:14px;padding:3px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.tut-tip-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:20px;font-weight:800;line-height:1.25;margin:0 0 10px}.tut-tip-desc{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:13.5px;line-height:1.7;margin:0 0 12px}.tut-action-hint{align-items:center;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#22c55e;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:7px;margin-top:4px;padding:5px 14px;transition:background .2s}.tut-action-hint:hover{background:rgba(34,197,94,.2)}.tut-tip-foot{padding:12px 22px 18px}.tut-dots{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.tut-dot{background:hsla(0,0%,100%,.14);background:var(--border-color,hsla(0,0%,100%,.14));border:none;border-radius:50%;cursor:pointer;height:7px;padding:0;transition:width .3s cubic-bezier(.34,1.56,.64,1),background .3s;width:7px}.tut-dot.active{background:#667eea;border-radius:4px;width:22px}.tut-dot.done{background:#22c55e}.tut-nav{display:flex;gap:8px}.tut-btn,.tut-nav{align-items:center}.tut-btn{border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 16px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.tut-btn-next{box-shadow:0 4px 14px rgba(99,102,241,.35);color:#fff;margin-left:auto}.tut-btn-next:hover{box-shadow:0 6px 20px rgba(99,102,241,.45);transform:translateY(-1px)}.tut-btn-back{background:hsla(0,0%,100%,.07);background:var(--bg-hover,hsla(0,0%,100%,.07));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-color,hsla(0,0%,100%,.08));color:#f1f5f9;color:var(--text-primary,#f1f5f9);padding:9px 12px}.tut-btn-back:hover{background:hsla(0,0%,100%,.12)}.tut-btn-skip{background:transparent;color:#64748b;color:var(--text-muted,#64748b);padding:9px 8px}.tut-btn-skip:hover{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.tut-help-btn{align-items:center;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.2);border-radius:50%;color:#818cf8;cursor:pointer;display:flex;flex-shrink:0;font-size:17px;height:38px;justify-content:center;transition:background .2s,transform .15s;width:38px}.tut-help-btn:hover{background:rgba(99,102,241,.22);transform:scale(1.08)}.tut-fab{display:none}[data-theme=light] .tut-tip{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 20px 48px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)}[data-theme=light] .tut-badge{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);color:#4f46e5}[data-theme=light] .tut-tip-title{color:#0f172a}[data-theme=light] .tut-tip-desc{color:#64748b}[data-theme=light] .tut-dot{background:rgba(0,0,0,.12)}[data-theme=light] .tut-btn-back{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08);color:#0f172a}[data-theme=light] .tut-btn-back:hover{background:rgba(0,0,0,.09)}[data-theme=light] .tut-btn-skip{color:#94a3b8}[data-theme=light] .tut-btn-skip:hover{color:#0f172a}[data-theme=light] .tut-ring{box-shadow:0 0 0 3px rgba(79,70,229,.7),0 0 20px rgba(79,70,229,.25)}[data-theme=light] .tut-action-hint{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.15)}[data-theme=light] .tut-help-btn{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.15);color:#4f46e5}[data-theme=light] .tut-help-btn:hover{background:rgba(99,102,241,.15)}@media (max-width:600px){.tut-tip,.tut-tip-center{width:calc(100vw - 24px)}.tut-tip-title{font-size:18px}.tut-tip-body{padding:16px 16px 10px}.tut-tip-foot{padding:10px 16px 14px}.tut-nav{flex-wrap:wrap}.tut-btn-next{justify-content:center;margin-left:0;width:100%}}:root,:root[data-theme=dark]{--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#11998e,#38ef7d);--gradient-warning:linear-gradient(135deg,#f093fb,#f5576c);--gradient-info:linear-gradient(135deg,#4facfe,#00f2fe);--dark-bg:#0f0f1e;--dark-secondary:#1a1a2e;--dark-tertiary:#252540;--surface-primary:#1a1a2e;--surface-secondary:#252540;--surface-elevated:#2a2a4a;--surface-overlay:rgba(0,0,0,.6);--text-primary:#f7fafc;--text-secondary:#cbd5e0;--text-muted:#a0aec0;--text-inverse:#1a202c;--border-color:#2d3748;--border-subtle:rgba(102,126,234,.15);--border-accent:rgba(102,126,234,.3);--accent:#667eea;--accent-hover:#5a6fd6;--success:#11998e;--warning:#f5576c;--danger:#ef4444;--info:#4facfe;--input-bg:rgba(15,15,30,.8);--input-border:rgba(102,126,234,.3);--input-text:#fff;--input-placeholder:rgba(160,174,192,.7);--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 14px rgba(0,0,0,.5);--shadow-lg:0 10px 40px rgba(0,0,0,.6);--sidebar-bg:#0d0d1a;--sidebar-hover:rgba(102,126,234,.1);--sidebar-active:rgba(102,126,234,.18);--sidebar-text:#cbd5e0;--sidebar-text-active:#fff;--scrollbar-track:#1a1a2e;--scrollbar-thumb:#2d3748}:root[data-theme=light]{--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#11998e,#38ef7d);--gradient-warning:linear-gradient(135deg,#f093fb,#f5576c);--gradient-info:linear-gradient(135deg,#4facfe,#00f2fe);--dark-bg:#f0f2f5;--dark-secondary:#fff;--dark-tertiary:#f7f8fa;--surface-primary:#fff;--surface-secondary:#f7f8fa;--surface-elevated:#fff;--surface-overlay:rgba(0,0,0,.25);--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--text-inverse:#f7fafc;--border-color:#e2e8f0;--border-subtle:rgba(0,0,0,.06);--border-accent:rgba(102,126,234,.25);--accent:#667eea;--accent-hover:#5a6fd6;--success:#11998e;--warning:#f5576c;--danger:#ef4444;--info:#4facfe;--input-bg:#fff;--input-border:#cbd5e0;--input-text:#1a202c;--input-placeholder:rgba(113,128,150,.7);--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 14px rgba(0,0,0,.1);--shadow-lg:0 10px 40px rgba(0,0,0,.12);--sidebar-bg:#fff;--sidebar-hover:rgba(102,126,234,.06);--sidebar-active:rgba(102,126,234,.12);--sidebar-text:#4a5568;--sidebar-text-active:#667eea;--scrollbar-track:#f0f2f5;--scrollbar-thumb:#cbd5e0}*{margin:0;padding:0}body{background:#0f0f1e;background:var(--dark-bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body.reduce-motion *,body.reduce-motion :after,body.reduce-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body.reduce-motion .btn-save:hover,body.reduce-motion .nav-item.active,body.reduce-motion .nav-item:hover{box-shadow:none!important;transform:none!important}@media (hover:none){.action-card:hover,.add-item-button:hover,.addon-card:hover,.btn-add-category:hover,.btn-add-item:hover,.btn-create-collection:hover,.btn-primary:hover,.btn-save:hover,.category-card:hover,.collection-card:hover,.contact-btn:hover,.dashboard-chart:hover,.favorite-card:hover,.feedback-button:hover,.feedback-type-card:hover,.item-card:hover,.logout-btn:hover,.nav-item:hover,.plan-card:hover,.plan-cta:hover,.setup-btn:hover,.stat-card:hover,.sub-plan-card:hover,.submit-btn:hover,.tab-btn:hover,.team-card:hover,.user-profile:hover,.wh-card:hover{transform:none!important}.card-actions,.code-item button,.collection-actions,.comment-delete-btn,.item-actions,.notification-actions,.notification-dismiss,.remove-image-btn{opacity:1!important;pointer-events:auto!important;visibility:visible!important}}body.prefer-touch .addon-card:hover,body.prefer-touch .btn-primary:hover,body.prefer-touch .btn-save:hover,body.prefer-touch .category-card:hover,body.prefer-touch .collection-card:hover,body.prefer-touch .dashboard-chart:hover,body.prefer-touch .favorite-card:hover,body.prefer-touch .item-card:hover,body.prefer-touch .nav-item:hover,body.prefer-touch .plan-card:hover,body.prefer-touch .stat-card:hover,body.prefer-touch .sub-plan-card:hover,body.prefer-touch .tab-btn:hover,body.prefer-touch .team-card:hover,body.prefer-touch .wh-card:hover{transform:none!important}body.prefer-touch .card-actions,body.prefer-touch .code-item button,body.prefer-touch .collection-actions,body.prefer-touch .comment-delete-btn,body.prefer-touch .item-actions,body.prefer-touch .notification-actions,body.prefer-touch .notification-dismiss,body.prefer-touch .remove-image-btn{opacity:1!important;pointer-events:auto!important;visibility:visible!important}body.prefer-touch [role=button],body.prefer-touch [role=switch],body.prefer-touch a,body.prefer-touch button,body.prefer-touch label{min-height:44px;min-width:44px}body.prefer-touch .nav-item{min-height:48px;padding:14px 16px}body.formal-ui :hover{transform:none!important}body.formal-ui .action-card:hover,body.formal-ui .btn-add-category:hover,body.formal-ui .btn-add-item:hover,body.formal-ui .btn-create-collection:hover,body.formal-ui .btn-primary:hover,body.formal-ui .btn-save:hover,body.formal-ui .btn-secondary:hover,body.formal-ui .category-card:hover,body.formal-ui .collection-card:hover,body.formal-ui .dashboard-chart:hover,body.formal-ui .favorite-card:hover,body.formal-ui .item-card:hover,body.formal-ui .plan-card:hover,body.formal-ui .stat-card:hover,body.formal-ui .sub-plan-card:hover,body.formal-ui .team-card:hover,body.formal-ui .wh-card:hover{box-shadow:none!important}body.formal-ui .add-chart-btn,body.formal-ui .btn-add-category,body.formal-ui .btn-add-item,body.formal-ui .btn-apply,body.formal-ui .btn-clear-all,body.formal-ui .btn-create-collection,body.formal-ui .btn-edit,body.formal-ui .btn-mark-all,body.formal-ui .btn-primary,body.formal-ui .btn-save,body.formal-ui .btn-secondary,body.formal-ui .btn-settings,body.formal-ui .btn-upgrade-small,body.formal-ui .contact-btn,body.formal-ui .plan-cta,body.formal-ui .submit-btn{background:#202636!important;border:1px solid #2e364b!important;border-radius:10px!important;box-shadow:none!important;color:#e5e7eb!important;font-weight:600!important}body.formal-ui .add-chart-btn svg,body.formal-ui .btn-add-category svg,body.formal-ui .btn-add-item svg,body.formal-ui .btn-clear-all svg,body.formal-ui .btn-create-collection svg,body.formal-ui .btn-edit svg,body.formal-ui .btn-mark-all svg,body.formal-ui .btn-primary svg,body.formal-ui .btn-save svg,body.formal-ui .btn-secondary svg,body.formal-ui .btn-settings svg{color:#cbd5e1!important}.dashboard-layout{background:#0f0f1e;background:var(--dark-bg);display:flex;height:100vh}.sidebar{background:linear-gradient(180deg,#1a1a2e,#0f0f1e);border-right:1px solid #2d3748;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:24px 0;position:fixed;width:280px;z-index:100}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#2d3748;background:var(--border-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#cbd5e0;background:var(--text-secondary)}.sidebar-header{border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-color);padding:0 24px 32px}.sidebar-nav{flex:1 1;padding:24px 12px}.nav-section{margin-bottom:32px}.nav-section-title{font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:12px;padding:0 12px;text-transform:uppercase}.nav-item,.nav-section-title{color:#cbd5e0;color:var(--text-secondary)}.nav-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:8px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none}.nav-item:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:12px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.nav-item:hover{background:rgba(102,126,234,.1);color:#f7fafc;color:var(--text-primary)}.nav-item:hover:before{opacity:.05}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 8px 24px rgba(102,126,234,.3);color:#f7fafc;color:var(--text-primary)}.nav-icon{align-items:center;display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.sidebar-footer{border-top:1px solid #2d3748;border-top:1px solid var(--border-color);margin-top:auto;padding:24px}.user-profile{align-items:center;background:rgba(102,126,234,.05);border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:12px}.user-profile:hover{background:rgba(102,126,234,.1)}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.user-info{flex:1 1}.user-name{color:#f7fafc;color:var(--text-primary);font-size:14px;font-weight:600}.user-email{color:#cbd5e0;color:var(--text-secondary);font-size:12px}.logout-btn{background:rgba(229,62,62,.1);border:1px solid hsla(0,88%,68%,.2);border-radius:8px;color:#f56565;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .3s ease;width:100%}.logout-btn:hover{background:rgba(229,62,62,.15);border-color:hsla(0,88%,68%,.4)}.main-content{background:#0f0f1e;background:var(--dark-bg);flex:1 1;margin-left:280px;overflow-y:auto}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#2d3748;background:var(--border-color);border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#cbd5e0;background:var(--text-secondary)}.content-header{align-items:center;border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 32px}.content-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}@media (max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px}}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0}.content-header{padding:16px}}[data-theme=light] body{background-color:#f0f2f5;color:#1a202c}[data-theme=light] .sidebar{background:#fff;border-right-color:#e2e8f0;box-shadow:2px 0 12px rgba(0,0,0,.06)}[data-theme=light] .sidebar-header{background:linear-gradient(135deg,rgba(102,126,234,.06),rgba(118,75,162,.03));border-bottom-color:#e2e8f0}[data-theme=light] .sidebar-header h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}[data-theme=light] .logo{color:#1a202c}[data-theme=light] .toggle-btn{color:#718096}[data-theme=light] .toggle-btn:hover{color:#667eea}[data-theme=light] .nav-section-title{color:#a0aec0}[data-theme=light] .nav-item{color:#4a5568}[data-theme=light] .nav-item:hover{background:rgba(102,126,234,.06);color:#667eea}[data-theme=light] .nav-item.active{background:rgba(102,126,234,.1);box-shadow:inset 0 0 12px rgba(102,126,234,.08);color:#667eea}[data-theme=light] .categories-section{border-top-color:#e2e8f0}[data-theme=light] .category-item{color:#4a5568}[data-theme=light] .category-item:hover{background:rgba(102,126,234,.05);color:#667eea}[data-theme=light] .sidebar-footer{background:#fff;border-top-color:#e2e8f0}[data-theme=light] .user-info{background:rgba(102,126,234,.04)}[data-theme=light] .user-name{color:#1a202c}[data-theme=light] .user-email{color:#718096}[data-theme=light] .logout-btn{background:rgba(245,87,108,.06);border-color:rgba(245,87,108,.15)}[data-theme=light] .logout-btn:hover{background:rgba(245,87,108,.12)}[data-theme=light] .dashboard-layout{background:#f0f2f5}[data-theme=light] .content-header{background:#fff;border-bottom-color:#e2e8f0}[data-theme=light] .content-header h1{color:#1a202c}[data-theme=light] .content-body{background:#f0f2f5}[data-theme=light] .dash-btn{background:rgba(0,0,0,.03);border-color:#e2e8f0;color:#4a5568}[data-theme=light] .dash-btn:hover{background:rgba(0,0,0,.06);border-color:#cbd5e0;color:#1a202c}[data-theme=light] .dash-btn.active{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.3);color:#6366f1}[data-theme=light] .dashboard-loading{color:#718096}[data-theme=light] .dash-header-left h1{color:#1a202c}[data-theme=light] .dash-subtitle{color:#718096}[data-theme=light] .kpi-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=light] .kpi-card:hover{border-color:rgba(99,102,241,.2);box-shadow:0 8px 24px rgba(0,0,0,.08)}[data-theme=light] .kpi-label{color:#718096}[data-theme=light] .kpi-value{color:#1a202c}[data-theme=light] .kpi-sub{color:#718096}[data-theme=light] .dash-controls{background:#fff;border-color:#e2e8f0}[data-theme=light] .pill{color:#718096}[data-theme=light] .pill:hover{background:rgba(0,0,0,.04);color:#1a202c}[data-theme=light] .nav-arrow{background:rgba(0,0,0,.03);border-color:#e2e8f0;color:#718096}[data-theme=light] .nav-arrow:hover{background:rgba(0,0,0,.06);color:#1a202c}[data-theme=light] .period-label-text{color:#1a202c}[data-theme=light] .dashboard-chart{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=light] .dashboard-chart:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent)}[data-theme=light] .dashboard-chart:hover{border-color:rgba(102,126,234,.3);box-shadow:0 12px 32px rgba(0,0,0,.1)}[data-theme=light] .chart-header h3{color:#1a202c}[data-theme=light] .chart-btn{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.15)}[data-theme=light] .chart-description{color:#718096}[data-theme=light] .chart-footer{border-top-color:#e2e8f0;color:#718096}[data-theme=light] .add-chart-btn{border-color:rgba(99,102,241,.15)}[data-theme=light] .add-chart-btn:hover{background:rgba(99,102,241,.04)}[data-theme=light] .customizer-panel{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px rgba(0,0,0,.1)}[data-theme=light] .customizer-item{background:rgba(0,0,0,.02);border-color:#e2e8f0}[data-theme=light] .settings-header h2{color:#1a202c}[data-theme=light] .settings-header p,[data-theme=light] .tab-btn{color:#718096}[data-theme=light] .tab-btn:hover{background:rgba(102,126,234,.05);color:#667eea}[data-theme=light] .tab-btn.active{background:rgba(102,126,234,.08);color:#667eea}[data-theme=light] .settings-content{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=light] .settings-panel h3{color:#1a202c}[data-theme=light] .section-subtitle,[data-theme=light] .settings-panel h4{color:#2d3748}[data-theme=light] .section-description{color:#718096}[data-theme=light] .form-group label{color:#2d3748}[data-theme=light] .form-hint{color:#a0aec0}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#f7f8fa!important;border-color:#e2e8f0!important;color:#1a202c!important}[data-theme=light] .form-group input::placeholder,[data-theme=light] .form-group textarea::placeholder{color:#a0aec0!important}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus,[data-theme=light] .form-group textarea:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.1)}[data-theme=light] select option{background:#fff;color:#1a202c}[data-theme=light] .language-option,[data-theme=light] .theme-option{background:#f7f8fa;border-color:#e2e8f0;color:#4a5568}[data-theme=light] .language-option:hover,[data-theme=light] .theme-option:hover{border-color:#667eea;color:#1a202c}[data-theme=light] .language-option.active,[data-theme=light] .theme-option.active{background:rgba(102,126,234,.08);border-color:#667eea;color:#667eea}[data-theme=light] .toggle-item{background:rgba(0,0,0,.01);border-color:#e2e8f0}[data-theme=light] .toggle-item:hover{background:rgba(102,126,234,.03)}[data-theme=light] .toggle-info p{color:#1a202c}[data-theme=light] .toggle-info span{color:#718096}[data-theme=light] .privacy-info,[data-theme=light] .security-section{background:rgba(0,0,0,.01);border-color:#e2e8f0}[data-theme=light] .privacy-info h4,[data-theme=light] .security-section h4{color:#1a202c}[data-theme=light] .privacy-info p,[data-theme=light] .security-section p{color:#4a5568}[data-theme=light] .danger-zone{background:rgba(239,68,68,.03);border-color:rgba(239,68,68,.12)}[data-theme=light] .delete-confirm-box{background:rgba(239,68,68,.03);border-color:rgba(239,68,68,.15)}[data-theme=light] .role-badge{background:rgba(102,126,234,.08);color:#667eea}[data-theme=light] .item-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=light] .item-card:hover{border-color:rgba(102,126,234,.2);box-shadow:0 12px 32px rgba(0,0,0,.08)}[data-theme=light] .card-body h3{color:#1a202c}[data-theme=light] .card-body .item-description{color:#718096}[data-theme=light] .card-footer,[data-theme=light] .card-meta{border-top-color:#e2e8f0;color:#718096}[data-theme=light] .search-input{background:#fff!important;border-color:#e2e8f0!important;color:#1a202c!important}[data-theme=light] .search-input::placeholder{color:#a0aec0!important}[data-theme=light] .search-input:focus{background:#fff!important;border-color:#667eea!important}[data-theme=light] .library-loading{color:#718096}[data-theme=light] .btn-advanced-filters{background:rgba(0,0,0,.02);border-color:#e2e8f0;color:#4a5568}[data-theme=light] .btn-advanced-filters:hover{background:rgba(102,126,234,.06);border-color:#667eea;color:#667eea}[data-theme=light] .items-sort select{background:#fff!important;border-color:#e2e8f0!important;color:#1a202c!important}[data-theme=light] .empty-favorites,[data-theme=light] .empty-state,[data-theme=light] .empty-trash,[data-theme=light] .no-items{color:#718096}[data-theme=light] .empty-state h3{color:#1a202c}[data-theme=light] .category-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=light] .category-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}[data-theme=light] .category-card h3{color:#1a202c}[data-theme=light] .category-stats{color:#718096}[data-theme=light] .favorites-stats .stat-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .stat-label{color:#718096}[data-theme=light] .stat-value{color:#1a202c}[data-theme=light] .notification-item,[data-theme=light] .trash-item{background:#fff;border-color:#e2e8f0}[data-theme=light] .notification-item.unread{background:rgba(102,126,234,.03)}[data-theme=light] .notification-title{color:#1a202c}[data-theme=light] .notification-message{color:#4a5568}[data-theme=light] .notification-time{color:#a0aec0}[data-theme=light] .notification-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 40px rgba(0,0,0,.12)}[data-theme=light] .notification-dropdown-header{border-bottom-color:#e2e8f0}[data-theme=light] .notification-dropdown-header h3{color:#1a202c}[data-theme=light] .audit-trail-page{--primary:#667eea}[data-theme=light] .audit-entry{background:#fff;border-color:#e2e8f0}[data-theme=light] .audit-entry:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}[data-theme=light] .workspace-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=light] .workspace-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}[data-theme=light] .workspace-banner{color:#1a202c}[data-theme=light] .collection-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=light] .collection-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}[data-theme=light] .billing-card,[data-theme=light] .plan-card,[data-theme=light] .storage-card,[data-theme=light] .subscription-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=light] .pricing-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.06)}[data-theme=light] .pricing-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.1)}[data-theme=light] .pricing-card h3,[data-theme=light] .pricing-price{color:#1a202c}[data-theme=light] .pricing-feature{color:#4a5568}[data-theme=light] .compare-table td,[data-theme=light] .compare-table th{border-color:#e2e8f0}[data-theme=light] .compare-table th{background:#f7f8fa;color:#1a202c}[data-theme=light] .compare-table td{color:#4a5568}[data-theme=light] .faq-item,[data-theme=light] .invitation-card,[data-theme=light] .member-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .member-name{color:#1a202c}[data-theme=light] .member-email{color:#718096}[data-theme=light] .feedback-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=light] .feedback-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}[data-theme=light] .feedback-title{color:#1a202c}[data-theme=light] .feedback-description{color:#4a5568}[data-theme=light] .item-detail,[data-theme=light] .item-detail-view{background:#fff;border-color:#e2e8f0}[data-theme=light] .detail-header h2{color:#1a202c}[data-theme=light] .detail-tab{color:#718096}[data-theme=light] .detail-tab.active{border-bottom-color:#667eea;color:#667eea}[data-theme=light] .detail-label{color:#718096}[data-theme=light] .detail-value{color:#1a202c}[data-theme=light] .item-modal-overlay{background:rgba(0,0,0,.25)}[data-theme=light] .item-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 24px 60px rgba(0,0,0,.12)}[data-theme=light] .item-modal h2,[data-theme=light] .item-modal h3{color:#1a202c}[data-theme=light] .modal-overlay{background:rgba(0,0,0,.25)}[data-theme=light] .modal,[data-theme=light] .modal-content{background:#fff;border-color:#e2e8f0;color:#1a202c}[data-theme=light] .filter-panel,[data-theme=light] .filter-panel-overlay .filter-panel-content{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 40px rgba(0,0,0,.1)}[data-theme=light] .filter-panel h3,[data-theme=light] .filter-panel h4{color:#1a202c}[data-theme=light] .filter-panel label{color:#4a5568}[data-theme=light] .comment-item{background:rgba(0,0,0,.01);border-color:#e2e8f0}[data-theme=light] .comment-author{color:#1a202c}[data-theme=light] .comment-text{color:#4a5568}[data-theme=light] .comment-time{color:#a0aec0}[data-theme=light] .comment-input{background:#f7f8fa!important;border-color:#e2e8f0!important;color:#1a202c!important}[data-theme=light] .feedback-modal{background:#fff}[data-theme=light] .feedback-modal h2{color:#1a202c}[data-theme=light] .feedback-modal label{color:#2d3748}[data-theme=light] .auth-container,[data-theme=light] .auth-modern{background:#f0f2f5}[data-theme=light] .auth-card,[data-theme=light] .auth-form-section{background:#fff}[data-theme=light] .auth-form-section h2{color:#1a202c}[data-theme=light] .auth-form-section p{color:#718096}[data-theme=light] .workspace-switcher-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 40px rgba(0,0,0,.1)}[data-theme=light] ::-webkit-scrollbar-track{background:#f0f2f5}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e0}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a0aec0}[data-theme=light] .notification-settings-page{--primary:#667eea;--primary-dark:#5a67d8}[data-theme=light] .notification-settings-page .settings-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .notification-settings-page h2{color:#1a202c}[data-theme=light] .notification-settings-page .section-header h3{color:#2d3748}[data-theme=light] .notification-settings-page .toggle-label{color:#1a202c}[data-theme=light] .notification-settings-page .toggle-desc{color:#718096}[data-theme=light] .shortcuts-modal{background:#fff}[data-theme=light] .shortcuts-modal h2{color:#1a202c}[data-theme=light] .shortcut-key{background:#f7f8fa;border-color:#e2e8f0;color:#1a202c}[data-theme=light] .context-menu{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,.1)}[data-theme=light] .context-menu-item{color:#4a5568}[data-theme=light] .context-menu-item:hover{background:rgba(102,126,234,.06);color:#667eea}[data-theme=light] .notification-toast{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px rgba(0,0,0,.1);color:#1a202c}[data-theme=light] .org-card,[data-theme=light] .team-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .org-card:hover,[data-theme=light] .team-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}[data-theme=light] .two-factor-section{background:#fff;border-color:#e2e8f0}[data-theme=light] .two-factor-section h4{color:#1a202c}[data-theme=light] .settings-message.success{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.2)}[data-theme=light] .settings-message.error{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.2)}[data-theme=light] input:-webkit-autofill,[data-theme=light] input:-webkit-autofill:focus,[data-theme=light] input:-webkit-autofill:hover,[data-theme=light] select:-webkit-autofill,[data-theme=light] textarea:-webkit-autofill{-webkit-text-fill-color:#1a202c!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] .page-header h1,[data-theme=light] .page-header h2,[data-theme=light] .page-title{color:#1a202c}[data-theme=light] .page-subtitle{color:#718096}[data-theme=light] .stat-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .badge{background:rgba(102,126,234,.08)}[data-theme=light] .loading-spinner{border-color:#667eea rgba(102,126,234,.1) rgba(102,126,234,.1)}[data-theme=light] .quiet-hours-range input[type=time]{background:#f7f8fa!important;border-color:#e2e8f0!important;color:#1a202c!important}[data-theme=light] .hero-section,[data-theme=light] .workspace-hero{background:linear-gradient(135deg,rgba(102,126,234,.06),rgba(118,75,162,.04))}[data-theme=light] .hero-section h1{color:#1a202c}[data-theme=light] .hero-section p{color:#4a5568}[data-theme=light] .lightbox-overlay{background:rgba(0,0,0,.6)}[data-theme=light] .toggle-switch{background:rgba(0,0,0,.08)}[data-theme=light] .toggle-switch:hover{background:rgba(0,0,0,.12)}[data-theme=light] .toggle-slider,[data-theme=light] .toggle-switch .toggle-slider{background:transparent}[data-theme=light] .toggle-switch.checked{background:#4f46e5}[data-theme=light] .toggle-slider:before,[data-theme=light] .toggle-switch .toggle-slider:before{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}[data-theme=light] .toggle{background:rgba(0,0,0,.08)}[data-theme=light] .toggle.checked{background:#4f46e5}[data-theme=light] .toggle .toggle-slider{background:transparent}[data-theme=light] .toggle .toggle-slider:before{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}[data-theme=light] .billing-toggle .toggle-switch{background:rgba(0,0,0,.08)}[data-theme=light] .ai-hub-header,[data-theme=light] .ai-hub-tabs,[data-theme=light] .ai-summary-box,[data-theme=light] .insight-item,[data-theme=light] .new-form,[data-theme=light] .note-item,[data-theme=light] .reminder-item,[data-theme=light] .report-header-info,[data-theme=light] .report-section,[data-theme=light] .summary-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-hub-tabs{background:#f7f8fa}[data-theme=light] .hub-tab{color:#475569}[data-theme=light] .hub-tab.active{background:rgba(79,70,229,.08);border-color:rgba(79,70,229,.25);color:#4f46e5}[data-theme=light] .insight-content h4,[data-theme=light] .note-content p,[data-theme=light] .reminder-title,[data-theme=light] .report-header-info h4,[data-theme=light] .report-section h4,[data-theme=light] .summary-header h4{color:#1e293b}[data-theme=light] .insight-content p,[data-theme=light] .reminder-description,[data-theme=light] .report-section p,[data-theme=light] .summary-text{color:#475569}[data-theme=light] .card-value,[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .form-body input,[data-theme=light] .form-body select,[data-theme=light] .form-body textarea{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .form-hint{color:#64748b}[data-theme=light] .item-link,[data-theme=light] .item-link-inline,[data-theme=light] .item-link-sm{color:#4f46e5}[data-theme=light] .ai-loading{color:#64748b}[data-theme=light] .billing-toggle .toggle-switch:has(.yearly){background:#4f46e5}[data-theme=light] .billing-toggle span{color:#4a5568}[data-theme=light] .billing-toggle span.active{color:#1a202c}[data-theme=light] .customizer-item .toggle-switch{background:rgba(0,0,0,.08)}[data-theme=light] .customizer-item .toggle-switch.checked{background:#4f46e5}[data-theme=light] .customizer-item .toggle-switch .toggle-slider,[data-theme=light] .customizer-item .toggle-switch.checked .toggle-slider{background:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f1e;background-color:var(--dark-bg,#0f0f1e);color:#f7fafc;color:var(--text-primary,#f7fafc);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}input[type=checkbox]{-webkit-appearance:none;appearance:none;background:rgba(15,23,42,.3);border:1.5px solid rgba(102,126,234,.3);border-radius:5px;cursor:pointer;flex-shrink:0;height:18px;margin:0;min-width:18px;position:relative;transition:all .2s ease;vertical-align:middle;width:18px}input[type=checkbox]:hover{background:rgba(102,126,234,.06);border-color:rgba(102,126,234,.5)}input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}input[type=checkbox]:focus-visible{outline:2px solid rgba(102,126,234,.4);outline-offset:2px}body.theme-light input[type=checkbox]{background:#fff;border:1.5px solid #cbd5e1}body.theme-light input[type=checkbox]:hover{background:rgba(108,92,231,.04);border-color:#6c5ce7}body.theme-light input[type=checkbox]:checked{background:linear-gradient(135deg,#6c5ce7,#a78bfa);border-color:transparent}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background-color:var(--input-bg)!important;border:1.5px solid var(--input-border);border-radius:10px;caret-color:#667eea;caret-color:var(--accent,#667eea);color:var(--input-text)!important;transition:border-color .25s ease,box-shadow .25s ease}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{border-color:#667eea!important;border-color:var(--accent,#667eea)!important;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}body.theme-light input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,body.theme-light select:focus,body.theme-light textarea:focus{border-color:#6c5ce7!important;box-shadow:0 0 0 3px rgba(108,92,231,.08)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)!important}select option{background-color:#1a1a2e;background-color:var(--dark-secondary,#1a1a2e);color:#fff;color:var(--text-primary,#fff)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--input-text,#fff)!important;-webkit-box-shadow:inset 0 0 0 1000px rgba(15,15,30,.95)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg,rgba(15,15,30,.95)) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}
/*# sourceMappingURL=main.06364cc6.css.map*/