.app{height:100vh;display:flex}.app-content{flex:1;overflow-y:auto}.cc-overlay{z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;justify-content:center;align-items:flex-end;padding:20px;animation:.3s ccFadeIn;display:flex;position:fixed;inset:0}@keyframes ccFadeIn{0%{opacity:0}to{opacity:1}}.cc-banner{background:#1a1f2e;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:640px;padding:24px;animation:.35s ease-out ccSlideUp;box-shadow:0 -8px 40px #00000080}@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;gap:14px;margin-bottom:16px;display:flex}.cc-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.cc-header-text h3{color:#f1f5f9;margin:0 0 4px;font-size:17px;font-weight:700}.cc-header-text p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.cc-details{border-top:1px solid #ffffff0f;flex-direction:column;gap:10px;margin-bottom:16px;padding-top:16px;display:flex}.cc-category{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:14px}.cc-category-head{align-items:center;gap:12px;display:flex}.cc-cat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.cc-cat-icon--necessary{color:#22c55e;background:#22c55e26}.cc-cat-icon--functional{color:#fbbf24;background:#fbbf2426}.cc-cat-icon--analytics{color:#3b82f6;background:#3b82f626}.cc-cat-icon--marketing{color:#a855f7;background:#a855f726}.cc-cat-info{flex:1;min-width:0}.cc-cat-info h4{color:#f1f5f9;margin:0 0 2px;font-size:13px;font-weight:700}.cc-cat-info p{color:#94a3b8;margin:0;font-size:11.5px;line-height:1.4}.cc-cookie-list{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.cc-cookie-tag{color:#64748b;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:6px;padding:2px 8px;font-size:10px;line-height:1.4}.cc-always-on{color:#22c55e;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:#22c55e1f;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:10.5px;font-weight:700}.cc-toggle{cursor:pointer;background:#2a2f42;border:1.5px solid #ffffff1a;border-radius:14px;outline:none;flex-shrink:0;width:58px;height:28px;padding:0;transition:background .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.cc-toggle:focus-visible{box-shadow:0 0 0 3px #6366f173}.cc-toggle:hover{border-color:#ffffff2e}.cc-toggle--on{background:#6366f1;border-color:#6366f1;box-shadow:0 2px 10px #6366f159}.cc-toggle-track{pointer-events:none;justify-content:space-between;align-items:center;padding:0 6px 0 26px;display:flex;position:absolute;inset:0}.cc-toggle--on .cc-toggle-track{justify-content:flex-end;padding:0 26px 0 6px}.cc-toggle-label{letter-spacing:.6px;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:8.5px;font-weight:800;line-height:1;transition:opacity .2s}.cc-toggle-label--off{color:#ffffff59;opacity:1}.cc-toggle-label--on{color:#ffffffe6;opacity:0}.cc-toggle--on .cc-toggle-label--off{opacity:0}.cc-toggle--on .cc-toggle-label--on{opacity:1}.cc-toggle-knob{pointer-events:none;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000059,0 0 0 .5px #00000014}.cc-toggle--on .cc-toggle-knob{transform:translate(30px);box-shadow:0 1px 6px #0000004d}.cc-actions{justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.cc-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.cc-btn:hover{opacity:.9;transform:translateY(-1px)}.cc-btn--accept{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #6366f14d}.cc-btn--reject{color:#94a3b8;background:#ffffff12;border:1px solid #ffffff14}.cc-btn--reject:hover{color:#f1f5f9}.cc-btn--manage{color:#94a3b8;background:#ffffff0d}.cc-btn--manage:hover{color:#f1f5f9}.cc-footer-links{justify-content:center;gap:8px;font-size:11px;display:flex}.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}.cc-eu-badge{color:#64748b;letter-spacing:.3px;font-size:10px;font-weight:600}[data-theme=light] .cc-overlay{background:#00000026}[data-theme=light] .cc-banner{background:#fff;border-color:#00000014;box-shadow:0 -8px 40px #0000001f}[data-theme=light] .cc-header-text h3{color:#0f172a}[data-theme=light] .cc-header-text p{color:#64748b}[data-theme=light] .cc-category{background:#00000005;border-color:#0000000f}[data-theme=light] .cc-cat-info h4{color:#0f172a}[data-theme=light] .cc-cat-info p{color:#64748b}[data-theme=light] .cc-cookie-tag{color:#94a3b8;background:#0000000a;border-color:#0000000f}[data-theme=light] .cc-toggle{background:#d1d5db;border-color:#0000001a}[data-theme=light] .cc-toggle:hover{border-color:#0003}[data-theme=light] .cc-toggle--on{background:#6366f1;border-color:#6366f1}[data-theme=light] .cc-toggle-label--off{color:#00000059}[data-theme=light] .cc-toggle-knob{box-shadow:0 1px 4px #0003}[data-theme=light] .cc-btn--reject{color:#64748b;background:#0000000a;border-color:#00000014}[data-theme=light] .cc-btn--reject:hover{color:#0f172a}[data-theme=light] .cc-btn--manage{color:#64748b;background:#00000008}[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:#0000000f}@media (width<=600px){.cc-overlay{align-items:flex-end;padding:12px}.cc-banner{border-radius:16px;max-width:100%;padding:18px}.cc-actions{flex-wrap:wrap}.cc-btn{flex:1;justify-content:center;min-width:0;min-height:44px}.cc-category-head{flex-wrap:wrap}}@media (width<=380px){.cc-banner{padding:14px 12px}.cc-btn{padding:10px 12px;font-size:13px}}.auth-page{min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";z-index:0;background:radial-gradient(80% 60% at 20% 20%,#667eea40,#0000),radial-gradient(60% 50% at 80% 80%,#764ba233,#0000),radial-gradient(40% 40%,#5856d61a,#0000),linear-gradient(135deg,#0a0a1a 0%,#111128 40%,#1a1035 100%);position:absolute;inset:0}.auth-page:after{content:"";z-index:0;background:radial-gradient(circle,#667eea14,#0000 70%);border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite orbFloat;position:absolute;top:-200px;right:-200px}@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{z-index:1;width:100%;max-width:1200px;min-height:100vh;margin:auto;padding:24px;display:flex;position:relative}.auth-brand-panel{flex-direction:column;flex:1;justify-content:center;padding:60px 50px;display:flex;position:relative}.auth-brand-logo{align-items:center;gap:12px;margin-bottom:48px;display:flex}.auth-brand-topline{align-items:center;gap:14px;margin-bottom:48px;display:flex}.auth-brand-topline .auth-brand-logo{margin-bottom:0}.auth-brand-logo-icon{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:flex}.auth-brand-logo-text{color:#fff;letter-spacing:-.5px;font-size:22px;font-weight:700}.auth-brand-home-btn{z-index:20;color:#cfe0ff;letter-spacing:0;cursor:pointer;background:#667eea14;border:1px solid #667eea3d;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;line-height:1.2;transition:all .2s;display:inline-flex;position:fixed;top:24px;left:24px}.auth-brand-home-btn:hover{background:#667eea24;border-color:#667eea5c;transform:translateY(-1px)}.auth-brand-heading{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:42px;font-weight:800;line-height:1.15}.auth-brand-heading span{background:linear-gradient(135deg,#667eea,#a78bfa,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-brand-desc{color:#ffffff8c;max-width:420px;margin-bottom:40px;font-size:16px;line-height:1.7}.auth-features-list{flex-direction:column;gap:18px;display:flex}.auth-feature-item{align-items:center;gap:14px;display:flex}.auth-feature-icon{color:#667eea;background:#667eea1f;border:1px solid #667eea33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.auth-feature-text{color:#ffffffb3;font-size:15px;font-weight:500}.auth-form-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;max-width:520px;padding:40px;display:flex}.auth-card{-webkit-backdrop-filter:blur(40px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:440px;padding:44px 40px;position:relative;overflow:hidden}.auth-page-top-actions{justify-content:flex-start;width:100%;max-width:440px;display:flex}.auth-page-top-actions--status{max-width:480px;margin-bottom:12px}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#667eea66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.auth-card-controls{justify-content:space-between;align-items:center;gap:14px;min-height:40px;margin-bottom:26px;display:flex}.auth-card-controls .auth-lang-switcher,.auth-card-controls .auth-appearance-switcher{z-index:20;flex:none;position:relative;top:auto;left:auto;right:auto}.auth-card-controls+.auth-back-btn{margin-top:0}.auth-lang-switcher{z-index:10;position:absolute;top:20px;right:20px}.auth-lang-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.auth-lang-btn:hover{color:#fff;background:#ffffff1a;border-color:#667eea4d}.auth-lang-btn .lang-flag{font-size:16px;line-height:1}.auth-lang-dropdown{-webkit-backdrop-filter:blur(20px);z-index:100;background:#141428f2;border:1px solid #ffffff1a;border-radius:12px;min-width:160px;padding:6px;animation:.15s dropdownIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 40px #00000080}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-lang-option{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.auth-lang-option:hover{color:#fff;background:#667eea26}.auth-lang-option.active{color:#667eea;background:#667eea33}.auth-lang-option .lang-flag{font-size:18px;line-height:1}.auth-appearance-switcher{z-index:10;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:4px;padding:4px;display:inline-flex;position:absolute;top:20px;left:20px}.auth-appearance-btn{color:#ffffffad;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.auth-appearance-btn:hover{color:#fff;background:#ffffff1a}.auth-appearance-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 18px #667eea47}.auth-card .auth-appearance-switcher~.auth-back-btn{margin-top:0}.auth-card-controls .auth-lang-switcher,.auth-card-controls .auth-appearance-switcher{position:relative;top:auto;left:auto;right:auto}.auth-form-header{text-align:left;margin-bottom:32px;padding-top:10px}.auth-form-header h1{color:#fff;letter-spacing:-.5px;margin:0 0 8px;padding-right:0;font-size:28px;font-weight:700}.auth-form-header p{color:#ffffff94;margin:0;font-size:14px;line-height:1.5}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form-group{flex-direction:column;gap:7px;display:flex}.auth-form-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.auth-form-label svg{color:#667eea;width:14px;font-size:13px}.auth-input-wrapper{position:relative}.auth-input{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:15px;transition:all .25s}.auth-input::placeholder{color:#ffffff40}.auth-input:focus{background:#667eea0f;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-input-icon{color:#ffffff40;cursor:pointer;z-index:5;appearance:none;background:0 0;border:none;outline:none;flex-shrink:0;place-items:center;width:32px;height:32px;margin:0;padding:0;font-size:14px;line-height:0;transition:color .2s;display:grid;position:absolute;top:calc(50% - 16px);right:14px}.auth-input-icon svg{display:block;width:16px!important;height:16px!important}.auth-input-icon .svg-inline--fa{vertical-align:middle!important}.auth-input-icon:hover{color:#ffffff80;top:calc(50% - 16px)!important;transform:none!important}.auth-input-icon:active,.auth-input-icon:focus,.auth-input-icon:focus-visible{top:calc(50% - 16px)!important;transform:none!important}.auth-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.password-strength{align-items:center;gap:10px;margin-top:2px;display:flex}.password-strength-bars{flex:1;gap:4px;display:flex}.password-strength-bar{background:#ffffff1a;border-radius:2px;flex:1;height:3px;transition:background .3s}.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{text-transform:uppercase;letter-spacing:.5px;text-align:right;min-width:44px;font-size:11px;font-weight:600}.password-strength-text.weak{color:#ef4444}.password-strength-text.fair{color:#f59e0b}.password-strength-text.good{color:#10b981}.password-strength-text.strong{color:#667eea}.password-policy-note{color:#facc15;background:#f59e0b14;border:1px solid #f59e0b47;border-radius:10px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.password-policy-note svg{flex-shrink:0;margin-top:2px}.password-policy-note.valid{color:#34d399;background:#10b98114;border-color:#10b98147}.auth-forgot-row{justify-content:flex-end;margin-top:-6px;display:flex}.auth-forgot-link{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:color .2s}.auth-forgot-link:hover{color:#a78bfa;text-decoration:underline}.auth-submit-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:4px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.auth-submit-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .3s;position:absolute;inset:0}.auth-submit-btn:hover:not(:disabled):before{opacity:1}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #667eea59}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite authSpin;display:inline-block}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fca5a5;background:linear-gradient(135deg,#ef44441f 0%,#dc262614 100%);border:1px solid #ef444440;border-left:3px solid #ef444499;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 18px;font-size:13.5px;line-height:1.6;animation:.4s cubic-bezier(.16,1,.3,1) authMsgSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #ef444426,inset 0 1px #ffffff1a}.auth-error:before{content:"";background:linear-gradient(90deg,#0000 0%,#ef444466 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.auth-error svg{color:#f87171;filter:drop-shadow(0 2px 4px #ef44444d);flex-shrink:0;margin-top:2px;font-size:18px}.auth-success{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#6ee7b7;background:linear-gradient(135deg,#10b9811f 0%,#05966914 100%);border:1px solid #10b98140;border-left:3px solid #10b98199;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 18px;font-size:13.5px;line-height:1.6;animation:.4s cubic-bezier(.16,1,.3,1) authMsgSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #10b98126,inset 0 1px #ffffff1a}.auth-success:before{content:"";background:linear-gradient(90deg,#0000 0%,#10b98166 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.auth-success svg{color:#34d399;filter:drop-shadow(0 2px 4px #10b9814d);flex-shrink:0;margin-top:2px;font-size:18px}@keyframes authMsgSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-divider{align-items:center;gap:12px;margin:4px 0;display:flex}.auth-divider-line{background:#ffffff14;flex:1;height:1px}.auth-divider-text{color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.auth-divider span{color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:0 12px;font-size:12px;font-weight:500}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.auth-social-buttons{gap:12px;margin:4px 0 20px;display:flex}.auth-social-btn{color:#ffffffd9;cursor:pointer;letter-spacing:.2px;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.auth-social-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.auth-social-btn:active:not(:disabled){transform:translateY(0)}.auth-social-btn:disabled{opacity:.5;cursor:not-allowed}.auth-social-btn svg{font-size:18px}.auth-social-btn.google:hover:not(:disabled){color:#fff;background:#4285f41a;border-color:#4285f466}.auth-social-btn.google svg{color:#4285f4}.auth-footer-link{text-align:center;color:#ffffff73;margin-top:28px;font-size:14px}.auth-footer-link button{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;transition:color .2s}.auth-footer-link button:hover{color:#a78bfa;text-decoration:underline}.auth-support-link{justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:13px;display:flex}.auth-support-link button{color:#667eea;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.auth-support-link button:hover{color:#a78bfa;text-decoration:underline}.auth-support-section{text-align:center;background:linear-gradient(#ffffff0b,#667eea0a);border:1px solid #667eea2e;border-radius:18px;flex-direction:column;align-items:center;margin-top:24px;padding:20px 18px 18px;display:flex;box-shadow:inset 0 1px #ffffff08}.auth-support-text{color:#fff;letter-spacing:-.01em;margin-bottom:16px;font-size:15px;font-weight:800;line-height:1.2}.auth-support-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.auth-support-btn{color:#667eea;cursor:pointer;background:#667eea14;border:1px solid #667eea33;border-radius:10px;justify-content:center;align-self:center;align-items:center;gap:8px;width:auto;min-width:170px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.auth-support-btn:hover{background:#667eea26;border-color:#667eea66;transform:translateY(-1px)}.auth-support-btn:active{transform:translateY(0)}.auth-home-btn{z-index:20;color:#cfe0ff;letter-spacing:0;cursor:pointer;background:#667eea14;border:1px solid #667eea3d;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;line-height:1.2;transition:all .2s;display:inline-flex;position:fixed;top:24px;left:24px}.auth-home-btn:hover{background:#667eea24;border-color:#667eea5c;transform:translateY(-1px)}.auth-support-modal{z-index:1000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.auth-support-modal-backdrop{-webkit-backdrop-filter:blur(12px);background:#020617b8;border:0;position:absolute;inset:0}.auth-support-modal-panel{z-index:1;background:#0a0e1cf5;border:1px solid #667eea38;border-radius:22px;width:min(440px,100%);padding:24px 22px 22px;position:relative;box-shadow:0 28px 90px #00000080}.auth-support-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.auth-support-modal-heading{flex:1;min-width:0}.auth-support-modal-close{color:#ffffffb8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:static}.auth-support-modal-kicker{color:#60a5fa;text-transform:uppercase;letter-spacing:.16em;margin:0 0 6px;font-size:12px;font-weight:800}.auth-support-modal-title{color:#fff;letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.15}.auth-support-modal-desc{color:#ffffffa8;margin:10px 0 18px;line-height:1.55}.auth-support-modal-actions{gap:10px;display:grid}.auth-support-modal-action{color:#dbeafe;cursor:pointer;text-align:left;background:#667eea14;border:1px solid #667eea33;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-weight:600;display:flex}.auth-support-modal-action:hover{background:#667eea29;border-color:#667eea5c}.auth-support-modal-meta{color:#fff9;margin-left:auto;font-size:12px;font-weight:500}@media (width<=520px){.auth-support-modal{padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);place-items:center}.auth-support-modal-panel{border-radius:18px;padding:18px}.auth-support-modal-head{gap:10px}.auth-support-modal-title{font-size:21px;line-height:1.2}.auth-support-modal-close{flex-basis:34px;width:34px;height:34px}.auth-support-modal-action{flex-wrap:wrap;align-items:flex-start}.auth-support-modal-meta{width:100%;margin-left:28px}}.auth-terms{text-align:center;color:#ffffff59;margin-top:4px;font-size:12px;line-height:1.5}.auth-terms a{color:#667eea;font-weight:500;text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-age-confirmation{color:#ffffff75;margin-top:6px;font-weight:500;display:block}.auth-status-card{-webkit-backdrop-filter:blur(40px);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:480px;padding:60px 48px;position:relative;overflow:hidden}.auth-status-card:before{content:"";background:linear-gradient(90deg,#0000,#667eea66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.auth-status-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:36px;display:flex}.auth-status-icon.info{color:#667eea;background:#667eea1f;border:1px solid #667eea33}.auth-status-icon.success{color:#10b981;background:#10b9811f;border:1px solid #10b98133}.auth-status-icon.error{color:#ef4444;background:#ef44441f;border:1px solid #ef444433}.auth-status-icon.loading{color:#667eea;background:#667eea1f;border:1px solid #667eea33}.auth-status-title{color:#fff;letter-spacing:-.5px;margin-bottom:10px;font-size:24px;font-weight:700}.auth-status-title.success{color:#10b981}.auth-status-title.error{color:#f87171}.auth-status-desc{color:#ffffff80;margin-bottom:8px;font-size:15px;line-height:1.6}.auth-status-email{color:#fff;margin-bottom:24px;font-size:16px;font-weight:600}.auth-status-hint{color:#ffffff59;max-width:340px;margin:0 auto 32px;font-size:13px;line-height:1.6}.auth-status-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.auth-ghost-btn{color:#667eea;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:14px;font-weight:500;transition:color .2s}.auth-ghost-btn:hover{color:#a78bfa;text-decoration:underline}.auth-resend-input{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;width:100%;max-width:320px;margin-bottom:12px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .25s}.auth-resend-input::placeholder{color:#ffffff40}.auth-resend-input:focus{background:#667eea0f;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.auth-status-layout{z-index:1;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative}.auth-back-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.auth-back-btn:hover{color:#667eea}.auth-card,.auth-status-card{animation:.5s cubic-bezier(.16,1,.3,1) authCardIn}@keyframes authCardIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-brand-panel{animation:.6s cubic-bezier(.16,1,.3,1) .1s both authBrandIn}@keyframes authBrandIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.auth-wrapper{flex-direction:column;min-height:auto;padding:20px 16px}.auth-brand-panel{text-align:center;align-items:center;padding:40px 24px 24px}.auth-brand-topline{flex-direction:column;align-items:center;width:100%;margin-bottom:28px}.auth-brand-home-btn,.auth-home-btn{max-width:100%;min-height:42px;padding:0 14px;font-size:13px;position:static}.auth-brand-home-btn{align-self:flex-start}.auth-page-top-actions{max-width:100%;padding:0 0 16px}.auth-page-top-actions--status{margin-bottom:0}.auth-status-layout{flex-direction:column;justify-content:center;align-items:stretch}.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 (width<=480px){.auth-brand-panel{padding:32px 16px 16px}.auth-brand-heading{font-size:24px}.auth-card{border-radius:16px;padding:28px 20px}.auth-card-controls{gap:10px;margin-bottom:22px}.auth-form-header h1{padding-right:0;font-size:22px}.auth-form-header{padding-top:0}.auth-status-card{border-radius:16px;padding:32px 20px}.auth-lang-switcher{top:14px;right:14px}.auth-appearance-switcher{top:14px;left:14px}.auth-appearance-btn{width:28px;height:28px}.auth-lang-btn{padding:5px 8px;font-size:12px}}[data-theme=light] .auth-page:before{background:radial-gradient(80% 60% at 20% 20%,#667eea14,#0000),radial-gradient(60% 50% at 80% 80%,#764ba20f,#0000),linear-gradient(135deg,#f0f2f8 0%,#e8eaf5 40%,#f5f3ff 100%)}[data-theme=light] .auth-page:after{background:radial-gradient(circle,#667eea0a,#0000 70%)}[data-theme=light] .auth-brand-logo-text,[data-theme=light] .auth-brand-heading{color:#1a1a2e}[data-theme=light] .auth-brand-desc{color:#1a1a2e8c}[data-theme=light] .auth-feature-icon{background:#667eea14;border-color:#667eea26}[data-theme=light] .auth-feature-text{color:#1a1a2ea6}[data-theme=light] .auth-card,[data-theme=light] .auth-status-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffffd9;border-color:#00000014;box-shadow:0 8px 40px #00000014}[data-theme=light] .auth-card:before,[data-theme=light] .auth-status-card:before{background:linear-gradient(90deg,#0000,#667eea33,#0000)}[data-theme=light] .auth-lang-btn{color:#1a1a2ea6;background:#0000000a;border-color:#0000001a}[data-theme=light] .auth-lang-btn:hover{color:#1a1a2e;background:#00000012}[data-theme=light] .auth-lang-dropdown{background:#fffffff7;border-color:#0000001a;box-shadow:0 12px 40px #0000001f}[data-theme=light] .auth-lang-option{color:#1a1a2eb3}[data-theme=light] .auth-lang-option:hover{color:#1a1a2e;background:#667eea14}[data-theme=light] .auth-lang-option.active{color:#667eea;background:#667eea1f}[data-theme=light] .auth-appearance-switcher{background:#0000000a;border-color:#0000001a}[data-theme=light] .auth-appearance-btn{color:#1a1a2ea6}[data-theme=light] .auth-appearance-btn:hover{color:#1a1a2e;background:#00000012}[data-theme=light] .auth-appearance-btn.active{color:#fff}[data-theme=light] .auth-form-header h1{color:#1a1a2e}[data-theme=light] .auth-form-header p{color:#1a1a2ead}[data-theme=light] .auth-form-label{color:#1a1a2e8c}[data-theme=light] .auth-input{color:#1a1a2e;background:#00000008;border-color:#0000001f}[data-theme=light] .auth-input::placeholder{color:#1a1a2e4d}[data-theme=light] .auth-input:focus{background:#667eea0a;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}[data-theme=light] .auth-error{color:#dc2626;background:#ef44440f;border-color:#ef444426}[data-theme=light] .auth-success{color:#059669;background:#10b9810f;border-color:#10b98126}[data-theme=light] .auth-divider-line{background:#00000014}[data-theme=light] .auth-divider-text{color:#1a1a2e59}[data-theme=light] .auth-footer-link{color:#1a1a2e80}[data-theme=light] .auth-terms{color:#1a1a2e66}[data-theme=light] .auth-age-confirmation{color:#1a1a2e94}.auth-twofactor-panel{background:linear-gradient(135deg,#0057c229,#0891b21a),#060f1c8a;border:1px solid #67e8f92e;border-radius:16px;gap:16px;padding:18px;display:grid}.auth-twofactor-icon{color:#67e8f9;background:#061827eb;border:1px solid #67e8f93d;border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 14px 28px #0891b22e}.auth-twofactor-copy{gap:4px;display:grid}.auth-twofactor-copy strong{color:var(--auth-text,#f8fbff);font-size:.95rem}.auth-twofactor-copy span{color:var(--auth-muted,#e2e8f0b8);font-size:.86rem;line-height:1.45}.auth-otp-input{letter-spacing:.16em;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}.auth-secondary-link{color:#67e8f9;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:.9rem;font-weight:700}.auth-secondary-link:hover{color:#fff}[data-theme=light] .auth-twofactor-panel,body.theme-light .auth-twofactor-panel{background:linear-gradient(135deg,#0057c214,#0891b20d),#f8fbff;border-color:#0057c229}[data-theme=light] .auth-twofactor-icon,body.theme-light .auth-twofactor-icon{color:#0057c2;background:#fff;border-color:#0057c22e}[data-theme=light] .auth-twofactor-copy strong,body.theme-light .auth-twofactor-copy strong{color:#102033}[data-theme=light] .auth-twofactor-copy span,body.theme-light .auth-twofactor-copy span{color:#516176}[data-theme=light] .auth-secondary-link,body.theme-light .auth-secondary-link{color:#0057c2}[data-theme=light] .auth-support-section{background:#667eea0a;border-color:#667eea26;box-shadow:inset 0 1px #ffffff8c}[data-theme=light] .auth-brand-home-btn,[data-theme=light] .auth-home-btn{color:#4f46e5;background:#667eea14;border-color:#667eea38}[data-theme=light] .auth-status-title{color:#1a1a2e}[data-theme=light] .auth-status-desc{color:#1a1a2e8c}[data-theme=light] .auth-status-email{color:#1a1a2e}[data-theme=light] .auth-status-hint{color:#1a1a2e73}[data-theme=light] .auth-resend-input{color:#1a1a2e;background:#00000008;border-color:#0000001f}[data-theme=light] .auth-resend-input::placeholder{color:#1a1a2e4d}[data-theme=light] .auth-resend-input:focus{background:#667eea0a;border-color:#667eea}[data-theme=light] .auth-input-icon{color:#1a1a2e4d}[data-theme=light] .auth-input-icon:hover{color:#1a1a2e99}[data-theme=light] .password-strength-bar{background:#00000014}[data-theme=light] .password-policy-note{color:#78350f;background:#fffbeb;border-color:#f59e0b}[data-theme=light] .password-policy-note.valid{color:#166534;background:#f0fdf4;border-color:#86efac}[data-theme=light] .auth-back-btn{color:#1a1a2e80}[data-theme=light] .auth-back-btn:hover{color:#667eea}[data-theme=light] .auth-support-modal-panel{background:#fffffffa;border-color:#667eea1f}[data-theme=light] .auth-support-modal-kicker{color:#1d4ed8}[data-theme=light] .auth-support-modal-close{color:#1a1a2eb8;background:#00000008}[data-theme=light] .auth-support-modal-title{color:#1a1a2e}[data-theme=light] .auth-support-modal-desc{color:#1a1a2ead}[data-theme=light] .auth-support-modal-action{color:#1a1a2e;background:#667eea0f}[data-theme=light] .auth-support-modal-meta{color:#1a1a2ea6}[data-theme=light] .auth-support-text{color:#1a1a2e}[data-theme=light] .auth-divider span{color:#1a1a2e59}[data-theme=light] .auth-divider:before,[data-theme=light] .auth-divider:after{background:#00000014}[data-theme=light] .auth-social-btn{color:#1a1a2ed9;background:#00000005;border-color:#0000001f}[data-theme=light] .auth-social-btn:hover:not(:disabled){background:#0000000d;border-color:#0003;box-shadow:0 4px 16px #00000014}[data-theme=light] .auth-social-btn.google:hover:not(:disabled){color:#1a1a2e;background:#4285f40f;border-color:#4285f466}[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:#0000000f;border-color:#0000004d}.auth-input.auth-input-error{box-shadow:0 0 0 2px #ef444426;border-color:#ef4444!important}.auth-field-error{color:#ef4444;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:flex}.auth-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.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:var(--surface-primary,#1a1a2e);border:1px solid var(--border-subtle,#ffffff0f);cursor:pointer;border-radius:16px;flex-direction:column;min-height:300px;padding:24px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden}.dashboard-chart:hover{border-color:#6366f133;transform:translateY(-4px);box-shadow:0 12px 32px #0000002e}.dashboard-chart.expanded{z-index:1000;width:90vw;max-width:1000px;height:80vh;padding:32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)!important}.chart-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.chart-header h3{color:var(--text-primary,#fff);flex:1;margin:0;font-size:18px;font-weight:700}.chart-actions{flex-shrink:0;gap:8px;display:flex}.chart-btn{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.chart-btn:hover{background:#667eea33;transform:scale(1.1)}.chart-btn.delete:hover{color:#f5576c;background:#f5576c33;border-color:#f5576c4d}.chart-body{flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:visible}.chart-footer{border-top:1px solid #667eea1a;margin-top:16px;padding-top:16px}.chart-footer p{color:#a0aec0;margin:0;font-size:13px;line-height:1.6}.bar-chart{flex-direction:column;justify-content:space-around;gap:16px;width:100%;height:100%;padding:16px 0;display:flex}.bar-item{align-items:center;gap:16px;display:flex}.bar-label{color:#a0aec0;text-transform:uppercase;min-width:100px;font-size:13px;font-weight:600}.bar-container{background:#667eea0d;border-radius:8px;flex:1;height:24px;overflow:hidden}.bar-fill{border-radius:8px;height:100%;transition:opacity .2s}.bar-container:hover .bar-fill{opacity:.85}.bar-value{text-align:right;color:#fff;min-width:40px;font-size:14px;font-weight:700}.pie-chart-container{justify-content:center;align-items:center;gap:32px;width:100%;height:100%;display:flex}.pie-chart{flex-shrink:0;width:200px;height:200px}.pie-legend{flex-direction:column;gap:12px;display:flex}.legend-item{color:#a0aec0;align-items:center;gap:8px;font-size:13px;display:flex}.legend-color{border-radius:4px;flex-shrink:0;width:16px;height:16px}.number-chart{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.number-display{color:var(--text-primary,#fff);font-size:56px;font-weight:700;line-height:1}.number-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.number-change{border-radius:8px;padding:8px 16px;font-size:16px;font-weight:700}.number-change.positive{color:#11998e;background:#11998e33}.number-change.negative{color:#f5576c;background:#f5576c33}.line-chart{flex-direction:column;gap:16px;width:100%;height:100%;display:flex}.line-chart svg{flex:1;width:100%}.line-labels{color:#a0aec0;justify-content:space-between;gap:8px;font-size:12px;display:flex}.line-labels span{text-align:center;flex:1}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-radius:20px;flex-direction:column;width:90vw;max-width:1000px;max-height:85vh;display:flex;overflow-y:auto}.modal-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.modal-close{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.modal-close:hover{background:#667eea33;transform:rotate(90deg)}.modal-body{flex-direction:column;flex:1;gap:32px;padding:32px;display:flex}.chart-detail-container{flex:1;min-height:400px}.modal-description{background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;padding:24px}.modal-description h4{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:700}.modal-description p{color:#a0aec0;margin:0;font-size:13px;line-height:1.6}.chart-tooltip{color:#fff;pointer-events:none;z-index:100;background:linear-gradient(135deg,#252540 0%,#1a1a2e 100%);border:1px solid #667eea33;border-radius:10px;min-width:120px;padding:12px 16px;font-size:12px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 24px #0006}.chart-tooltip:after{content:"";border-top:6px solid #252540;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.tooltip-label{color:#a0aec0;margin-bottom:4px;font-weight:500}.tooltip-value{color:#fff;font-size:18px;font-weight:700}.tooltip-meta{border-top:1px solid #667eea33;margin-top:8px;padding-top:8px}.tooltip-meta-item{justify-content:space-between;gap:12px;margin-top:4px;display:flex}.meta-key{color:#a0aec0}.meta-value{color:#fff;font-weight:500}.interval-selector{background:#667eea0d;border:1px solid #667eea1a;border-radius:10px;gap:4px;padding:4px;display:flex}.interval-btn{color:#a0aec0;cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .3s}.interval-btn:hover{color:#fff;background:#667eea1a}.interval-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d}.period-navigator{align-items:center;gap:8px;display:flex}.period-nav-btn{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.period-nav-btn:hover{background:#667eea33;transform:scale(1.05)}.period-today-btn{color:#c7d2fe;cursor:pointer;letter-spacing:0;background:#667eea1a;border:1px solid #667eea38;border-radius:10px;min-height:36px;padding:0 14px;font-size:12px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.period-today-btn:hover{color:#fff;background:#667eea2e;border-color:#667eea57;box-shadow:0 6px 18px #667eea2e}.period-label{color:#fff;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.period-icon{color:#667eea}.chart-detail-overlay{z-index:5000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(76px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;background:#000000d9;justify-content:center;align-items:flex-start;animation:.3s fadeIn;display:flex;position:fixed;inset:0;overflow:hidden auto}.chart-detail-modal{width:90%;max-width:1100px;max-height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea33;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000080}.chart-detail-header{border-bottom:1px solid #667eea1a;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.chart-detail-header h2{color:#fff;margin:0;font-size:20px;font-weight:700}.close-btn{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.close-btn:hover{background:#667eea33;transform:rotate(90deg)}.chart-detail-controls{background:#667eea08;border-bottom:1px solid #667eea1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.chart-detail-content{flex:1;min-height:0;display:flex;overflow:hidden}.chart-detail-visualization{flex:1;justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex;position:relative}.chart-detail-visualization .chart-svg{max-height:380px}.chart-detail-sidebar{background:#667eea08;border-left:1px solid #667eea1a;width:340px;min-height:0;padding:24px;overflow-y:auto}.chart-detail-sidebar h3{color:#fff;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;display:flex}.chart-detail-sidebar h3 svg{color:#667eea}.chart-detail-description{background:#667eea0d;border-top:1px solid #667eea1a;padding:20px 28px}.chart-detail-description p{color:#a0aec0;margin:0;font-size:13px;line-height:1.6}.chart-data-table{background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;overflow:hidden}.chart-data-table table{border-collapse:collapse;width:100%}.chart-data-table th,.chart-data-table td{text-align:left;padding:12px 14px;font-size:12px}.chart-data-table th{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;background:#667eea1a;font-size:10px;font-weight:600}.chart-data-table td{color:#fff;border-bottom:1px solid #667eea0d}.chart-data-table tbody tr:hover{background:#667eea0d}.chart-data-table tfoot td{background:#667eea14;border-bottom:none}.table-color{border-radius:4px;width:10px;height:10px;margin-right:8px;display:inline-block}.chart-legend{border-top:1px solid #667eea1a;flex-wrap:wrap;gap:16px;padding:16px 24px;display:flex}.legend-label{color:#a0aec0}.legend-value{color:#fff;font-weight:600}.chart-title{color:#fff;margin:0;font-size:18px;font-weight:700}.chart-action-btn{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}.chart-action-btn:hover{background:#667eea33;transform:scale(1.1)}.chart-action-btn.delete:hover{color:#f5576c;background:#f5576c33;border-color:#f5576c4d}.chart-svg{width:100%;height:100%;max-height:200px;overflow:visible}.chart-svg .chart-axis-label{fill:#a0aec0;font-size:9px}.chart-svg .chart-label{fill:#a0aec0;font-size:8.5px}.chart-svg .chart-label-rotated{font-size:8px}@keyframes barGrow{0%{opacity:.4;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.chart-svg .chart-bar{cursor:pointer;transform-origin:bottom;transform-box:fill-box;transition:opacity .2s,transform .2s;animation:.5s ease-out forwards barGrow}.chart-svg .chart-bar:hover{opacity:.85}@keyframes pieAppear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.chart-svg .pie-slice{cursor:pointer;transform-origin:50%;transition:transform .2s,opacity .2s;animation:.5s ease-out forwards pieAppear}.chart-svg .pie-slice:hover,.chart-svg .pie-slice.hovered{opacity:.9}.chart-svg .pie-center-text{fill:var(--text-primary,#fff);font-size:16px;font-weight:700}.chart-svg .pie-center-circle{fill:var(--surface-primary,#1a1a2e)}.chart-svg .pie-center-sub{fill:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.6px;font-size:9px;font-weight:600}@keyframes pointAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes drawLine{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}.chart-svg .line-point{cursor:pointer;transform-origin:50%;transform-box:fill-box;transition:r .2s;animation:.4s ease-out forwards pointAppear}.chart-svg .line-path{stroke-dasharray:600;animation:.8s ease-out forwards drawLine}.chart-svg .trend-label{font-size:12px;font-weight:600}.chart-svg .trend-label.positive{fill:#11998e}.chart-svg .trend-label.negative{fill:#f5576c}.chart-svg .trend-label.neutral{fill:#94a3b8}.number-value{color:var(--text-primary,#fff);text-shadow:0 2px 12px #6366f140;font-size:64px;font-weight:800;line-height:1.1}.number-trend{border-radius:20px;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;font-size:13px;display:flex}.number-trend.up{color:#11998e;background:#11998e33}.number-trend.down{color:#f5576c;background:#f5576c33}.number-trend.stable{color:#a0aec0;background:#667eea33}.trend-icon{font-weight:600}.trend-text{opacity:.8}.chart-description{color:#a0aec0;margin:0;font-size:12px}.chart-empty-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:180px;font-size:14px;font-weight:500;display:flex}.chart-empty-state .empty-icon{color:#475569;opacity:.6;font-size:40px}body.theme-light .chart-detail-overlay{background:#0f172a47}body.theme-light .chart-detail-modal{background:#fff;border-color:#dbe4f0;box-shadow:0 24px 70px #0f172a2e}body.theme-light .chart-detail-header,body.theme-light .chart-detail-controls,body.theme-light .chart-detail-description{background:#fff;border-color:#e2e8f0}body.theme-light .chart-detail-header h2,body.theme-light .chart-detail-sidebar h3,body.theme-light .chart-data-table td,body.theme-light .period-label,body.theme-light .chart-title,body.theme-light .legend-value,body.theme-light .meta-value{color:#0f172a}body.theme-light .chart-detail-sidebar{background:#f8fafc;border-color:#e2e8f0}body.theme-light .chart-detail-description p,body.theme-light .chart-data-table th,body.theme-light .legend-label,body.theme-light .meta-key,body.theme-light .line-labels,body.theme-light .chart-svg .chart-axis-label{color:#64748b;fill:#64748b}body.theme-light .chart-data-table{background:#fff;border-color:#e2e8f0}body.theme-light .chart-data-table th{background:#f1f5f9}body.theme-light .chart-data-table td{border-bottom-color:#eef2f7}body.theme-light .interval-selector,body.theme-light .period-nav-btn,body.theme-light .period-today-btn,body.theme-light .close-btn,body.theme-light .chart-action-btn{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}body.theme-light .interval-btn{color:#475569}body.theme-light .interval-btn:hover{color:#1e293b;background:#e0e7ff}body.theme-light .interval-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6d28d9 100%);box-shadow:0 4px 12px #4f46e547}body.theme-light .period-today-btn:hover{color:#312e81;background:#dbe4ff;border-color:#a5b4fc}@media (width<=1024px){.pie-chart-container{flex-direction:column;gap:24px}.pie-chart{width:150px;height:150px}.chart-detail-content{flex-direction:column}.chart-detail-sidebar{border-top:1px solid #667eea1a;border-left:none;width:100%}}@media (width<=768px){.dashboard-chart{min-height:280px;padding:16px}.dashboard-chart.expanded{width:95vw;height:90vh;padding:16px}.chart-header h3,.chart-title{font-size:16px}.modal-content,.chart-detail-modal{width:95vw;max-height:calc(100dvh - 96px - env(safe-area-inset-bottom,0px));border-radius:12px}.modal-header,.chart-detail-header{padding:20px}.modal-body{gap:20px;padding:20px}.number-display,.number-value{font-size:40px}.chart-detail-controls{flex-direction:column;align-items:stretch}.chart-detail-overlay{padding:calc(64px + env(safe-area-inset-top,0px)) 10px calc(12px + env(safe-area-inset-bottom,0px))}.chart-detail-content{-webkit-overflow-scrolling:touch;overflow-y:auto}.interval-selector{justify-content:center;overflow-x:auto}.period-navigator{justify-content:center}}.dashboard{width:100%;max-width:1440px;margin:0 auto;padding:28px 32px 48px}.dashboard-loading{min-height:60vh;color:var(--text-muted,#a0aec0);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:3px solid #667eea26;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.dash-header-left h1{color:var(--text-primary,#fff);letter-spacing:-.3px;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:800;display:flex}.dash-subtitle{color:#64748b;margin-top:4px;font-size:13px;font-weight:500;display:block}.dash-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.dash-btn:hover{color:#f1f5f9;background:#ffffff14;border-color:#ffffff1f}.dash-btn.secondary{color:#dbe4f0;background:#94a3b814;border-color:#94a3b82e}.dash-btn.secondary:hover{color:#fff;background:#94a3b824;border-color:#94a3b842}.dash-btn.active{color:#a5b4fc;background:#6366f124;border-color:#6366f159}.dash-btn.primary{color:#fff;background:#6366f1;border-color:#6366f1}.dash-btn.primary:hover{background:#4f46e5}.dash-controls{background:#ffffff06;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 16px;display:flex}.interval-pills{background:#0003;border-radius:10px;gap:4px;padding:3px;display:flex}.pill{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s}.pill:hover{color:#e2e8f0;background:#ffffff0d}.pill.active{color:#fff;background:#6366f1;box-shadow:0 2px 8px #6366f14d}.period-nav{align-items:center;gap:10px;display:flex}.period-label-text{color:#e2e8f0;justify-content:center;align-items:center;gap:8px;min-width:180px;font-size:13.5px;font-weight:600;display:flex}.period-label-text svg{color:#6366f1;font-size:13px}.dash-controls .period-nav-btn{color:#c7d2fe;cursor:pointer;background:#667eea1a;border:1px solid #667eea3d;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.dash-controls .period-nav-btn:hover{color:#fff;background:#667eea2e;border-color:#667eea5c;box-shadow:0 6px 18px #667eea2e}.dash-controls .period-today-btn{color:#c7d2fe;cursor:pointer;letter-spacing:0;background:#667eea1a;border:1px solid #667eea3d;border-radius:10px;min-height:34px;padding:0 13px;font-size:12.5px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.dash-controls .period-today-btn:hover{color:#fff;background:#667eea2e;border-color:#667eea5c;box-shadow:0 6px 18px #667eea2e}.kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.kpi-card{background:var(--surface-primary,#1a1a2ed9);border:1px solid var(--border-subtle,#ffffff0f);border-radius:14px;flex-direction:column;gap:10px;padding:20px 22px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--kpi-accent,#6366f1);opacity:.6;border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-card:hover{border-color:color-mix(in srgb, var(--kpi-accent,#6366f1) 30%, transparent);box-shadow:0 8px 24px #0000002e}.kpi-top-row{justify-content:space-between;align-items:center;display:flex}.kpi-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.kpi-icon-wrap{background:color-mix(in srgb, var(--kpi-accent,#6366f1) 12%, transparent);width:36px;height:36px;color:var(--kpi-accent,#6366f1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.kpi-value{color:var(--text-primary,#fff);letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1}.kpi-bottom-row{align-items:center;gap:8px;display:flex}.kpi-change{border-radius:6px;align-items:center;gap:3px;padding:2px 7px;font-size:11.5px;font-weight:700;display:inline-flex}.kpi-change svg{font-size:9px}.kpi-change.up{color:#10b981;background:#10b9811a}.kpi-change.down{color:#ef4444;background:#ef44441a}.kpi-change.neutral{color:#64748b;background:#64748b1a}.kpi-change-label{color:var(--text-muted,#64748b);font-size:11.5px;font-weight:500}.charts-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.chart-cell{min-height:0}.chart-cell.wide{grid-column:span 2}.chart-cell.draggable{cursor:grab;outline-offset:4px;border-radius:16px;outline:2px dashed #6366f140}.chart-cell.draggable:active{cursor:grabbing}.add-chart-btn{color:#6366f1;cursor:pointer;background:0 0;border:2px dashed #6366f133;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.add-chart-btn:hover{background:#6366f10a;border-color:#6366f173}.add-chart-btn svg{font-size:24px}.dashboard-overlay{z-index:3000;-webkit-backdrop-filter:blur(4px);background:#0000008c;position:fixed;inset:0}.dashboard-customizer{z-index:3010;background:linear-gradient(#1a1a2e 0%,#16162a 100%);border-left:1px solid #ffffff0f;flex-direction:column;width:360px;max-width:90vw;animation:.3s ease-out slide-in-right;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #0006}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.customizer-header{padding:calc(26px + env(safe-area-inset-top,0px)) 72px 18px 22px;background:inherit;border-bottom:1px solid #ffffff0f;flex-shrink:0;position:relative}.customizer-header h3{color:#fff;margin:0;font-size:18px;font-weight:800;line-height:1.25}.customizer-header span{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.customizer-reset-btn{color:#cbd5e1;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b838;border-radius:8px;align-items:center;gap:8px;height:34px;margin-top:12px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.customizer-reset-btn:hover{color:#fff;background:#6366f129;border-color:#6366f152}.panel-close{top:calc(22px + env(safe-area-inset-top,0px));color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex;position:absolute;right:18px}.panel-close:hover{color:#fff;background:#ffffff1a}.customizer-list{flex:1;padding:12px 16px;overflow-y:auto}.customizer-item{cursor:grab;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.customizer-item:hover{background:#ffffff0a}.customizer-item:active{cursor:grabbing}.drag-icon{color:#475569;flex-shrink:0;font-size:13px}.customizer-item-title{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.customizer-item .toggle-switch{cursor:pointer;background:#64748b59;border-radius:14px;flex-shrink:0;align-items:center;width:46px;height:26px;padding:3px;transition:background-color .2s;display:inline-flex;position:relative}.customizer-item .toggle-slider{background:0 0;border-radius:14px;position:absolute;inset:0}.customizer-item .toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.customizer-item .toggle-switch.checked{background:#6366f1}.customizer-item .toggle-switch.checked .toggle-slider:before{transform:translate(20px)}.chart-builder-modal{z-index:3020;background:linear-gradient(135deg,#1a1a2e 0%,#1e1e36 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:640px;max-width:92vw;max-height:85vh;animation:.25s ease-out scale-in;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #00000080}@keyframes scale-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.builder-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:12px;padding:24px 24px 16px;display:flex;position:relative}.builder-header h3{color:#fff;flex:1;margin:0;font-size:18px;font-weight:800}.builder-steps{gap:12px;display:flex}.step{color:#475569;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s}.step.active{color:#a5b4fc;background:#6366f11f}.step.done{color:#34d399}.builder-header .panel-close{flex-shrink:0;position:static}.builder-body{flex:1;padding:24px;overflow-y:auto}.builder-type-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.builder-type-card{cursor:pointer;text-align:center;background:#ffffff05;border:2px solid #ffffff0f;border-radius:14px;padding:20px;transition:all .2s}.builder-type-card:hover{background:#6366f10a;border-color:#6366f14d}.builder-type-card.selected{background:#6366f11a;border-color:#6366f1}.builder-type-card .type-icon{color:#6366f1;margin-bottom:10px;font-size:28px}.builder-type-card h4{color:#fff;margin:0 0 4px;font-size:14px}.builder-type-card p{color:#64748b;margin:0;font-size:12px}.builder-data-form{flex-direction:column;gap:18px;display:flex}.builder-data-form .form-group{flex-direction:column;gap:6px;display:flex}.builder-data-form .form-group>label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.builder-data-form .form-group input[type=text],.builder-data-form .form-group input[type=number]{border:1px solid #ffffff14;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s;color:#fff!important;background:#00000040!important}.builder-data-form .form-group input:focus{border-color:#6366f180}.data-points-list{flex-direction:column;gap:8px;display:flex}.data-point-row{align-items:center;gap:8px;display:flex}.data-point-row input[type=text],.data-point-row input[type=number]{border:1px solid #ffffff14;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px;color:#fff!important;background:#00000040!important}.data-point-row input:focus{border-color:#6366f180}.color-picker-mini{flex-shrink:0;width:32px;height:32px;position:relative}.color-picker-mini input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-picker-mini svg{color:#6366f1;pointer-events:none;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.remove-point-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .2s;display:flex}.remove-point-btn:hover{background:#ef444433}.add-point-btn{color:#a5b4fc;cursor:pointer;background:#6366f114;border:1px dashed #6366f14d;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.add-point-btn:hover{background:#6366f124}.builder-preview{flex-direction:column;gap:18px;display:flex}.preview-info{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;gap:20px;padding:12px 14px;display:flex}.preview-detail{color:#cbd5e1;font-size:13px}.preview-detail strong{color:#fff;margin-right:4px}.preview-chart-wrapper{border:1px solid #ffffff0f;border-radius:14px;overflow:hidden}.builder-footer{border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding:16px 24px;display:flex}.btn-builder-back{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-builder-back:hover{color:#e2e8f0;background:#ffffff14}.btn-builder-next{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-builder-next:hover{background:#4f46e5}.btn-builder-create{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.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 #6366f11f #6366f11f}body.theme-light .dash-header-left h1{color:#1e293b}body.theme-light .dash-subtitle{color:#64748b}body.theme-light .dash-btn{color:#475569;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000a}body.theme-light .dash-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}body.theme-light .dash-btn.secondary{color:#334155;background:#f8fafc;border-color:#dbe3ee}body.theme-light .dash-btn.secondary:hover{color:#1e293b;background:#eef2ff;border-color:#a5b4fc}body.theme-light .dash-btn.active{color:#6366f1;background:#6366f114;border-color:#6366f14d}body.theme-light .dash-btn.primary{color:#fff;background:#6366f1;border-color:#6366f1}body.theme-light .dash-btn.primary:hover{background:#4f46e5}body.theme-light .dash-controls{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000a}body.theme-light .interval-pills{background:#f1f5f9}body.theme-light .pill{color:#64748b;background:0 0}body.theme-light .pill:hover{color:#1e293b;background:#0000000a}body.theme-light .pill.active{color:#fff;background:#6366f1;box-shadow:0 2px 8px #6366f140}body.theme-light .period-label-text{color:#1e293b}body.theme-light .period-nav button{color:#475569;background:#fff;border-color:#e2e8f0}body.theme-light .period-nav button:hover{color:#1e293b;background:#f1f5f9}body.theme-light .dash-controls .period-nav-btn{color:#4338ca;background:#fff;border-color:#dbe4f0}body.theme-light .dash-controls .period-nav-btn:hover{color:#312e81;background:#eef2ff;border-color:#a5b4fc}body.theme-light .dash-controls .period-today-btn{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}body.theme-light .dash-controls .period-today-btn:hover{color:#312e81;background:#dbe4ff;border-color:#a5b4fc}body.theme-light .kpi-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}body.theme-light .kpi-card:hover{box-shadow:0 4px 16px #00000014}body.theme-light .kpi-label{color:#64748b}body.theme-light .kpi-icon-wrap{background:color-mix(in srgb, var(--kpi-accent,#6366f1) 10%, #f8fafc)}body.theme-light .kpi-value{color:#1e293b}body.theme-light .kpi-change.up{color:#059669;background:#10b98114}body.theme-light .kpi-change.down{color:#dc2626;background:#ef444414}body.theme-light .kpi-change.neutral{color:#64748b;background:#64748b14}body.theme-light .kpi-change-label{color:#94a3b8}body.theme-light .chart-cell.draggable{outline-color:#6366f133}body.theme-light .add-chart-btn{color:#6366f1;background:0 0;border-color:#6366f133}body.theme-light .add-chart-btn:hover{background:#6366f10a;border-color:#6366f166}body.theme-light .dashboard-overlay{background:#0000004d}body.theme-light .dashboard-customizer{background:linear-gradient(#fff 0%,#f8fafc 100%);border-left-color:#e2e8f0;box-shadow:-12px 0 40px #0000001a}body.theme-light .customizer-header{border-bottom-color:#e2e8f0}body.theme-light .customizer-header h3{color:#0f172a}body.theme-light .customizer-header span{color:#475569}body.theme-light .customizer-reset-btn{color:#475569;background:#f8fafc;border-color:#dbe3ef}body.theme-light .customizer-reset-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}body.theme-light .panel-close{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}body.theme-light .panel-close:hover{color:#1e293b;background:#e2e8f0}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 #00000026}body.theme-light .customizer-item .toggle-switch.checked{background:#6366f1}body.theme-light .chart-builder-modal{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-color:#e2e8f0;box-shadow:0 24px 80px #00000026}body.theme-light .builder-header{border-bottom-color:#e2e8f0}body.theme-light .builder-header h3{color:#0f172a}body.theme-light .step{color:#94a3b8}body.theme-light .step.active{color:#6366f1;background:#6366f114}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:#6366f108;border-color:#6366f14d}body.theme-light .builder-type-card.selected{background:#6366f10f;border-color:#6366f1}body.theme-light .builder-type-card h4{color:#1e293b}body.theme-light .builder-type-card p{color:#64748b}body.theme-light .builder-data-form .form-group>label{color:#334155}body.theme-light .preview-info{background:#fff;border-color:#e2e8f0}body.theme-light .builder-data-form .form-group input[type=text],body.theme-light .builder-data-form .form-group input[type=number]{border-color:#e2e8f0;color:#1e293b!important;background:#fff!important}body.theme-light .builder-data-form .form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}body.theme-light .data-point-row input[type=text],body.theme-light .data-point-row input[type=number]{border-color:#e2e8f0;color:#1e293b!important;background:#fff!important}body.theme-light .data-point-row input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}body.theme-light .remove-point-btn{color:#ef4444;background:#ef44440f;border-color:#ef444426}body.theme-light .remove-point-btn:hover{background:#ef44441f}body.theme-light .add-point-btn{color:#6366f1;background:#6366f10d;border-color:#6366f133}body.theme-light .add-point-btn:hover{background:#6366f11a}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{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}body.theme-light .btn-builder-back:hover{color:#1e293b;background:#e2e8f0}body.theme-light .btn-builder-next{color:#fff;background:#6366f1}body.theme-light .btn-builder-next:hover{background:#4f46e5}body.theme-light .btn-builder-create{color:#fff;background:#10b981}body.theme-light .btn-builder-create:hover{background:#059669}@media (width<=1200px){.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.dashboard{padding:16px 12px 40px}.dash-header{flex-direction:column;gap:12px}.dash-controls{flex-direction:column;align-items:stretch;gap:12px}.interval-pills{flex-wrap:wrap;justify-content:center}.period-nav{justify-content:center}.charts-grid{grid-template-columns:1fr}.chart-cell.wide{grid-column:span 1}}@media (width<=768px){.kpi-row{grid-template-columns:1fr}}@media (width<=600px){.dashboard{padding:12px 8px 32px}.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{padding:7px 11px;font-size:12px}.interval-pills{flex-wrap:wrap;gap:3px}.pill{min-height:36px;padding:6px 10px;font-size:11.5px}.dash-controls{padding:10px}.period-label-text{min-width:140px;font-size:12px}.dash-header-left h1{font-size:20px}.dash-subtitle{font-size:12px}.dashboard-customizer{width:100vw;max-width:100vw}.customizer-header{padding:calc(24px + env(safe-area-inset-top,0px)) 68px 16px 20px}.customizer-header h3{font-size:17px}}.limit-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s lmFadeIn;display:flex;position:fixed;inset:0}@keyframes lmFadeIn{0%{opacity:0}to{opacity:1}}.limit-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:linear-gradient(135deg,#1a1a2ef2 0%,#252540f2 100%);border:1px solid #667eea40;border-radius:20px;width:100%;max-width:440px;padding:40px 36px 32px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalEnter;position:relative;box-shadow:0 25px 80px #00000080}@keyframes lmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.limit-modal-close{color:#a0aec0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.limit-modal-close:hover{color:#fff;background:#ffffff1a}.limit-modal-icon{margin-bottom:16px;display:inline-flex;position:relative}.limit-modal-icon span{font-size:48px}.limit-modal-icon .warning-badge{color:#f59e0b;background:#1a1a2e;border-radius:50%;padding:2px;font-size:18px;position:absolute;bottom:-4px;right:-8px}.limit-modal h2{color:#fff;margin:0 0 8px;font-size:22px;font-weight:700}.limit-modal-message{color:#a0aec0;margin:0 0 20px;font-size:14px;line-height:1.6}.limit-modal-usage{margin-bottom:16px}.limit-modal-usage .usage-bar{background:#f59e0b26;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{color:#a0aec0;background:#667eea14;border:1px solid #667eea26;border-radius:10px;margin-bottom:20px;padding:10px 16px;font-size:13px}.limit-modal-plan-info strong{color:#667eea}.limit-modal-actions{gap:10px;margin-bottom:16px;display:flex}.limit-btn-upgrade{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.limit-btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.limit-btn-pricing{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.limit-btn-pricing:hover{background:#667eea33}.limit-modal-footer{color:#666;margin:0;font-size:12px}body.theme-light .limit-modal-message{color:#64748b}body.theme-light .limit-modal-close{color:#666;background:#0000000d}body.theme-light .limit-modal-plan-info{color:#64748b;background:#667eea0f}body.theme-light .limit-modal-footer{color:#94a3b8}body.theme-light .limit-modal-icon .warning-badge{background:#fff}@media (width<=480px){.limit-modal{border-radius:16px;padding:28px 20px 24px}.limit-modal h2{font-size:18px}.limit-modal-message{font-size:13px}.limit-modal-icon span{font-size:36px}.limit-modal-actions{flex-direction:column}.limit-btn-upgrade,.limit-btn-pricing{width:100%}.limit-modal-close{width:36px;height:36px}}.limit-modal-overlay{-webkit-backdrop-filter:blur(12px);background:#0009!important}.limit-modal{animation:.3s cubic-bezier(.34,1.56,.64,1) modalEnter;background:linear-gradient(135deg,#1a1a2efa 0%,#252540fa 100%)!important;border:1px solid #667eea40!important;box-shadow:0 25px 80px #00000080!important}body.theme-light .limit-modal{background:#fff!important;border-color:#f59e0b4d!important;box-shadow:0 20px 60px #0f172a2e!important}body.theme-light .limit-modal h2{color:#111827}body.theme-light .limit-modal-message,body.theme-light .limit-modal-plan-info,body.theme-light .limit-modal-footer{color:#475569}.vat-price-simple{white-space:nowrap;font:inherit;color:inherit;display:inline-block}.vat-price-display{vertical-align:middle;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;max-width:100%;line-height:1.15;display:inline-flex}.vat-price-chip{white-space:nowrap;background:#0f172a57;border:1px solid #94a3b838;border-radius:6px;align-items:baseline;gap:4px;max-width:100%;min-height:24px;padding:3px 6px;display:inline-flex}.vat-price-label{color:#e2e8f0b8;font-size:11px;font-weight:600}.vat-price-value{color:#fff;font-size:12px;font-weight:800}.vat-price-detail{justify-content:flex-start;gap:8px}.vat-price-detail .vat-price-chip{min-height:30px;padding:5px 8px}.vat-price-detail .vat-price-label{font-size:12px}.vat-price-detail .vat-price-value{font-size:14px}.vat-price-gross{background:#10b9811f;border-color:#10b98147}.vat-price-vat{background:#f59e0b1a;border-color:#f59e0b47}.value-amount .vat-price-display,.list-price .vat-price-display,.fav-card-price .vat-price-display,.acct-value .vat-price-display{justify-content:flex-end}.detail-value .vat-price-display{justify-content:flex-start}body.theme-light .vat-price-chip,[data-theme=light] .vat-price-chip{background:#f8fafc;border-color:#e2e8f0}body.theme-light .vat-price-label,[data-theme=light] .vat-price-label{color:#64748b}body.theme-light .vat-price-value,[data-theme=light] .vat-price-value{color:#0f172a}body.theme-light .vat-price-gross,[data-theme=light] .vat-price-gross{background:#ecfdf5;border-color:#bbf7d0}body.theme-light .vat-price-vat,[data-theme=light] .vat-price-vat{background:#fffbeb;border-color:#fde68a}.item-modal-overlay{z-index:5000;padding:calc(76px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;background:#0f172a8c;justify-content:center;align-items:flex-start;animation:.25s itemModalFadeIn;display:flex;position:fixed;inset:0;overflow:hidden auto}@keyframes itemModalFadeIn{0%{opacity:0}to{opacity:1}}.item-modal{width:100%;max-width:920px;max-height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px));background:#fff;border-radius:18px;flex-direction:column;animation:.25s itemModalSlideIn;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000014,0 30px 80px #0000001f}@keyframes itemModalSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.modal-title{color:#111827;font-size:20px;font-weight:700;line-height:1.3}.modal-subtitle{color:#6b7280;margin-top:4px;font-size:13px;line-height:1.4}.close-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:background .2s,color .2s;display:flex}.close-btn:hover{color:#111827;background:#e5e7eb}.close-btn svg{font-size:16px}.modal-body{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;flex:1;padding:28px;overflow:hidden auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field.full{grid-column:span 2}.field label{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.field label .required{color:#ef4444;font-weight:500}.field input,.field select,.field textarea{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:100px}.field input::placeholder,.field textarea::placeholder{color:#9ca3af}.field input:focus,.field select:focus,.field textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.field select option{color:#1f2937;background:#fff}.date-time-row{grid-template-columns:1fr 140px;gap:12px;display:grid}.date-picker-trigger,.time-picker-trigger{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:13px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s;display:flex}.date-picker-trigger:hover,.time-picker-trigger:hover{border-color:#111827}.date-picker-trigger svg,.time-picker-trigger svg{color:#6b7280;font-size:14px}.date-time-panel{flex-direction:column;gap:8px;margin-top:8px;display:flex}.calendar-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;box-shadow:0 10px 40px #0000001a}.calendar-panel .react-calendar{background:0 0;border:none;width:100%;font-family:inherit}.calendar-panel .react-calendar__navigation{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-panel .react-calendar__navigation button{color:#1f2937;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.calendar-panel .react-calendar__navigation button:hover{background:#e5e7eb}.calendar-panel .react-calendar__navigation__label{color:#1f2937;flex-grow:1;font-size:15px;font-weight:600;background:0 0!important;border:none!important}.calendar-panel .react-calendar__month-view__weekdays{text-transform:uppercase;color:#9ca3af;letter-spacing:1px;margin-bottom:8px;font-size:10px;font-weight:700}.calendar-panel .react-calendar__month-view__weekdays__weekday{text-align:center;padding:8px 0}.calendar-panel .react-calendar__tile{color:#374151;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:36px;margin-bottom:4px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.calendar-panel .react-calendar__tile--neighboringMonth{color:#d1d5db}.calendar-panel .react-calendar__tile:enabled:hover,.calendar-panel .react-calendar__tile:enabled:focus{background:#f3f4f6;border-color:#d1d5db}.calendar-panel .react-calendar__tile--now{color:#111827;background:0 0;border:1px solid #111827;font-weight:600}.calendar-panel .react-calendar__tile--active,.calendar-panel .react-calendar__tile--hasActive{border:none;font-weight:600;color:#fff!important;background:#111827!important}.time-panel{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:240px;padding:8px;overflow-y:auto;box-shadow:0 10px 40px #0000001a}.time-panel::-webkit-scrollbar{width:5px}.time-panel::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.time-option{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.time-option:hover{color:#111827;background:#f3f4f6}.time-option.active{color:#fff;background:#111827}.timezone-hint{color:#9ca3af;margin-top:4px;font-size:11px;font-style:italic}.vat-toggle-row{align-items:center;display:flex}.checkbox-label{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{accent-color:#111827;cursor:pointer;width:18px;height:18px}.vat-preview{color:#6b7280;margin-top:8px;font-size:12px;font-weight:500}.unit-row{flex-wrap:wrap;gap:12px;display:flex}.unit-field{flex:1;min-width:140px}.unit-field.unit-qty{flex:0 0 120px;min-width:100px}.unit-field select,.unit-field input{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.unit-field select:focus,.unit-field input:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.unit-field select option{color:#1f2937;background:#fff}.image-limit-bar-wrap{background:#f3f4f6;border-radius:10px;width:100%;height:6px;margin-bottom:4px;overflow:hidden}.image-limit-bar-fill{background:#111827;border-radius:10px;height:100%;transition:width .4s,background-color .3s}.image-limit-label{color:#9ca3af;margin-left:auto;font-size:11px;font-weight:500}.file-upload{flex-direction:column;gap:16px;display:flex}.file-upload-label{text-align:center;color:#6b7280;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;font-size:15px;font-weight:500;transition:all .3s;display:flex}.file-upload-label:hover:not(.disabled){color:#374151;background:#f3f4f6;border-color:#9ca3af}.file-upload-label.dragging{background:#f3f4f6;border-style:solid;border-color:#111827;box-shadow:0 0 0 3px #11182714}.file-upload-label.disabled{opacity:.5;cursor:not-allowed}.file-upload-label .upload-icon{color:#9ca3af;font-size:28px;transition:transform .3s}.file-upload-label.dragging .upload-icon{color:#111827;transform:translateY(-4px)}.file-upload-label .upload-text{color:#374151;font-size:15px;font-weight:600}.file-upload-label .upload-hint{color:#9ca3af;font-size:12px;font-weight:400}.images-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;display:grid}.image-preview-item{aspect-ratio:1;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;transition:all .25s;position:relative;overflow:hidden}.image-preview-item:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.image-preview-item img{object-fit:cover;width:100%;height:100%}.remove-image-btn{color:#4b5563;cursor:pointer;opacity:0;background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.image-preview-item:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.remove-image-btn.inside-field{opacity:1}.image-index{color:#fff;background:#111827d9;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.add-more-images{cursor:pointer;color:#9ca3af;aspect-ratio:1;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;font-size:13px;transition:all .25s;display:flex}.add-more-images:hover{color:#374151;background:#f3f4f6;border-color:#9ca3af}.tag-input-container{gap:10px;display:flex;position:relative}.tag-input-container input{flex:1}.search-clear-btn.tag-clear{color:#6b7280;cursor:pointer;z-index:2;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:50%;right:100px;transform:translateY(-50%)}.search-clear-btn.tag-clear:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.btn-add-tag{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:10px;align-items:center;gap:8px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s;display:flex}.btn-add-tag:hover{background:#374151}.btn-clear-tags{background:#4b5563}.btn-clear-tags:hover{background:#374151}.tags-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.tags-list .tag{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.tags-list .tag:hover{border-color:#d1d5db}.tags-list .tag button,.tags-list .tag .tag-remove-btn{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;margin-left:4px;padding:2px 8px;font-size:11px;transition:all .2s;display:flex}.tags-list .tag button:hover,.tags-list .tag .tag-remove-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.ai-loading{color:#6b7280;align-items:center;gap:6px;margin-left:10px;font-size:12px;font-weight:500;display:flex}.ai-suggestions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-top:12px;animation:.3s slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-suggestions-header{color:#374151;text-transform:uppercase;letter-spacing:.5px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.ai-suggestions-header svg{color:#111827;font-size:14px}.dismiss-suggestions{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;padding:6px;transition:all .2s;display:flex}.dismiss-suggestions:hover{color:#ef4444;background:#fee2e2}.suggestion-chips{flex-wrap:wrap;gap:10px;padding:14px 16px;display:flex}.suggestion-chip{cursor:pointer;background:0 0;border:1.5px solid;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;transition:all .2s;display:inline-flex}.suggestion-chip:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.chip-name{color:#1f2937;font-size:13px;font-weight:600}.chip-confidence{align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.chip-confidence svg{font-size:10px}.modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary{color:#374151;background:#f3f4f6}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-primary:hover:not(:disabled){background:#374151;transform:translateY(-1px)}.btn-ghost{color:#6b7280;background:0 0;border:1px solid #e5e7eb}.btn-ghost:hover:not(:disabled){color:#374151;background:#f9fafb;border-color:#d1d5db}.btn:disabled{opacity:.5;cursor:not-allowed}body:not(.theme-light) .item-modal,body.theme-dark .item-modal{color:#e5e7eb;background:#111827;border:1px solid #94a3b82e;box-shadow:0 10px 30px #00000059,0 30px 80px #00000080}body:not(.theme-light) .item-modal .modal-header,body.theme-dark .item-modal .modal-header,body:not(.theme-light) .item-modal .modal-footer,body.theme-dark .item-modal .modal-footer{border-color:#94a3b82e}body:not(.theme-light) .item-modal .modal-title,body.theme-dark .item-modal .modal-title,body:not(.theme-light) .item-modal .field label,body.theme-dark .item-modal .field label,body:not(.theme-light) .item-modal .checkbox-label,body.theme-dark .item-modal .checkbox-label,body:not(.theme-light) .item-modal .chip-name,body.theme-dark .item-modal .chip-name{color:#f8fafc}body:not(.theme-light) .item-modal .modal-subtitle,body.theme-dark .item-modal .modal-subtitle,body:not(.theme-light) .item-modal .timezone-hint,body.theme-dark .item-modal .timezone-hint,body:not(.theme-light) .item-modal .vat-preview,body.theme-dark .item-modal .vat-preview,body:not(.theme-light) .item-modal .ai-loading,body.theme-dark .item-modal .ai-loading{color:#94a3b8}body:not(.theme-light) .item-modal .close-btn,body.theme-dark .item-modal .close-btn,body:not(.theme-light) .item-modal .btn-secondary,body.theme-dark .item-modal .btn-secondary{color:#e5e7eb;background:#1f2937}body:not(.theme-light) .item-modal .close-btn:hover,body.theme-dark .item-modal .close-btn:hover,body:not(.theme-light) .item-modal .btn-secondary:hover:not(:disabled),body.theme-dark .item-modal .btn-secondary:hover:not(:disabled){color:#fff;background:#334155}body:not(.theme-light) .item-modal .field input,body.theme-dark .item-modal .field input,body:not(.theme-light) .item-modal .field select,body.theme-dark .item-modal .field select,body:not(.theme-light) .item-modal .field textarea,body.theme-dark .item-modal .field textarea,body:not(.theme-light) .item-modal .unit-field select,body.theme-dark .item-modal .unit-field select,body:not(.theme-light) .item-modal .unit-field input,body.theme-dark .item-modal .unit-field input,body:not(.theme-light) .item-modal .date-picker-trigger,body.theme-dark .item-modal .date-picker-trigger,body:not(.theme-light) .item-modal .time-picker-trigger,body.theme-dark .item-modal .time-picker-trigger{color:#f8fafc;background:#0f172a;border-color:#334155}body:not(.theme-light) .item-modal .field input::placeholder,body.theme-dark .item-modal .field input::placeholder,body:not(.theme-light) .item-modal .field textarea::placeholder,body.theme-dark .item-modal .field textarea::placeholder{color:#64748b}body:not(.theme-light) .item-modal .field select option,body.theme-dark .item-modal .field select option,body:not(.theme-light) .item-modal .unit-field select option,body.theme-dark .item-modal .unit-field select option{color:#f8fafc;background:#0f172a}body:not(.theme-light) .item-modal .field input:focus,body.theme-dark .item-modal .field input:focus,body:not(.theme-light) .item-modal .field select:focus,body.theme-dark .item-modal .field select:focus,body:not(.theme-light) .item-modal .field textarea:focus,body.theme-dark .item-modal .field textarea:focus,body:not(.theme-light) .item-modal .unit-field select:focus,body.theme-dark .item-modal .unit-field select:focus,body:not(.theme-light) .item-modal .unit-field input:focus,body.theme-dark .item-modal .unit-field input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa29}body:not(.theme-light) .item-modal .file-upload-label,body.theme-dark .item-modal .file-upload-label,body:not(.theme-light) .item-modal .add-more-images,body.theme-dark .item-modal .add-more-images,body:not(.theme-light) .item-modal .image-preview-item,body.theme-dark .item-modal .image-preview-item,body:not(.theme-light) .item-modal .image-limit-bar-wrap,body.theme-dark .item-modal .image-limit-bar-wrap,body:not(.theme-light) .item-modal .tags-list .tag,body.theme-dark .item-modal .tags-list .tag{color:#cbd5e1;background:#1f2937;border-color:#334155}body:not(.theme-light) .item-modal .file-upload-label .upload-text,body.theme-dark .item-modal .file-upload-label .upload-text,body:not(.theme-light) .item-modal .add-more-images:hover,body.theme-dark .item-modal .add-more-images:hover,body:not(.theme-light) .item-modal .tags-list .tag,body.theme-dark .item-modal .tags-list .tag{color:#e5e7eb}body:not(.theme-light) .item-modal .file-upload-label:hover:not(.disabled),body.theme-dark .item-modal .file-upload-label:hover:not(.disabled),body:not(.theme-light) .item-modal .add-more-images:hover,body.theme-dark .item-modal .add-more-images:hover{background:#273449;border-color:#475569}body:not(.theme-light) .item-modal .ai-suggestions,body.theme-dark .item-modal .ai-suggestions,body:not(.theme-light) .item-modal .calendar-panel,body.theme-dark .item-modal .calendar-panel,body:not(.theme-light) .item-modal .time-panel,body.theme-dark .item-modal .time-panel{background:#0f172a;border-color:#334155}body:not(.theme-light) .item-modal .ai-suggestions-header,body.theme-dark .item-modal .ai-suggestions-header,body:not(.theme-light) .item-modal .calendar-panel .react-calendar__navigation button,body.theme-dark .item-modal .calendar-panel .react-calendar__navigation button{color:#e5e7eb;background:#1f2937;border-color:#334155}body:not(.theme-light) .item-modal .calendar-panel .react-calendar__navigation__label,body.theme-dark .item-modal .calendar-panel .react-calendar__navigation__label,body:not(.theme-light) .item-modal .calendar-panel .react-calendar__tile,body.theme-dark .item-modal .calendar-panel .react-calendar__tile,body:not(.theme-light) .item-modal .time-option,body.theme-dark .item-modal .time-option{color:#e5e7eb}body:not(.theme-light) .item-modal .calendar-panel .react-calendar__tile--neighboringMonth,body.theme-dark .item-modal .calendar-panel .react-calendar__tile--neighboringMonth{color:#64748b}body:not(.theme-light) .item-modal .calendar-panel .react-calendar__tile:enabled:hover,body.theme-dark .item-modal .calendar-panel .react-calendar__tile:enabled:hover,body:not(.theme-light) .item-modal .time-option:hover,body.theme-dark .item-modal .time-option:hover{color:#fff;background:#1f2937}body:not(.theme-light) .item-modal .calendar-panel .react-calendar__tile--now,body.theme-dark .item-modal .calendar-panel .react-calendar__tile--now{color:#bfdbfe;border-color:#60a5fa}body:not(.theme-light) .item-modal .calendar-panel .react-calendar__tile--active,body.theme-dark .item-modal .calendar-panel .react-calendar__tile--active,body:not(.theme-light) .item-modal .time-option.active,body.theme-dark .item-modal .time-option.active,body:not(.theme-light) .item-modal .btn-primary,body.theme-dark .item-modal .btn-primary,body:not(.theme-light) .item-modal .btn-add-tag,body.theme-dark .item-modal .btn-add-tag,body:not(.theme-light) .item-modal .image-limit-bar-fill,body.theme-dark .item-modal .image-limit-bar-fill{color:#fff;background:#2563eb}body.theme-light .item-modal{color:#111827;background:#fff}body.theme-light .item-modal .btn-primary{color:#fff;background:#0057c2}body.theme-light .item-modal .btn-primary:hover:not(:disabled){background:#003f8c}@media (width<=768px){.item-modal-overlay{padding:calc(env(safe-area-inset-top,0px) + 12px) 10px calc(env(safe-area-inset-bottom,0px) + 12px);-webkit-overflow-scrolling:touch;align-items:flex-start;overflow:hidden auto}.item-modal{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);border-radius:18px}.modal-header{padding:20px 24px}.modal-title{font-size:18px}.modal-body{padding:20px 24px}.grid{grid-template-columns:1fr;gap:16px}.field.full{grid-column:auto}.modal-footer{flex-direction:column-reverse;padding:16px 24px 24px}.btn{width:100%}.date-time-row{grid-template-columns:1fr 1fr}.unit-row{flex-direction:column}.unit-field,.unit-field.unit-qty{flex:auto;min-width:auto}}.field-hint-btn{appearance:none;cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;line-height:1}.field-hint-icon{color:#94a3b8;font-size:.75em;transition:color .2s}.field-hint-icon:hover{color:#6366f1}.field-hint-note{color:#64748b;margin-top:6px;font-size:12px;line-height:1.4;display:block}body:not(.theme-light) .item-modal .tags-list .tag .tag-remove-btn,body.theme-dark .item-modal .tags-list .tag .tag-remove-btn,body:not(.theme-light) .item-modal .tags-list .tag button,body.theme-dark .item-modal .tags-list .tag button{color:#64748b}body:not(.theme-light) .item-modal .tags-list .tag .tag-remove-btn:hover,body.theme-dark .item-modal .tags-list .tag .tag-remove-btn:hover,body:not(.theme-light) .item-modal .tags-list .tag button:hover,body.theme-dark .item-modal .tags-list .tag button:hover{color:#f87171;background:#451a1a;border-color:#7f1d1d}.imgv-overlay{z-index:10000;-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;inset:0;overflow:hidden}.imgv-header{z-index:20;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.imgv-counter{color:#fff;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.imgv-badge{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;padding:4px 12px;font-size:12px;font-weight:600}.imgv-controls{align-items:center;gap:4px;display:flex}.imgv-btn{color:#ffffffbf;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:flex}.imgv-btn:hover:not(:disabled){color:#fff;background:#fff3}.imgv-btn:disabled{opacity:.3;cursor:not-allowed}.imgv-btn-close{color:#f87171;background:#ef444433;margin-left:6px}.imgv-btn-close:hover{color:#fff;background:#ef444466}.imgv-zoom{color:#fff9;text-align:center;min-width:42px;font-size:11px;font-weight:500}.imgv-selbar{z-index:25;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:60px;left:0;right:0}.imgv-selbar>*{pointer-events:auto}.imgv-selbar-left{background:#141428;border:1px solid #667eea4d;border-radius:12px 0 0 12px;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.imgv-selbtn-exit{color:#fff9;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;min-height:30px;font-size:14px;display:flex}.imgv-selbtn-exit:hover{color:#fff;background:#fff3}.imgv-sel-title{color:#ffffffe6;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.imgv-selbar-actions{background:#141428;border:1px solid #667eea4d;border-left:none;border-radius:0 12px 12px 0;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.imgv-selbtn{color:#fffc;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:none;border-radius:8px;outline:none;flex-shrink:0;align-items:center;gap:6px;min-height:30px;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.imgv-selbtn:hover:not(:disabled){color:#fff;background:#fff3}.imgv-selbtn:disabled{opacity:.5;cursor:not-allowed}.imgv-selbtn-download{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.imgv-selbtn-download:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190)}.imgv-nav{color:#fff;cursor:pointer;z-index:15;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;outline:none;justify-content:center;align-items:center;width:50px;height:50px;margin-top:-25px;font-size:17px;display:flex;position:absolute;top:50%}.imgv-nav:hover{background:#ffffff40}.imgv-nav-prev{left:16px}.imgv-nav-next{right:16px}.imgv-imgarea{flex:1;justify-content:center;align-items:center;padding:65px 90px 85px;display:flex;position:relative;overflow:hidden}.imgv-img{object-fit:contain;pointer-events:none;border-radius:4px;max-width:100%;max-height:100%;transition:opacity .3s}.imgv-loader{z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.imgv-spinner{border:3px solid #ffffff26;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite imgv-spin}@keyframes imgv-spin{to{transform:rotate(360deg)}}.imgv-check{color:#0000;cursor:pointer;z-index:10;background:#0009;border:2px solid #fff6;border-radius:10px;outline:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;position:absolute;top:85px;left:100px}.imgv-check:hover{background:#000c;border-color:#fff9}.imgv-check-active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.imgv-thumbs{z-index:15;background:#0a0a0ae6;border:1px solid #ffffff14;border-radius:12px;gap:8px;width:88vw;max-width:88vw;margin-left:-44vw;padding:10px 14px;display:flex;position:absolute;bottom:14px;left:50%;overflow:auto hidden}.imgv-thumbs::-webkit-scrollbar{height:4px}.imgv-thumbs::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.imgv-thumb{cursor:pointer;opacity:.5;box-sizing:border-box;background:0 0;border:2px solid #0000;border-radius:6px;outline:none;flex-shrink:0;width:54px;min-width:54px;height:54px;min-height:54px;margin:0;padding:0;position:relative;overflow:hidden}.imgv-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.imgv-thumb:hover{opacity:.9}.imgv-thumb-active{opacity:1;border-color:#667eea}.imgv-thumb-selected{opacity:1;border-color:#22c55e}.imgv-thumbcheck{color:#0000;background:#0009;border:1.5px solid #fff6;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex;position:absolute;top:3px;right:3px}.imgv-thumbcheck-active{color:#fff;background:#22c55e;border-color:#22c55e}@media (width<=768px){.imgv-header{height:50px;padding:0 10px}.imgv-btn{width:34px;height:34px;font-size:14px}.imgv-zoom{display:none}.imgv-nav{width:42px;height:42px;margin-top:-21px;font-size:15px}.imgv-nav-prev{left:8px}.imgv-nav-next{right:8px}.imgv-imgarea{padding:55px 45px 90px}.imgv-check{width:38px;height:38px;font-size:16px;top:60px;left:50px}.imgv-selbar{gap:12px;max-width:calc(100% - 20px);padding:8px 12px;top:54px}.imgv-selbtn{padding:6px 10px;font-size:11px}.imgv-selbtn span{display:none}.imgv-thumbs{gap:6px;padding:8px 10px}.imgv-thumb{width:46px;min-width:46px;height:46px;min-height:46px}}@media (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{top:55px;left:20px}.imgv-selbar{flex-direction:column;gap:8px}.imgv-selbar-actions{flex-wrap:wrap;justify-content:center}}.plm-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.plm-modal{background:var(--bg-secondary,#16161e);border:1px solid var(--border-color,#ffffff14);border-radius:16px;width:100%;max-width:420px;padding:28px;position:relative}.plm-close{width:30px;height:30px;color:var(--text-muted,#71717a);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:16px;right:16px}.plm-close:hover{color:var(--text-primary,#e4e4e7);background:#ffffff0f}.plm-header{text-align:center;margin-bottom:20px}.plm-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:20px;display:flex}.plm-icon[data-mode=lock]{color:#ef4444;background:#ef44441f}.plm-icon[data-mode=unlock]{color:#22c55e;background:#22c55e1f}.plm-icon[data-mode=verify]{color:#6366f1;background:#6366f11f}.plm-icon[data-mode=change-password]{color:#f59e0b;background:#f59e0b1f}.plm-icon[data-mode=reset-password]{color:#0ea5e9;background:#0ea5e91f}.plm-header h2{color:var(--text-primary,#e4e4e7);margin:0 0 4px;font-size:18px;font-weight:700}.plm-item-name{color:var(--accent-color,#6366f1);margin:0 0 6px;font-size:13px;font-weight:500}.plm-desc{color:var(--text-muted,#71717a);margin:0;font-size:13px;line-height:1.4}.plm-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.plm-form{flex-direction:column;gap:14px;display:flex}.plm-field label{color:var(--text-muted,#71717a);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.plm-input-wrapper{align-items:center;display:flex;position:relative}.plm-input-icon{color:var(--text-muted,#71717a);pointer-events:none;font-size:13px;position:absolute;left:12px}.plm-input-wrapper input{border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary,#e4e4e7);background:#ffffff0a;border-radius:10px;outline:none;padding:10px 40px 10px 36px;font-size:14px;transition:border-color .15s}.plm-input-wrapper input:focus{border-color:var(--accent-color,#6366f1)}.plm-input-wrapper input::placeholder{color:var(--text-muted,#71717a);opacity:.6}.plm-toggle-vis{width:30px;height:30px;color:var(--text-muted,#71717a);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;right:8px}.plm-toggle-vis:hover{color:var(--text-primary,#e4e4e7)}.plm-submit{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:12px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.plm-submit[data-mode=lock]{color:#fff;background:#ef4444}.plm-submit[data-mode=lock]:hover:not(:disabled){background:#dc2626}.plm-submit[data-mode=unlock]{color:#fff;background:#22c55e}.plm-submit[data-mode=unlock]:hover:not(:disabled){background:#16a34a}.plm-submit[data-mode=verify]{background:var(--accent-color,#6366f1);color:#fff}.plm-submit[data-mode=verify]:hover:not(:disabled){background:var(--accent-hover,#818cf8)}.plm-submit[data-mode=change-password]{color:#fff;background:#f59e0b}.plm-submit[data-mode=change-password]:hover:not(:disabled){background:#d97706}.plm-submit:disabled{opacity:.5;cursor:not-allowed}.plm-forgotten-password{text-align:center;margin-top:8px}.plm-forgotten-link{color:var(--accent-color,#6366f1);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.plm-forgotten-link:hover{text-decoration:underline}.plm-back-link{text-align:center;margin-top:14px}body.theme-light .plm-overlay{background:#0006}body.theme-light .plm-modal{background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 60px #00000026}body.theme-light .plm-close{color:#94a3b8}body.theme-light .plm-close:hover{color:#0f172a;background:#0000000d}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{color:#dc2626;background:#ef44440f;border:1px solid #ef444426}body.theme-light .plm-field label{color:#64748b}body.theme-light .plm-input-wrapper input{color:#0f172a;background:#f8fafc;border:1px solid #d1d5db}body.theme-light .plm-input-wrapper input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}body.theme-light .plm-input-wrapper input::placeholder,body.theme-light .plm-input-icon,body.theme-light .plm-toggle-vis{color:#94a3b8}body.theme-light .plm-toggle-vis:hover{color:#0f172a}body.theme-light .plm-forgotten-link{color:#4f46e5}@media (width<=480px){.plm-modal{border-radius:14px;padding:22px 18px}.plm-icon{width:40px;height:40px;font-size:18px}.plm-header h2{font-size:16px}.plm-close,.plm-toggle-vis{width:36px;height:36px}.plm-submit{min-height:48px}}.coa-modal-overlay{--coa-overlay-bg:#080d1894;--coa-modal-bg:#fff;--coa-surface:#f8fafc;--coa-border:#dbe3ef;--coa-text-primary:#111827;--coa-text-secondary:#536278;--coa-warning-bg:#fff7d6;--coa-warning-border:#eab308;--coa-warning-text:#8a5a00;--coa-disabled-bg:#d8e0ec;--coa-disabled-text:#536278;padding:18px}body.theme-dark .coa-modal-overlay,[data-theme=dark] .coa-modal-overlay{--coa-overlay-bg:#030712b8;--coa-modal-bg:#101827;--coa-surface:#162133;--coa-border:#94a3b83d;--coa-text-primary:#f8fafc;--coa-text-secondary:#c7d2e5;--coa-warning-bg:#f59e0b24;--coa-warning-border:#f59e0b6b;--coa-warning-text:#fbbf24;--coa-disabled-bg:#334155;--coa-disabled-text:#dbeafe}body.theme-light .coa-modal-overlay,[data-theme=light] .coa-modal-overlay{--coa-overlay-bg:#0f172a6b;--coa-modal-bg:#fff;--coa-surface:#f8fafc;--coa-border:#dbe3ef;--coa-text-primary:#111827;--coa-text-secondary:#536278}.coa-modal-shell{color:var(--coa-text-primary)}.coa-title-icon,.coa-saved-icon{color:#4f46e5;flex:none}.coa-saved-icon{margin:0 auto 10px;display:block}@media (width<=640px){.coa-modal-overlay{padding:calc(env(safe-area-inset-top,0px) + 12px) 12px 12px;overflow-y:auto;align-items:flex-start!important}.coa-modal-shell{margin:0 auto;width:100%!important;max-height:none!important;padding:22px!important}}.evidence-modal-overlay{z-index:10000;padding:calc(72px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);--ev-bg:#fff;--ev-surface:#f8fafc;--ev-border:#dbe3ef;--ev-text:#111827;--ev-muted:#64748b;--ev-accent:#4f46e5;background:#080d1894;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}body.theme-dark .evidence-modal-overlay,[data-theme=dark] .evidence-modal-overlay{--ev-bg:#101827;--ev-surface:#162133;--ev-border:#94a3b83d;--ev-text:#f8fafc;--ev-muted:#c7d2e5;--ev-accent:#8b5cf6;background:#030712bd}.evidence-modal{border:1px solid var(--ev-border);background:var(--ev-bg);width:min(1120px,100%);max-height:calc(100dvh - 104px);color:var(--ev-text);border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 90px #0f172a47}.evidence-head{border-bottom:1px solid var(--ev-border);justify-content:space-between;gap:18px;padding:24px 26px;display:flex}.evidence-head h2{color:var(--ev-text);align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.evidence-head p{color:var(--ev-muted);margin:6px 0 0;line-height:1.45}.evidence-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--ev-accent)!important;margin:0 0 8px!important}.evidence-close{border:1px solid var(--ev-border);background:var(--ev-surface);width:40px;height:40px;color:var(--ev-muted);cursor:pointer;border-radius:12px;flex:0 0 40px}.evidence-body{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);min-height:0;display:grid;overflow:hidden}.evidence-form,.evidence-preview{min-height:0;padding:24px;overflow-y:auto}.evidence-preview{border-left:1px solid var(--ev-border);background:var(--ev-surface)}.evidence-form label,.evidence-form .evidence-inline-fields{gap:8px;margin-bottom:16px;display:grid}.evidence-form label>span{color:var(--ev-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.evidence-form input,.evidence-form select,.evidence-form textarea{border:1px solid var(--ev-border);background:var(--ev-bg);width:100%;min-height:42px;color:var(--ev-text);font:inherit;border-radius:12px;padding:10px 12px}.evidence-form textarea{resize:vertical;min-height:88px}.evidence-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.evidence-check{border:1px solid var(--ev-border);background:var(--ev-surface);border-radius:12px;align-items:center;min-height:44px;padding:10px 12px;grid-template-columns:none!important;gap:10px!important;margin:0!important;display:flex!important}.evidence-check input{width:18px;min-height:18px;accent-color:var(--ev-accent)}.evidence-check span{color:var(--ev-text)!important;letter-spacing:0!important;text-transform:none!important;font-size:13px!important}.evidence-usage{color:var(--ev-accent);background:#4f46e51a;border-radius:12px;margin:12px 0;padding:10px 12px;font-weight:700}.evidence-usage span{color:#dc2626;margin-top:4px;font-size:12px;line-height:1.35;display:block}.evidence-usage.blocked{background:#ef444414;border:1px solid #dc26263d}.evidence-error{color:#dc2626;background:#ef444414;border:1px solid #ef444459;border-radius:12px;margin:12px 0;padding:12px}.evidence-actions{flex-wrap:wrap;gap:10px;display:flex}.evidence-actions button{border:1px solid var(--ev-border);background:var(--ev-surface);min-height:42px;color:var(--ev-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.evidence-actions button.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);border-color:#0000}.evidence-actions button:disabled{opacity:.55;cursor:not-allowed}.evidence-preview-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.evidence-preview-summary div{border:1px solid var(--ev-border);background:var(--ev-bg);border-radius:14px;padding:14px}.evidence-preview-summary strong{color:var(--ev-accent);font-size:22px;display:block}.evidence-preview-summary span{color:var(--ev-muted);font-size:12px}.evidence-preview-items{gap:10px;display:grid}.evidence-preview-item{border:1px solid var(--ev-border);background:var(--ev-bg);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.evidence-preview-item img,.evidence-empty-thumb{object-fit:cover;background:#6366f11f;border-radius:12px;flex:0 0 54px;width:54px;height:54px}.evidence-preview-item strong,.evidence-preview-item span,.evidence-preview-item small{display:block}.evidence-preview-item span,.evidence-preview-item small,.evidence-disclaimer,.evidence-loading{color:var(--ev-muted)}.evidence-disclaimer{background:#eab30814;border:1px solid #eab30859;border-radius:14px;margin:18px 0 0;padding:14px;line-height:1.5}@media (width<=820px){.evidence-modal-overlay{padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))}.evidence-modal{max-height:none;overflow:visible}.evidence-body{display:block;overflow:visible}.evidence-preview{border-left:0;border-top:1px solid var(--ev-border)}}@media (width<=520px){.evidence-head{padding:18px}.evidence-head h2{font-size:20px}.evidence-form,.evidence-preview{padding:18px}.evidence-section-grid,.evidence-preview-summary{grid-template-columns:1fr}.evidence-actions button{width:100%}}.item-detail-overlay{z-index:2147482000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:none;display:flex;position:fixed;inset:0}.item-detail-modal{z-index:2147482001;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #667eea33;border-radius:20px;width:95%;max-width:1000px;max-height:90vh;animation:none;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000080}.item-detail-modal.closing,.item-detail-overlay.closing{animation:none}@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}}@keyframes popAnimation{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}to{transform:scale(1)}}.item-detail-image-section{background:#0f0f1a;justify-content:center;align-items:center;width:45%;min-height:500px;display:flex;position:relative}.item-detail-image{object-fit:contain;cursor:zoom-in;width:100%;height:100%;padding:20px}.item-detail-no-image{color:#4a5568;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.item-detail-no-image span{font-size:80px}.item-detail-no-image p{font-size:16px}.image-expand-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:8px;width:40px;height:40px;transition:all .2s;position:absolute;bottom:16px;right:16px}.image-expand-btn:hover{background:#667eeacc}.favorite-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffa6;cursor:pointer;background:#0000008c;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,color .2s,border-color .2s;display:flex;position:absolute;top:16px;right:16px}.favorite-btn .heart-icon{fill:#0000;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:fill .25s,stroke .25s;display:block}.favorite-btn:hover{color:#fb7185;background:#e11d482e;border-color:#e11d484d}.favorite-btn.is-active{color:#e11d48;background:#e11d4826;border-color:#e11d484d}.favorite-btn.is-active .heart-icon{fill:#e11d48;stroke:#e11d48;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popAnimation}.item-detail-content{flex-direction:column;flex:1;gap:20px;padding:32px;display:flex;overflow-y:auto}.item-detail-header{justify-content:space-between;align-items:flex-start;display:flex}.item-detail-header h2{color:#fff;margin:0;font-size:28px;font-weight:700;line-height:1.3}.item-detail-badges{flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0;display:flex}.badge{color:#e2e8f0;white-space:nowrap;letter-spacing:.2px;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 6px #0000001f}.category-badge{color:#e2e8f0}.condition-badge{text-transform:uppercase;color:#cbd5f5}.item-detail-tabs{background:#ffffff0d;border-radius:12px;flex-shrink:0;gap:4px;padding:6px;display:flex}.tab{color:#a0aec0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.tab:hover{color:#fff;background:#ffffff0d}.tab.active{color:#eef2ff;background:#6366f138;border:1px solid #818cf88c}.item-detail-tab-content{flex:1;overflow-y:auto}.item-detail-content,.item-detail-tab-content{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.item-detail-content::-webkit-scrollbar{width:6px}.item-detail-tab-content::-webkit-scrollbar{width:6px}.item-detail-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.item-detail-tab-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.item-detail-content::-webkit-scrollbar-track{background:0 0}.item-detail-tab-content::-webkit-scrollbar-track{background:0 0}.details-content{flex-direction:column;gap:20px;display:flex}.detail-section{background:#ffffff08;border-radius:12px;padding:16px}.detail-section h4{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.detail-section p{color:#e2e8f0;margin:0;font-size:15px;line-height:1.6}.detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.detail-card{background:#ffffff08;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.detail-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;font-size:18px;display:flex}.detail-icon svg{width:18px;height:18px}.detail-icon.location{color:#ef4444;background:#ef44441a}.detail-icon.date{color:#f59e0b;background:#f59e0b1a}.detail-icon.price{color:#10b981;background:#10b9811a}.detail-icon.value{color:#8b5cf6;background:#8b5cf61a}.detail-icon.unit{color:#a78bfa;background:#a78bfa1a}.detail-label{color:#a0aec0;margin-bottom:4px;font-size:12px;display:block}.detail-value{color:#fff;font-size:16px;font-weight:600;display:block}.detail-subvalue{color:#e2e8f0cc;margin-left:8px;font-size:12px;font-weight:500;display:inline-block}.timezone-badge{color:#a0aec0;vertical-align:middle;background:#667eea33;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:400;display:inline-block}.tag{color:#e2e8f0;background:#ffffff14;border-radius:6px;padding:6px 12px;font-size:13px}.ai-section{background:linear-gradient(135deg,#8b5cf61a 0%,#667eea1a 100%);border:1px solid #8b5cf633;border-radius:12px;padding:16px}.ai-section h4{color:#8b5cf6;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.ai-prediction{justify-content:space-between;align-items:center;display:flex}.ai-value{color:#10b981;font-size:24px;font-weight:700}.refresh-btn{color:#8b5cf6;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:16px;transition:all .2s;display:inline-flex}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.files-content,.comments-content,.history-content{padding:20px 0}.empty-state span{margin-bottom:12px;font-size:48px;display:block}.empty-state p{color:#a0aec0;font-size:14px}.comment-input{gap:12px;margin-bottom:12px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.comment-input textarea{color:#fff;resize:none;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:12px;flex:1;padding:12px;font-size:14px}.post-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-self:flex-end;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:transform .2s;display:flex}.post-btn:hover{transform:translateY(-2px)}.item-detail-actions{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:12px;max-width:100%;margin-top:auto;padding-top:20px;display:flex;overflow:hidden}.action-btn{cursor:pointer;box-sizing:border-box;white-space:nowrap;border:none;border-radius:12px;flex:130px;justify-content:center;align-items:center;gap:8px;min-width:0;padding:12px 14px;font-weight:600;transition:all .2s;display:flex}.action-btn.edit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.action-btn.edit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.action-btn.delete{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.action-btn.delete:hover{background:#ef444433}.action-btn.lock{color:#a855f7;background:#a855f71a;border:1px solid #a855f74d}.action-btn.lock:hover{background:#a855f733;transform:translateY(-2px);box-shadow:0 4px 12px #a855f733}.action-btn.lock-active{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.action-btn.lock-active:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef44444d}.action-btn.change-lock{color:#eab308;background:#eab3081a;border:1px solid #eab3084d}.action-btn.change-lock:hover{background:#eab30833;transform:translateY(-2px);box-shadow:0 4px 12px #eab30833}.action-btn.certificate{color:#d4af37;background:#d4af371f;border:1px solid #d4af374d}.action-btn.certificate:hover{background:#d4af3733;transform:translateY(-2px);box-shadow:0 4px 12px #d4af372e}.fullscreen-overlay{z-index:2000;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fullscreen-image{object-fit:contain;max-width:95%;max-height:95%}.fullscreen-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:48px;height:48px;font-size:24px;transition:background .2s;position:absolute;top:20px;right:20px}.fullscreen-close:hover{background:#fff3}@media (width<=768px){.item-detail-overlay{padding:calc(env(safe-area-inset-top,0px) + 10px) 10px calc(env(safe-area-inset-bottom,0px) + 10px);align-items:flex-start;overflow-y:auto}.item-detail-modal{flex-direction:column;width:100%;max-width:100%;max-height:none;margin:0}.item-detail-image-section{width:100%;min-height:250px;max-height:300px}.item-detail-image{-webkit-filter:contrast(1.05)brightness(1.04)}.item-detail-content{padding:20px}.detail-grid{grid-template-columns:1fr}.item-detail-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{white-space:nowrap;min-height:44px;padding:8px 10px;font-size:11px}.item-detail-actions{flex-wrap:wrap;gap:8px;padding-top:14px}.action-btn{border-radius:10px;gap:6px;padding:10px 12px;font-size:12px}.item-detail-name{word-break:break-word;font-size:22px}.item-detail-close{flex-shrink:0}.detail-value{word-break:break-word}}@media (width<=480px){.item-detail-overlay{padding:calc(env(safe-area-inset-top,0px) + 8px) 8px calc(env(safe-area-inset-bottom,0px) + 8px)}.item-detail-modal{border-radius:12px;width:100%;max-height:none}.item-detail-image-section{min-height:200px;max-height:220px}.item-detail-content{padding:16px}}.loading-state{text-align:center;color:#a0aec0;padding:40px;font-size:14px}.files-content{flex-direction:column;gap:16px;display:flex}.upload-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.files-list{flex-direction:column;gap:8px;display:flex}.file-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.file-item:hover{background:#ffffff0f;border-color:#ffffff1f}.file-icon{flex-shrink:0;font-size:24px}.file-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.file-meta{color:#718096;font-size:12px;line-height:1.4}.file-actions{flex-shrink:0;gap:8px;display:flex}.file-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:flex}.file-btn.download{color:#667eea;background:#667eea1a}.file-btn.download:hover{background:#667eea33}.file-btn.delete{color:#ef4444;background:#ef44441a}.file-btn.delete:hover{background:#ef444433}.file-btn.preview,.file-btn.open{color:#8ea0ff;background:#667eea1a}.file-btn.preview:hover,.file-btn.open:hover{color:#c7d2fe;background:#667eea33}.file-preview-overlay{z-index:2147482500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.file-preview-modal{z-index:2147482501;background:var(--modal-bg,#111827);border:1px solid var(--border-color,#ffffff1a);border-radius:12px;flex-direction:column;width:min(1120px,96vw);height:min(820px,92vh);display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 24px 80px #00000073}.file-preview-toolbar{z-index:2;border-bottom:1px solid var(--border-color,#ffffff14);background:var(--card-bg,#ffffff08);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 12px 10px 16px;display:flex;position:sticky;top:0}.file-preview-title{min-width:0;color:var(--text-primary,#f8fafc);align-items:center;gap:10px;font-weight:600;display:flex}.file-preview-title span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-preview-actions{scrollbar-width:none;flex-shrink:0;align-items:center;gap:6px;display:flex;overflow-x:auto}.file-preview-actions::-webkit-scrollbar{display:none}.file-preview-actions button{border:1px solid var(--border-color,#ffffff1a);background:var(--surface-elevated,#ffffff0d);width:34px;height:34px;color:var(--text-secondary,#cbd5e1);cursor:pointer;border-radius:8px;transition:background-color .15s,border-color .15s,color .15s;transform:none}.file-preview-actions button:hover{color:var(--text-primary,#fff);background:#667eea29;transform:none}.file-preview-actions .file-preview-zoom-value{text-align:center;min-width:44px;color:var(--text-secondary,#cbd5e1);font-size:12px;font-weight:600}.file-preview-zoom-slider{align-items:center;width:150px;min-width:110px;display:flex}.file-preview-zoom-slider input{accent-color:#667eea;cursor:pointer;width:100%}.file-preview-body{background:var(--app-bg,#0f172a);flex:1;justify-content:center;align-items:flex-start;padding:18px;display:flex;overflow:auto}.file-preview-image,.file-preview-video{object-fit:contain;will-change:auto;flex:none;max-width:none;max-height:none;transform-origin:top!important;transition:none!important;transform:none!important}.file-preview-frame{will-change:auto;background:#fff;border:none;border-radius:8px;flex:none;max-width:none;height:100%;min-height:620px;transform-origin:top!important;transition:none!important;transform:none!important}.file-preview-image:hover,.file-preview-video:hover,.file-preview-frame:hover{transform:none!important}.file-preview-modal *,.file-preview-modal :hover{animation:none}.file-preview-modal button,.file-preview-modal button:hover,.file-preview-action,.file-preview-action:hover{transform:none!important}.file-preview-unavailable{text-align:center;color:var(--text-secondary,#cbd5e1);align-self:center}.file-preview-unavailable svg{margin-bottom:12px;font-size:42px}.file-preview-action{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}body.theme-light .file-preview-overlay,[data-theme=light] .file-preview-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a59}body.theme-light .file-preview-modal,[data-theme=light] .file-preview-modal{background:#fff;border-color:#94a3b859;box-shadow:0 24px 70px #0f172a38}body.theme-light .file-preview-toolbar,[data-theme=light] .file-preview-toolbar{background:#f8fafc;border-bottom-color:#94a3b847}body.theme-light .file-preview-body,[data-theme=light] .file-preview-body{background:#eef2f7}body.theme-light .file-preview-actions button,[data-theme=light] .file-preview-actions button{color:#475569;background:#fff;border-color:#94a3b861}body.theme-light .file-preview-actions button:hover,[data-theme=light] .file-preview-actions button:hover{color:#3730a3;background:#eef2ff}body.theme-light .file-preview-zoom-slider input,[data-theme=light] .file-preview-zoom-slider input{accent-color:#0057c2}body.theme-light .file-preview-unavailable,[data-theme=light] .file-preview-unavailable{color:#475569}@media (width<=720px){.file-preview-overlay{align-items:stretch;padding:0}.file-preview-modal{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.file-preview-toolbar{min-height:60px;padding:calc(env(safe-area-inset-top,0px) + 10px) 10px 10px 12px;flex-direction:column;align-items:stretch}.file-preview-title{flex:auto;width:100%;min-width:0}.file-preview-actions{grid-template-columns:42px 48px 42px repeat(4,42px);justify-content:start;gap:8px;width:100%;max-width:none;padding-bottom:4px;display:grid;overflow-x:auto}.file-preview-actions button{width:42px;height:42px}.file-preview-actions .file-preview-zoom-value{align-self:center;min-width:0}.file-preview-zoom-slider{order:10;grid-column:1/-1;width:100%;min-width:0}.file-preview-body{padding:12px}}@media (width<=640px){.file-item{grid-template-columns:26px 36px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.file-checkbox,.file-icon{margin-top:4px}.file-info{min-width:0}.file-name{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.3;overflow:visible}.file-meta{overflow-wrap:anywhere;display:block}.file-actions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(42px,1fr));gap:8px;width:100%;display:grid}.file-btn{width:100%;height:44px}}.comments-content{flex-direction:column;gap:16px;display:flex}.comment-input-section{flex-direction:column;gap:12px;display:flex}.comment-input{align-items:flex-start;gap:12px;display:flex}.comment-input .user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.comment-input textarea{color:#fff;resize:none;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:10px;flex:1;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.comment-input textarea:focus{background:#0f0f1ef2;border-color:#667eea;outline:none}.comment-input textarea::placeholder{color:#a0aec0b3}.post-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-self:flex-end;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.post-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.post-btn:disabled{opacity:.5;cursor:not-allowed}.comment-item{background:#ffffff05;border:none;border-radius:12px;gap:12px;padding:16px;display:flex;position:relative}.comment-avatar{color:#fff;background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.comment-body{flex:1;min-width:0}.comment-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.comment-author{color:#fff;font-size:14px;font-weight:600}.comment-date{color:#718096;font-size:12px}.comment-text{color:#e2e8f0;word-break:break-word;margin:0;font-size:14px;line-height:1.5}.comment-delete-btn{color:#718096;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.comment-item:hover .comment-delete-btn{opacity:1}.comment-delete-btn:hover{color:#ef4444;background:#ef44441a}.image-count-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;position:absolute;bottom:16px;left:16px}.item-created-date{color:#718096;margin-top:4px;font-size:13px;display:block}.ai-prediction-result{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ai-prediction-main{flex-direction:column;flex:1;gap:4px;display:flex}.ai-confidence{font-size:12px;font-weight:500}.ai-basis{color:#718096;width:100%;margin:0;font-size:12px}.ai-prediction-empty{text-align:center;padding:12px 0}.ai-prediction-empty p{color:#a0aec0;margin:0 0 12px;font-size:13px}.btn-predict{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#667eea 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex}.btn-predict:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.ai-loading-state{color:#8b5cf6;justify-content:center;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.ai-error{color:#f97316;flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.ai-error span{text-align:center}.btn-retry{color:#f97316;cursor:pointer;background:#f9731626;border:1px solid #f973164d;border-radius:8px;padding:6px 16px;font-size:12px;transition:all .2s}.btn-retry:hover{background:#f9731640}.meta-section{background:#ffffff05}.meta-grid{flex-direction:column;gap:8px;display:flex}.meta-item{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.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{flex-direction:column;gap:0;padding-left:8px;display:flex}.history-item{gap:16px;padding:14px 0;display:flex;position:relative}.history-item:not(:last-child):before{content:"";background:#ffffff0f;width:2px;position:absolute;top:44px;bottom:0;left:15px}.history-dot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.history-content-item{flex-direction:column;flex:1;gap:6px;display:flex}.history-header{justify-content:space-between;align-items:center;display:flex}.history-action{text-transform:capitalize;font-size:13px;font-weight:600}.history-date{color:#718096;font-size:11px}.history-changes{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.history-old{color:#ef4444;background:#ef44441a;border-radius:4px;padding:3px 8px;text-decoration:line-through}.history-arrow{color:#4a5568}.history-new{color:#10b981;background:#10b9811a;border-radius:4px;padding:3px 8px}.history-user{color:#718096;align-items:center;gap:4px;font-size:11px;display:flex}.empty-hint{margin-top:4px;color:#4a5568!important;font-size:12px!important}.comment-item.editing{background:#667eea0d;border-color:#667eea4d}.comment-edit-form{flex-direction:column;gap:12px;margin-top:8px;display:flex}.comment-edit-form textarea{color:#fff;resize:vertical;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:8px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px}.comment-edit-form textarea:focus{border-color:#667eea;outline:none}.comment-edit-actions{gap:8px;display:flex}.comment-edit-actions .btn-save,.comment-edit-actions .btn-cancel{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.comment-edit-actions .btn-save{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.comment-edit-actions .btn-save:hover:not(:disabled){transform:translateY(-1px)}.comment-edit-actions .btn-save:disabled{opacity:.5;cursor:not-allowed}.comment-edit-actions .btn-cancel{color:#a0aec0;background:#ffffff0d}.comment-edit-actions .btn-cancel:hover{background:#ffffff1a}.edited-badge{color:#718096;cursor:pointer;margin-left:4px;font-size:11px;font-style:italic;transition:color .2s}.edited-badge:hover{color:#667eea}.comment-history-panel{background:#0003;border-left:3px solid #667eea;border-radius:8px;margin-top:12px;padding:12px}.comment-history-panel h5{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:12px;font-weight:600}.comment-history-panel .history-entry{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:4px;padding:8px 0;display:flex}.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{opacity:0;flex-direction:column;gap:4px;transition:opacity .2s;display:flex}.comment-item:hover .comment-actions{opacity:1}.comment-edit-btn{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.comment-edit-btn:hover{color:#667eea;background:#667eea1a}.files-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.files-selection-actions{align-items:center;gap:10px;display:flex}.select-all-btn{color:#a0aec0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.select-all-btn:hover{color:#fff;background:#ffffff1a}.select-all-btn.active{color:#667eea;background:#667eea26;border-color:#667eea4d}.download-selected-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.download-selected-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.file-checkbox{color:#4a5568;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.file-checkbox:hover,.file-item.selected .file-checkbox{color:#667eea}.file-item.selected{background:#667eea14;border-color:#667eea40}body.theme-light .item-detail-overlay{background:#00000059}body.theme-light .item-detail-modal{background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 60px #00000026}body.theme-light .item-detail-no-image{color:#94a3b8;background:#f1f5f9}body.theme-light .item-detail-no-image p{color:#94a3b8}body.theme-light .image-expand-btn{color:#fff;background:#00000080}body.theme-light .image-count-badge{color:#fff;background:#0009}body.theme-light .item-detail-content{color:#1e293b;background:#fff}body.theme-light .item-detail-header h2{color:#0f172a}body.theme-light .item-created-date{color:#64748b}body.theme-light .close-btn{color:#64748b;background:#0000000a}body.theme-light .close-btn:hover{color:#0f172a;background:#00000014}body.theme-light .badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}body.theme-light .badge.category-badge{color:#6c5ce7;background:#6c5ce714;border-color:#6c5ce726}body.theme-light .badge.condition-badge{color:#059669;background:#10b98114;border-color:#10b98126}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{color:#0f172a;background:#00000008}body.theme-light .item-detail-tabs .tab.active{color:#6c5ce7;border-bottom-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{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}body.theme-light .detail-icon{color:#6c5ce7;background:#f1f5f9}body.theme-light .detail-icon.location{color:#6366f1;background:#6366f114}body.theme-light .detail-icon.date{color:#f59e0b;background:#f59e0b14}body.theme-light .detail-icon.price{color:#10b981;background:#10b98114}body.theme-light .detail-icon.value{color:#ec4899;background:#ec489914}body.theme-light .detail-icon.unit{color:#6c5ce7;background:#6c5ce714}body.theme-light .tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}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{color:#fff;background:linear-gradient(135deg,#6c5ce7,#a78bfa)}body.theme-light .btn-retry{color:#6c5ce7}body.theme-light .refresh-btn{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}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{color:#6c5ce7;background:#6c5ce714;border:1px solid #6c5ce733}body.theme-light .upload-btn:hover{background:#6c5ce726}body.theme-light .select-all-btn{color:#475569}body.theme-light .download-selected-btn{color:#059669;background:#10b98114}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:#6c5ce70a;border-color:#6c5ce733}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{color:#1e293b;background:#f8fafc;border:1px solid #d1d5db}body.theme-light .comment-input textarea:focus{border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce71f}body.theme-light .comment-input textarea::placeholder{color:#94a3b8}body.theme-light .user-avatar{color:#475569;background:#e2e8f0}body.theme-light .post-btn{color:#fff;background:#6c5ce7}body.theme-light .post-btn:disabled{opacity:.4}body.theme-light .comment-item{background:0 0;border:none;border-bottom:1px solid #f1f5f9;border-radius:0}body.theme-light .comment-avatar{color:#475569;background:#e2e8f0}body.theme-light .comment-author{color:#0f172a}body.theme-light .comment-date{color:#94a3b8}body.theme-light .edited-badge,body.theme-light .comment-edit-btn,body.theme-light .comment-delete-btn{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{color:#1e293b;background:#f8fafc;border:1px solid #d1d5db}body.theme-light .btn-save{color:#fff;background:#6c5ce7}body.theme-light .btn-cancel{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}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{color:#dc2626;background:#dc26260f}body.theme-light .history-new{color:#059669;background:#0596690f}body.theme-light .history-arrow,body.theme-light .empty-state{color:#94a3b8}body.theme-light .empty-state span{color:#cbd5e1}body.theme-light .empty-hint{color:#94a3b8}body.theme-light .item-detail-actions{background:#f8fafc;border-top:1px solid #e2e8f0}body.theme-light .action-btn{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}body.theme-light .action-btn:hover{color:#0f172a;background:#e2e8f0}body.theme-light .action-btn.edit{color:#6c5ce7}body.theme-light .action-btn.edit:hover{background:#6c5ce714;border-color:#6c5ce733}body.theme-light .action-btn.delete{color:#dc2626}body.theme-light .action-btn.delete:hover{background:#dc26260f;border-color:#dc262626}body.theme-light .action-btn.lock{color:#6c5ce7}body.theme-light .action-btn.certificate{color:#9a6b00;background:#fff8e1;border-color:#fde68a}body.theme-light .action-btn.certificate:hover{color:#713f12;background:#fef3c7;border-color:#facc15}body.theme-light .action-btn.lock-active{color:#6c5ce7;background:#6c5ce714;border-color:#6c5ce733}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{color:#0f172a;background:#0000000a}body.theme-light .tab.active{color:#0f172a;background:#fff;border:1px solid #2563eb;box-shadow:inset 0 0 0 2px #2563eb}body.theme-light .item-detail-tabs .tab.active svg,body.theme-light .tab.active svg{color:#2563eb}body.theme-light .details-content{color:#1e293b}body.theme-light .detail-section p{color:#475569}body.theme-light .detail-grid,body.theme-light .comments-list{color:#1e293b}body.theme-light .comment-text{color:#374151}body.theme-light .no-comments{color:#94a3b8}body.theme-light .history-item{color:#1e293b}.confirm-modal-overlay{z-index:2147483000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090e1c8f;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{color:#f8fafc;background:#111827f5;border:1px solid #ffffff1a;border-radius:18px;width:min(440px,100%);overflow:hidden;box-shadow:0 30px 90px #00000075}.confirm-modal-header{justify-content:space-between;align-items:flex-start;padding:18px 18px 0;display:flex}.confirm-modal-icon{color:#a5b4fc;background:#6366f124;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.confirm-modal.danger .confirm-modal-icon{color:#f87171;background:#ef444424}.confirm-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;width:34px;height:34px}.confirm-modal-close:hover{color:#fff;background:#ffffff14}.confirm-modal-body{padding:16px 22px 10px}.confirm-modal-body h2{letter-spacing:0;margin:0 0 8px;font-size:21px;line-height:1.2}.confirm-modal-message{color:#cbd5e1;font-size:14px;line-height:1.55}.confirm-modal-message p{margin:0}.confirm-modal-details{color:#94a3b8;background:#ffffff0a;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:13px}.confirm-modal-footer{justify-content:flex-end;gap:10px;padding:16px 22px 22px;display:flex}.confirm-modal-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:11px;min-height:40px;padding:0 16px;font-weight:700}.confirm-modal-btn.secondary{color:#e5e7eb;background:#ffffff0f;border-color:#ffffff1a}.confirm-modal-btn.primary{color:#fff;background:#6366f1}.confirm-modal-btn.danger{color:#fff;background:#dc2626}.confirm-modal-btn:hover{filter:brightness(1.06)}body.theme-light .confirm-modal-overlay,[data-theme=light] .confirm-modal-overlay{background:#0f172a47}body.theme-light .confirm-modal,[data-theme=light] .confirm-modal{color:#111827;background:#fffffffa;border-color:#94a3b857;box-shadow:0 28px 80px #0f172a33}body.theme-light .confirm-modal-message,[data-theme=light] .confirm-modal-message{color:#4b5563}body.theme-light .confirm-modal-details,[data-theme=light] .confirm-modal-details{color:#64748b;background:#f8fafc}body.theme-light .confirm-modal-close,[data-theme=light] .confirm-modal-close,body.theme-light .confirm-modal-btn.secondary,[data-theme=light] .confirm-modal-btn.secondary{color:#475569;background:#f8fafc;border-color:#94a3b857}@media (width<=520px){.confirm-modal-overlay{align-items:flex-end;padding:12px}.confirm-modal{border-radius:16px}.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-btn{width:100%}}.advanced-filters-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;background:#0009;animation:.2s fadeIn;position:fixed;inset:0}.advanced-filters-panel{top:calc(72px + env(safe-area-inset-top,0px));width:420px;height:calc(100dvh - 72px - env(safe-area-inset-top,0px));z-index:5001;background:linear-gradient(#1a1f35 0%,#151929 100%);border-left:1px solid #667eea33;flex-direction:column;animation:.3s slideInRight;display:flex;position:fixed;right:0;box-shadow:-4px 0 24px #0000004d}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.filters-header{background:#667eea0d;border-bottom:1px solid #667eea26;justify-content:space-between;align-items:center;padding:24px;display:flex}.filters-header h2{color:#fff;align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.filters-header h2 svg{color:#667eea}.filters-header .close-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.filters-header .close-btn:hover{background:#ffffff1a;border-color:#fff3}.filters-body{flex:1;padding:24px;overflow-y:auto}.filters-body::-webkit-scrollbar{width:8px}.filters-body::-webkit-scrollbar-track{background:#0003}.filters-body::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.filters-body::-webkit-scrollbar-thumb:hover{background:#667eea80}.filter-section{margin-bottom:28px}.filter-section h3{color:#ffffffe6;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.filter-section h3 svg{color:#667eea;font-size:13px}.filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.filter-btn:hover{color:#ffffffe6;background:#ffffff14;border-color:#667eea4d}.filter-btn.active{color:#fff;background:#667eea33;border-color:#667eea}.value-range-inputs{align-items:flex-end;gap:8px;margin-top:8px;display:flex}.value-range-group{flex-direction:column;flex:1;gap:4px;display:flex}.value-range-group label{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.value-range-group input[type=number]{color:#fff;-moz-appearance:textfield;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .2s}.value-range-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.value-range-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-range-group input[type=number]:focus{border-color:#667eea}.value-range-separator{color:#fff6;padding-bottom:10px;font-size:14px}.date-inputs{gap:12px;display:flex}.date-input-group{flex:1}.date-input-group label{color:#fff9;margin-bottom:6px;font-size:12px;display:block}.date-input-group input[type=date]{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:all .2s}.date-input-group input[type=date]:focus{background:#ffffff14;border-color:#667eea}.date-input-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.filter-tags{flex-wrap:wrap;gap:8px;max-height:none;display:flex}.filter-tags.scrollable{max-height:180px;padding-right:4px;overflow-y:auto}.filter-tags.scrollable::-webkit-scrollbar{width:6px}.filter-tags.scrollable::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.filter-tags.scrollable::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.filter-tag{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:6px 12px;font-size:12px;transition:all .2s}.filter-tag:hover{color:#ffffffe6;background:#ffffff14;border-color:#667eea4d}.filter-tag.active{color:#fff;background:#667eea40;border-color:#667eea}.filter-checkboxes{flex-direction:column;gap:12px;display:flex}.checkbox-label{cursor:pointer;color:#fffc;align-items:center;gap:10px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:18px;height:18px}.checkbox-label:hover{color:#fff}.sort-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:all .2s}.sort-select:focus{background:#ffffff14;border-color:#667eea}.filters-footer{background:#0003;border-top:1px solid #667eea26;gap:12px;padding:20px 24px;display:flex}.btn-reset{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.btn-reset:hover{color:#fff;background:#ffffff14;border-color:#fff3}.btn-apply{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.btn-apply:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}@media (width<=768px){.advanced-filters-panel{top:calc(64px + env(safe-area-inset-top,0px));width:100%;max-width:100vw;height:calc(100dvh - 64px - env(safe-area-inset-top,0px))}}body.theme-light .advanced-filters-panel{background:linear-gradient(#fff 0%,#f8f9fc 100%);border-left:1px solid #e2e4ee;box-shadow:-4px 0 24px #00000014}body.theme-light .filters-header{background:#637eea0a;border-bottom:1px solid #e2e4ee}body.theme-light .filters-header h2{color:#1e1f2e}body.theme-light .filters-header .close-btn{color:#5a5c7a;background:#f1f3f8;border:1px solid #e2e4ee}body.theme-light .filters-header .close-btn:hover{color:#1e1f2e;background:#e8eaf0;border-color:#d0d2de}body.theme-light .filters-body::-webkit-scrollbar-track{background:#f1f3f8}body.theme-light .filters-body::-webkit-scrollbar-thumb{background:#6366f140}body.theme-light .filter-section h3{color:#1e1f2e}body.theme-light .filter-btn{color:#5a5c7a;background:#f1f3f8;border:1px solid #e2e4ee}body.theme-light .filter-btn:hover{color:#1e1f2e;background:#e8eaf0;border-color:#6366f14d}body.theme-light .filter-btn.active{color:#4f46e5;background:#6366f11a;border-color:#667eea}body.theme-light .value-range-group label{color:#7a7c90}body.theme-light .value-range-group input[type=number]{color:#1e1f2e;background:#fff;border:1px solid #e2e4ee}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]{color:#1e1f2e;background:#fff;border:1px solid #e2e4ee}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{color:#5a5c7a;background:#f1f3f8;border:1px solid #e2e4ee}body.theme-light .filter-tag:hover{color:#1e1f2e;background:#e8eaf0;border-color:#6366f14d}body.theme-light .filter-tag.active{color:#4f46e5;background:#6366f11a;border-color:#667eea}body.theme-light .filter-tags.scrollable::-webkit-scrollbar-track{background:#f1f3f8}body.theme-light .filter-tags.scrollable::-webkit-scrollbar-thumb{background:#6366f140}body.theme-light .checkbox-label{color:#3a3c5a}body.theme-light .checkbox-label:hover{color:#1e1f2e}body.theme-light .sort-select{color:#1e1f2e;background:#fff;border:1px solid #e2e4ee}body.theme-light .filters-footer{background:#f8f9fc;border-top:1px solid #e2e4ee}body.theme-light .btn-reset{color:#5a5c7a;background:#f1f3f8;border:1px solid #e2e4ee}body.theme-light .btn-reset:hover{color:#1e1f2e;background:#e8eaf0;border-color:#d0d2de}.library{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#667eea6b transparent;flex-direction:column;height:100%;min-height:0;padding:32px;animation:.4s fadeIn;display:flex;overflow:hidden auto}.library::-webkit-scrollbar{width:8px}.library::-webkit-scrollbar-track{background:0 0}.library::-webkit-scrollbar-thumb{background:#667eea6b;border-radius:999px}body.library-reordering-active{-webkit-user-select:none;user-select:none}.library-loading{color:#a0aec0;justify-content:center;align-items:center;min-height:600px;font-size:16px;display:flex}.library-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.library-search{flex:1;position:relative}.search-input{width:100%;color:var(--input-text,#fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1e99;border:1.5px solid #667eea33;border-radius:12px;padding:12px 16px 12px 42px;font-size:14px;transition:all .25s}.search-input::placeholder{color:#a0aec099;font-weight:400}.search-input:focus{background:#0f0f1ecc;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1f,0 2px 8px #0000001a}.btn-add-item{color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:14px;justify-content:center;align-items:center;min-width:fit-content;padding:14px 28px;font-size:14px;font-weight:600;line-height:1;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn-add-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #667eea4d}.library-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.library-order-status{color:#cbd5e1;background:#0f172a57;border:1px solid #94a3b829;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin:-8px 0 18px;padding:10px 14px;font-size:13px;display:flex}.library-order-hint,.library-order-save-state{align-items:center;gap:8px;display:inline-flex}.library-order-save-state{color:#94a3b8;white-space:nowrap}.library-order-save-state.saved{color:#22c55e}.filter-select{color:#fff;cursor:pointer;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:12px;min-width:180px;padding:12px 20px;font-size:14px;transition:all .3s}.filter-select option{color:#fff;background:#1a1a2e}.filter-select:focus{border-color:#667eea;outline:none}.btn-advanced-filters{color:#667eea;cursor:pointer;background:#667eea26;border:1px solid #667eea4d;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative}.btn-advanced-filters:hover{background:#667eea40;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.library-arrange-btn{color:#c7d2fe;cursor:pointer;white-space:nowrap;background:#667eea1f;border:1px solid #667eea47;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-size:14px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.library-arrange-btn:hover{color:#fff;background:#667eea33;border-color:#818cf8b3;box-shadow:0 8px 20px #667eea29}.library-arrange-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;box-shadow:0 10px 24px #667eea42}.filter-badge{color:#fff;text-align:center;letter-spacing:.2px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;min-width:16px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.4}body.theme-light .filter-badge{background:linear-gradient(135deg,#6c5ce7 0%,#a78bfa 100%)}.items-container{flex:auto;width:100%;min-height:0;position:relative;overflow:visible}.items-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.item-card{background:var(--surface-primary,#1a1a2e);border:1px solid var(--border-subtle,#667eea14);cursor:pointer;border-radius:20px;transition:box-shadow .3s,border-color .3s;position:relative;overflow:visible}.item-card.is-draggable{cursor:grab}.item-card.is-dragging,.item-list-row.is-dragging{opacity:.64;border-color:#6366f170;box-shadow:0 0 0 3px #667eea29,0 24px 54px #00000052}.item-card.is-drop-preview,.item-list-row.is-drop-preview{border-color:#3b82f6d9;box-shadow:0 0 0 3px #3b82f62e,0 16px 36px #3b82f61f}.library-drag-handle,.library-list-drag-handle{color:#94a3b8;cursor:grab;touch-action:none;background:#0f172aad;border:1px solid #94a3b82e;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.library-drag-handle{z-index:30;position:absolute;top:12px;left:12px}.library-drag-handle:hover,.library-list-drag-handle:hover{color:#fff;background:#6366f138}.library-drag-handle:active,.library-list-drag-handle:active,.item-card.is-draggable:active,.item-list-row.is-draggable:active{cursor:grabbing}.item-card:hover{border-color:#667eea33;box-shadow:0 24px 48px #00000040}.heart-icon{fill:#0000;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:fill .25s,stroke .25s;display:block}.card-favorite-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffa6;cursor:pointer;z-index:10;background:#00000073;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,border-color .2s,color .2s;display:flex;position:absolute;top:14px;right:14px}.card-favorite-btn:hover{color:#fb7185;background:#e11d482e;border-color:#e11d484d}.card-favorite-btn.is-active{color:#e11d48;background:#e11d4826;border-color:#e11d484d}.card-favorite-btn.is-active .heart-icon{fill:#e11d48;stroke:#e11d48;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popAnimation}.card-lock-badge{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#f59e0bd9;border:1px solid #f59e0b80;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:left .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0003}.item-card.is-draggable.is-locked .card-lock-badge{left:50px}.list-lock-icon{color:#f59e0b;margin-right:6px;font-size:.85em}.card-menu-container{z-index:120;position:absolute;bottom:140px;right:16px}.card-menu-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#a0aec0;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.card-menu-btn:hover{color:#fff;background:#ffffff26}.card-menu-dropdown{z-index:130;background:linear-gradient(145deg,#252540 0%,#1a1a2e 100%);border:1px solid #667eea33;border-radius:12px;min-width:140px;max-width:min(220px,100vw - 32px);margin-top:8px;padding:8px;animation:.2s dropdownSlide;position:absolute;top:100%;right:0;box-shadow:0 16px 32px #0006}.card-menu-dropdown.drop-up{margin-top:0;margin-bottom:8px;top:auto;bottom:100%}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card-menu-dropdown button{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;transition:all .2s;display:flex}.card-menu-dropdown button:hover{background:#667eea26}.card-menu-dropdown button.danger{color:#ef4444}.card-menu-dropdown button.danger:hover{background:#ef444426}.menu-overlay{z-index:15;position:fixed;inset:0}.item-image{cursor:pointer;background:linear-gradient(145deg,#0f0f1a 0%,#1a1a2e 100%);justify-content:center;align-items:center;width:100%;height:220px;display:flex;overflow:hidden}.item-image img{object-fit:cover;width:100%;height:100%}.no-image{opacity:.3;font-size:64px}.item-info{padding:20px}.item-title-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.item-title-row h4{color:#fff;flex:1;margin:0;font-size:18px;font-weight:700}.item-location{color:#a0aec0;margin:0 0 14px;font-size:13px}.item-badges{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.badge{border:1px solid;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.badge.condition,.badge.condition.new{color:#10b981;background:#10b98126;border-color:#10b9814d}.badge.condition.like_new{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.badge.condition.excellent{color:#84cc16;background:#84cc1626;border-color:#84cc164d}.badge.condition.good{color:#eab308;background:#eab30826;border-color:#eab3084d}.badge.condition.fair{color:#f97316;background:#f9731626;border-color:#f973164d}.badge.condition.poor{color:#ef4444;background:#ef444426;border-color:#ef44444d}.badge.unit-badge{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa40;align-items:center;gap:4px;font-size:11px;display:flex}.badge.unit-badge svg{font-size:9px}body.theme-light .badge.unit-badge{color:#6c5ce7;background:#6c5ce714;border-color:#6c5ce733}.item-value-section{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;padding-top:14px;display:flex}.value-row{justify-content:space-between;align-items:center;display:flex}.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{opacity:.7;border-top:1px solid #ffffff1a;margin-top:4px;padding-top:4px;font-size:12px}.value-row.original-currency .value-amount{font-size:14px}.empty-state{text-align:center;background:#667eea08;border:1px dashed #667eea33;border-radius:20px;padding:80px 20px}.empty-icon{margin-bottom:20px;font-size:72px}.empty-state p{color:#a0aec0;margin:0 0 24px;font-size:15px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:14px 28px;font-size:14px;font-weight:600;transition:all .3s}@media (width<=768px){.library{padding:16px}.library-header{flex-direction:column}.btn-add-item{justify-content:center;align-items:center;width:100%;display:flex}.items-grid{grid-template-columns:1fr}.card-menu-container{bottom:120px;right:12px}.card-menu-dropdown{min-width:190px}.search-bar{flex-direction:column;gap:10px}.view-toggle{align-self:flex-end}.item-image img{-webkit-filter:contrast(1.05)brightness(1.04)}}@media (width<=480px){.library{padding:12px}.library-header h1{font-size:20px}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.move-modal{background:#1a1f2e;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 60px #00000080}.move-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.move-modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.move-modal-header .close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.move-modal-header .close-btn:hover{color:#fff;background:#ffffff1a}.move-modal-body{padding:24px}.move-item-name{color:#a0aec0;margin:0 0 8px;font-size:14px}.move-item-name strong{color:#fff}.current-category{color:#718096;margin:0 0 20px;font-size:13px}.current-category span{color:#667eea;font-weight:500}.category-select-list{flex-direction:column;gap:8px;display:flex}.category-select-list label{color:#a0aec0;margin-bottom:8px;font-size:13px}.category-option{color:#fff;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-left-width:4px;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;transition:all .2s;display:flex}.category-option:hover{background:#ffffff14;border-color:#ffffff26}.view-toggle{background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:10px;margin-left:auto;display:flex;overflow:hidden}.view-toggle-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:10px 14px;font-size:15px;transition:all .2s;display:flex}.view-toggle-btn:hover{color:#a0aec0}.view-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.items-list{flex-direction:column;gap:8px;width:100%;display:flex}@media (width>=1025px){.content-body:has(.library){min-height:0;display:flex;overflow:hidden}.library{width:100%}.items-container{padding-right:6px}.items-grid,.items-list{min-height:min-content}}.item-list-row{background:var(--surface-primary,#1a1a2e);border:1px solid var(--border-subtle,#667eea14);cursor:pointer;border-radius:14px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.item-list-row.is-draggable{cursor:grab}.item-list-row:hover{border-color:#667eea33;box-shadow:0 4px 16px #00000026}.list-thumbnail{background:linear-gradient(145deg,#0f0f1a 0%,#1a1a2e 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.list-thumbnail img{object-fit:cover;width:100%;height:100%}.list-no-image{opacity:.3;color:#4a5568;font-size:22px}.list-info{flex:1;min-width:0}.list-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:600;overflow:hidden}.list-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.list-meta .badge{padding:3px 10px;font-size:11px}.list-location{color:#718096;align-items:center;gap:4px;font-size:12px;display:flex}.list-value{flex-direction:column;align-items:flex-end;gap:2px;min-width:100px;display:flex}.list-price{color:#fff;font-size:16px;font-weight:700}.list-ai-value{color:#8b5cf6;font-size:12px}.list-original-price{color:#94a3b8;opacity:.8;font-size:12px}.list-actions{flex-shrink:0;gap:6px;display:flex}.list-fav-btn,.list-edit-btn,.list-certificate-btn,.list-delete-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .2s;display:flex}.list-fav-btn{color:#64748b;background:#ffffff0d;border:1px solid #ffffff14}.list-fav-btn:hover{color:#fb7185;background:#e11d481a;border-color:#e11d4833}.list-fav-btn.is-active{color:#e11d48;background:#e11d481a;border-color:#e11d4840}.list-fav-btn.is-active .heart-icon{fill:#e11d48;stroke:#e11d48;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popAnimation}.list-edit-btn{color:#667eea;background:#667eea1a}.list-edit-btn:hover{background:#667eea33}.list-certificate-btn{color:#8b8cf8;background:#667eea1a}.list-certificate-btn:hover{color:#c4b5fd;background:#667eea33}.list-delete-btn{color:#718096;background:#ef444414}.list-delete-btn:hover{color:#ef4444;background:#ef444426}@media (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}.library-arrange-btn,.filter-select,.btn-advanced-filters{width:100%}}.search-clear-btn{color:#8b949e;cursor:pointer;z-index:2;background:0 0;border:none;padding:4px;font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear-btn:hover{color:#e2e8f0}.library .search-clear-btn.search-clear-icon-btn{background:var(--surface-elevated,#94a3b81f);border:1px solid var(--border-color,#94a3b84d);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--text-secondary,#cbd5e1);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;right:8px;transform:translateY(-50%)}.library .search-clear-btn.search-clear-icon-btn:hover,.library .search-clear-btn.search-clear-icon-btn:focus-visible{background:var(--surface-elevated-hover,#94a3b833);color:var(--text-primary,#f8fafc);transform:translateY(-50%)}.library .fav-search-clear,.library .fav-search-clear:hover,.library .fav-search-clear:focus-visible{box-sizing:border-box!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;position:absolute!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important}.library .fav-search-clear{cursor:pointer;color:#64748b!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;line-height:1!important;transition:color .15s,background-color .15s!important;display:inline-flex!important}.library .fav-search-clear:hover,.library .fav-search-clear:focus-visible{color:#a0aec0!important;background:#94a3b814!important}.library .fav-search-clear:focus-visible{outline-offset:2px;outline:2px solid #6366f18c}body.theme-light .library-loading{color:#64748b}body.theme-light .search-input{color:#1e293b;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8fafc;border-color:#e2e8f0}body.theme-light .search-input:focus{background:#fff;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce714,0 2px 8px #0000000a}body.theme-light .filter-select{color:#1e293b;background:#fff;border-color:#e2e8f0}body.theme-light .filter-select option{color:#1e293b;background:#fff}body.theme-light .btn-advanced-filters{color:#667eea;background:#667eea14;border-color:#e2e8f0}body.theme-light .btn-advanced-filters:hover{background:#667eea26;border-color:#667eea}body.theme-light .library-arrange-btn{color:#4f46e5;background:#fff;border-color:#dbe3ee;box-shadow:0 1px 2px #0f172a0a}body.theme-light .library-arrange-btn:hover{color:#312e81;background:#eef2ff;border-color:#818cf8;box-shadow:0 8px 18px #4f46e51f}body.theme-light .library-arrange-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}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{color:#0f172a;background:#0000000a}body.theme-light .view-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}body.theme-light .library-order-status{color:#334155;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}body.theme-light .library-order-save-state{color:#64748b}body.theme-light .library-order-save-state.saved{color:#15803d}body.theme-light .library-drag-handle,body.theme-light .library-list-drag-handle{color:#64748b;background:#f8fafc;border-color:#dbe3ee}body.theme-light .library-drag-handle:hover,body.theme-light .library-list-drag-handle:hover{color:#3730a3;background:#eef2ff}body.theme-light .item-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}body.theme-light .item-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000001a}body.theme-light .card-favorite-btn{color:#94a3b8;background:#ffffffd9;border-color:#0000001f;box-shadow:0 1px 3px #00000014}body.theme-light .card-favorite-btn:hover,body.theme-light .card-favorite-btn.is-active{color:#e11d48;background:#e11d481a;border-color:#e11d4840}body.theme-light .card-menu-btn{color:#64748b;background:#0000000a}body.theme-light .card-lock-badge{background:#f59e0be6;border-color:#f59e0b99;box-shadow:0 2px 8px #0000001f}body.theme-light .list-lock-icon{color:#d97706}body.theme-light .card-menu-btn:hover{color:#1e293b;background:#00000014}body.theme-light .card-menu-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 24px #0000001f}body.theme-light .card-menu-dropdown button{color:#374151}body.theme-light .card-menu-dropdown button:hover{background:#667eea14}body.theme-light .card-menu-dropdown button.danger{color:#dc2626}body.theme-light .card-menu-dropdown button.danger:hover{background:#dc262614}body.theme-light .item-image{background:linear-gradient(145deg,#f1f5f9 0%,#e2e8f0 100%)}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:#667eea08;border-color:#667eea26}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 #0000000f}body.theme-light .list-thumbnail{background:linear-gradient(145deg,#f1f5f9 0%,#e2e8f0 100%)}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-original-price{color:#64748b}body.theme-light .list-fav-btn{color:#94a3b8;background:#00000008;border-color:#e2e8f0}body.theme-light .list-fav-btn:hover,body.theme-light .list-fav-btn.is-active{color:#e11d48;background:#e11d4812;border-color:#e11d4826}body.theme-light .list-edit-btn{color:#667eea;background:#667eea0f}body.theme-light .list-edit-btn:hover{background:#667eea1f}body.theme-light .list-certificate-btn{color:#4f46e5;background:#4f46e514}body.theme-light .list-certificate-btn:hover{color:#3730a3;background:#4f46e524}body.theme-light .list-delete-btn{color:#94a3b8;background:#ef44440a}body.theme-light .list-delete-btn:hover{color:#dc2626;background:#ef44441a}body.theme-light .move-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 60px #00000026}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{color:#1e293b;background:#f1f5f9}body.theme-light .move-item-name{color:#64748b}body.theme-light .move-item-name strong{color:#1e293b}body.theme-light .current-category,body.theme-light .category-select-list label{color:#64748b}body.theme-light .category-option{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}body.theme-light .category-option:hover{background:#f1f5f9;border-color:#cbd5e1}.categories{padding:32px;animation:.4s fadeIn}.categories-header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:32px;display:flex}.categories-header h1{color:#fff;margin:0;font-size:32px;font-weight:700}.header-subtitle{color:#a0aec0;margin:8px 0 0;font-size:14px}.header-actions{align-items:center;gap:12px;display:flex}.btn-stats{color:#667eea;cursor:pointer;white-space:nowrap;background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-stats:hover{background:#667eea33;border-color:#667eea80}.btn-add-category{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.btn-add-category:hover{transform:translateY(-4px);box-shadow:0 12px 24px #667eea4d}.stats-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-bottom:28px;animation:.3s slideDown;display:grid;overflow:hidden}.stat-card{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border:1px solid #667eea33;border-radius:12px;align-items:center;gap:16px;min-width:0;padding:20px;transition:all .3s;display:flex;overflow:hidden}.stat-card:hover{border-color:#667eea66;transform:translateY(-4px);box-shadow:0 8px 20px #667eea33}.stat-icon{flex-shrink:0;font-size:clamp(28px,4vw,36px)}.stat-content{flex-direction:column;gap:4px;min-width:0;display:flex}.stat-value{color:#fff;overflow-wrap:anywhere;font-size:clamp(20px,3.2vw,24px);font-weight:700;line-height:1.15}.stat-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;overflow-wrap:anywhere;font-size:12px;line-height:1.25}.categories-controls{flex-wrap:wrap;gap:16px;margin-bottom:28px;display:flex}.search-box,.categories-search-box{flex:1;min-width:250px;height:44px;position:relative;overflow:hidden}.search-input,.categories-search-input{color:#fff;box-sizing:border-box;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:12px;width:100%;height:44px;padding:12px 48px 12px 44px;font-size:14px;transition:background-color .3s,border-color .3s,box-shadow .3s}.search-input::placeholder,.categories-search-input::placeholder{color:#a0aec0b3}.search-input:focus,.categories-search-input:focus{background:#0f0f1ef2;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.search-icon{pointer-events:none;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.categories-search-box .fav-search-clear,.categories-search-box .fav-search-clear:hover,.categories-search-box .fav-search-clear:focus-visible{box-sizing:border-box!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;position:absolute!important;top:8px!important;right:10px!important;transform:none!important}.categories-search-box .fav-search-clear{cursor:pointer;color:#64748b!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;line-height:1!important;transition:none!important;display:inline-flex!important}.categories-search-box .fav-search-clear:hover,.categories-search-box .fav-search-clear:focus-visible{color:#a0aec0!important;background:#94a3b814!important}.categories-search-box .fav-search-clear:focus-visible{outline-offset:2px;outline:2px solid #6366f18c}.categories-search-box .fav-search-clear svg{pointer-events:none;flex:0 0 12px;width:12px;height:12px}.sort-controls{align-items:center;gap:12px;display:flex}.sort-controls label{color:#a0aec0;white-space:nowrap;font-size:14px;font-weight:600}.sort-select{color:#fff;cursor:pointer;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:10px;min-width:150px;padding:10px 16px;font-size:14px;transition:all .3s}.sort-select:focus{background:#0f0f1ef2;border-color:#667eea;outline:none}.sort-select option{color:#fff;background:#1a1a2e}.category-form-modal.closing,.modal-overlay.closing{animation:none}.modal-overlay{z-index:5000;padding:calc(76px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;background:#000000b3;justify-content:center;align-items:flex-start;animation:none;display:flex;position:fixed;inset:0;overflow:hidden auto}.category-form-modal{width:90%;max-width:600px;max-height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px));z-index:5001;background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea33;border-radius:16px;padding:32px;animation:none;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.category-detail-modal{width:92%;max-width:720px;max-height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px));z-index:5001;background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea33;border-radius:16px;padding:24px;animation:none;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000059}.category-form-modal,.category-detail-modal{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.category-form-modal::-webkit-scrollbar{width:6px}.category-detail-modal::-webkit-scrollbar{width:6px}.category-form-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.category-detail-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.category-form-modal::-webkit-scrollbar-track{background:0 0}.category-detail-modal::-webkit-scrollbar-track{background:0 0}.category-detail-description{color:#a0aec0;margin:0 0 12px;font-size:14px}.category-detail-stats{color:#fff;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:13px;display:flex}.category-detail-stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:20px;display:grid}.detail-stat-card{text-align:center;background:#0f0f1e99;border:1px solid #667eea33;border-radius:12px;padding:14px 12px;transition:all .3s}.detail-stat-card:hover{background:#667eea14;border-color:#667eea66}.detail-stat-card.highlight{background:#f59e0b0f;border-color:#f59e0b66}.detail-stat-card.highlight:hover{background:#f59e0b1f;border-color:#f59e0b99}.detail-stat-icon{color:#667eea;margin-bottom:6px;font-size:18px}.detail-stat-card.highlight .detail-stat-icon{color:#f59e0b}.detail-stat-value{color:#fff;margin-bottom:2px;font-size:18px;font-weight:700}.detail-stat-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.condition-distribution{background:#0f0f1e66;border:1px solid #667eea26;border-radius:12px;margin-bottom:20px;padding:16px}.condition-distribution h5{color:#fff;margin:0 0 12px;font-size:13px;font-weight:600}.condition-bars{flex-direction:column;gap:8px;display:flex}.condition-bar-row{align-items:center;gap:10px;display:flex}.condition-bar-label{color:#a0aec0;text-align:right;flex-shrink:0;width:80px;font-size:12px}.condition-bar-track{background:#ffffff0f;border-radius:4px;flex:1;height:8px;overflow:hidden}.condition-bar-fill{border-radius:4px;min-width:4px;height:100%;transition:width .5s}.condition-bar-count{color:#a0aec0;text-align:left;flex-shrink:0;width:24px;font-size:12px}.category-detail-condition{color:#a0aec0;font-size:11px}.category-detail-items h4{color:#fff;margin:0 0 12px;font-size:16px}.category-detail-items-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category-detail-items-header h4{color:#fff;margin:0;font-size:16px}.btn-view-all-in-library{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.btn-view-all-in-library:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.category-detail-item{cursor:pointer;transition:all .3s}.category-detail-item:hover{background:#667eea14;border-color:#667eea66}.category-detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.category-detail-item{background:#0f0f1e99;border:1px solid #667eea33;border-radius:12px;gap:10px;padding:12px;display:flex}.category-detail-thumb{color:#a0aec0;background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.category-detail-thumb img{object-fit:cover;width:100%;height:100%}.category-detail-info{flex-direction:column;gap:6px;min-width:0;display:flex}.category-detail-name{color:#fff;overflow-wrap:anywhere;font-size:13px;font-weight:600}.category-detail-price{color:#a0aec0;overflow-wrap:anywhere;font-size:12px}.category-detail-loading,.category-detail-empty{color:#a0aec0;font-size:13px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:22px;font-weight:700}.modal-close{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;transition:color .3s}.modal-close:hover{color:#f87171}.modal-body{flex-direction:column;gap:20px;display:flex}.info-banner{background:#667eea1a;border:1px solid #667eea4d;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:4px;padding:14px 16px;display:flex}.info-icon{flex-shrink:0;margin-top:2px;font-size:18px}.info-banner p{color:#e2e8f0;margin:0;font-size:13px;line-height:1.5}.color-picker{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:10px;display:grid}.color-option{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:8px;width:100%;transition:all .2s}.color-option.active{border-color:#fff;box-shadow:0 0 0 2px #00000080,0 0 12px}.icon-search-input{color:#fff;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:8px;width:100%;margin-bottom:12px;padding:10px 12px;font-size:14px;transition:all .3s}.icon-search-input:focus{background:#0f0f1ef2;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.icon-search-input::placeholder{color:#a0aec0b3}.icon-picker{background:#667eea0d;border:1px solid #667eea33;border-radius:12px;grid-template-columns:repeat(auto-fill,30px);gap:6px;max-height:148px;padding:6px;display:grid;overflow-y:auto}.icon-picker::-webkit-scrollbar{width:6px}.icon-picker::-webkit-scrollbar-track{background:#667eea0d;border-radius:3px}.icon-picker::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.icon-picker::-webkit-scrollbar-thumb:hover{background:#667eea80}.icon-option{color:#a0aec0;cursor:pointer;background:#667eea0d;border:1px solid #667eea33;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:all .2s;display:flex}.icon-option:hover{color:#667eea;border-color:#667eea80;transform:translateY(-1px)}.icon-option.active{color:#667eea;background:#667eea33;border-color:#667eea;box-shadow:0 0 12px #667eea4d}.form-actions{gap:12px;margin-top:12px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-secondary{color:#fff;background:#667eea1a;border:1px solid #667eea33}.btn-secondary:hover{background:#667eea26;border-color:#667eea4d}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.category-card{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-top:3px solid #667eea;border-radius:16px;flex-direction:column;gap:16px;padding:24px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.category-card:before{content:"";background:linear-gradient(90deg,#0000,#667eea4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.category-card:hover{border-color:#667eea4d;transform:translateY(-8px);box-shadow:0 20px 40px #667eea26}.category-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.category-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;display:flex}.category-actions-quick{gap:8px;display:flex}.action-btn-quick{color:#667eea;cursor:pointer;background:#667eea0d;border:1px solid #667eea33;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.action-btn-quick:hover{background:#667eea26;border-color:#667eea66}.action-btn-quick.delete{color:#f5576c}.action-btn-quick.delete:hover:not(:disabled){background:#f5576c26;border-color:#f5576c66}.action-btn-quick:disabled{opacity:.5;cursor:not-allowed}.action-btn-quick.delete:disabled{color:#718096}.category-content{flex-direction:column;gap:8px;display:flex}.category-content h4{color:#fff;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.badge-default{color:#667eea;text-transform:uppercase;background:#667eea33;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.category-description{color:#a0aec0;margin:0;font-size:13px;line-height:1.6}.category-stats{border-top:1px solid #667eea1a;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;display:flex}.stat-item{background:#667eea0d;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.stat-item .stat-icon{font-size:14px}.stat-item .stat-text{color:#e2e8f0}.item-count{color:#667eea;font-size:13px;font-weight:600}.action-btn-quick.duplicate{color:#10b981;font-size:16px}.action-btn-quick.duplicate:hover{background:#10b98126;border-color:#10b98166}@media (width<=1024px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.categories{padding:16px}.modal-overlay{padding:calc(env(safe-area-inset-top,0px) + 12px) 10px calc(env(safe-area-inset-bottom,0px) + 12px);-webkit-overflow-scrolling:touch;align-items:flex-start;overflow:hidden auto}.categories-header{flex-direction:column;align-items:stretch}.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}.stats-panel{grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:1fr}.category-form-modal{width:95%;padding:24px}.category-detail-modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);border-radius:18px;padding:18px}.category-detail-modal .modal-header{align-items:flex-start;gap:12px}.category-detail-modal .modal-header h3{overflow-wrap:anywhere;min-width:0}.category-detail-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-detail-grid{grid-template-columns:1fr}.color-picker{grid-template-columns:repeat(5,1fr)}.category-actions-quick{gap:6px}.action-btn-quick{width:32px;height:32px;font-size:12px}}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 #0000000f}body.theme-light .search-input{color:#1e293b;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d}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{color:#1e293b;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d}body.theme-light .sort-select:focus{background:#fff;border-color:#667eea}body.theme-light .sort-select option{color:#1e293b;background:#fff}body.theme-light .category-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}body.theme-light .category-card:hover{border-color:#667eea4d;box-shadow:0 8px 24px #00000014}body.theme-light .category-card:before{background:linear-gradient(90deg,#0000,#667eea26,#0000)}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:#667eea0a}body.theme-light .stat-item .stat-text{color:#374151}body.theme-light .modal-overlay{background:#0006}body.theme-light .category-form-modal,body.theme-light .category-detail-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 60px #00000026}body.theme-light .modal-content{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 60px #0f172a29}body.theme-light .category-delete-message{color:#334155}body.theme-light .category-delete-meta{color:#64748b}body.theme-light .category-delete-name{color:#4338ca}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{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}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{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}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{color:#64748b;background:#fff;border-color:#e2e8f0}body.theme-light .icon-option:hover{color:#667eea;border-color:#667eea80}body.theme-light .icon-option.active{color:#667eea;background:#667eea14;border-color:#667eea}body.theme-light .info-banner{background:#667eea0f;border-color:#667eea33}body.theme-light .info-banner p{color:#374151}body.theme-light .category-detail-description{color:#64748b}body.theme-light .category-detail-stats,body.theme-light .category-detail-items h4,body.theme-light .category-detail-items-header h4{color:#1e293b}body.theme-light .category-detail-item{background:#f8fafc;border-color:#e2e8f0}body.theme-light .category-detail-item:hover{background:#667eea0a;border-color:#667eea66}body.theme-light .category-detail-thumb{color:#94a3b8;background:#f1f5f9}body.theme-light .category-detail-name{color:#1e293b}body.theme-light .category-detail-price,body.theme-light .category-detail-loading,body.theme-light .category-detail-empty{color:#64748b}body.theme-light .detail-stat-card{background:#f8fafc;border-color:#e2e8f0}body.theme-light .detail-stat-card:hover{background:#667eea0a;border-color:#667eea4d}body.theme-light .detail-stat-card.highlight{background:#f59e0b0a;border-color:#f59e0b4d}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-label,body.theme-light .condition-bar-count{color:#64748b}body.theme-light .condition-bar-track{background:#e2e8f0}body.theme-light .category-detail-condition,body.theme-light .categories .empty-state{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:#667eea14;border-color:#667eea4d}body.theme-light .color-option.active{border-color:#1e293b}.modal-overlay{-webkit-backdrop-filter:blur(12px);background:#0009}.modal-content{background:linear-gradient(135deg,#1a1a2efa 0%,#252540fa 100%);border:1px solid #667eea33;animation:.3s cubic-bezier(.34,1.56,.64,1) modalEnter;box-shadow:0 25px 80px #00000080}.modal-header h3{color:#fff;align-items:center;margin:0;font-size:1.15rem;display:flex}.btn-close:hover{color:#e2e8f0;background:#ffffff1a}.category-delete-message{color:#e2e8f0;margin:0 0 8px;font-size:15px;line-height:1.6}.category-delete-meta{color:#94a3b8;margin:0;font-size:13px}.category-delete-name{color:#c7d2fe}.modal-actions{justify-content:flex-end;gap:12px;padding:0 24px 24px;display:flex}.btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.fav-page{padding:28px 32px 48px}.fav-loading{color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:500px;font-size:15px;display:flex}.fav-loading-spinner{border:3px solid #6366f126;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite favSpin}@keyframes favSpin{to{transform:rotate(360deg)}}.fav-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.fav-header-left{flex-direction:column;gap:2px;display:flex}.fav-title{color:var(--text-primary,#f7fafc);letter-spacing:-.3px;margin:0;font-size:26px;font-weight:800}.fav-subtitle{color:#a0aec0;font-size:13px;font-weight:500}.fav-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fav-search-box{flex:0 0 240px;align-items:center;width:240px;min-width:240px;height:40px;display:flex;position:relative;overflow:hidden}.fav-search-icon{color:#64748b;pointer-events:none;font-size:13px;position:absolute;left:12px}.fav-search-input{color:#f7fafc;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;width:100%;height:40px;padding:9px 44px 9px 34px;font-size:13px;font-weight:500;transition:border-color .25s,box-shadow .25s,background-color .25s}.fav-search-input::placeholder{color:#64748b}.fav-search-input:focus{border-color:#6366f180;outline:none;box-shadow:0 0 0 3px #6366f11a}.favorites-search-clear,.favorites-search-clear:hover,.favorites-search-clear:focus,.favorites-search-clear:focus-visible,.favorites-search-clear:active{color:#64748b;cursor:pointer;box-sizing:border-box;z-index:2;appearance:none;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:none;display:inline-flex;position:absolute;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;margin:0!important;padding:0!important;inset:6px 8px auto auto!important;transform:none!important}.favorites-search-clear:hover,.favorites-search-clear:focus,.favorites-search-clear:focus-visible,.favorites-search-clear:active{color:#a0aec0;position:absolute;width:28px!important;height:28px!important;margin:0!important;padding:0!important;top:6px!important;right:8px!important;transform:none!important}.favorites-search-clear:focus-visible{outline-offset:2px;outline:2px solid #6366f18c}.favorites-search-clear svg,.favorites-search-clear:hover svg,.favorites-search-clear:focus svg,.favorites-search-clear:active svg{pointer-events:none;flex:0 0 12px!important;width:12px!important;height:12px!important;transform:none!important}.fav-btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.fav-btn:hover{color:#f1f5f9;background:#ffffff14;border-color:#ffffff24}.fav-btn.active{color:#818cf8;background:#6366f124;border-color:#6366f14d}.fav-btn svg{font-size:13px}.fav-stats-row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:0;margin-bottom:20px;padding:14px 20px;display:flex}.fav-stat{align-items:baseline;gap:8px;padding:0 24px;display:flex}.fav-stat:first-child{padding-left:4px}.fav-stat-value{color:#f7fafc;letter-spacing:-.3px;font-size:18px;font-weight:800}.fav-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.fav-stat-divider{background:#ffffff14;flex-shrink:0;width:1px;height:28px}.fav-filters{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px;padding:18px 20px;display:grid}.fav-filter-group{flex-direction:column;gap:6px;display:flex}.fav-filter-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.fav-filter-group select,.fav-filter-group input{color:#f7fafc;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:500;transition:all .2s}.fav-filter-group select:focus,.fav-filter-group input:focus{border-color:#6366f180;outline:none;box-shadow:0 0 0 3px #6366f11a}.fav-filter-reset{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444426;border-radius:8px;align-self:end;padding:9px 16px;font-size:12px;font-weight:700;transition:all .2s}.fav-filter-reset:hover{background:#ef444426;border-color:#ef44444d}.fav-toolbar{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 18px;display:flex}.fav-sort{align-items:center;gap:10px;display:flex}.fav-sort-icon{color:#64748b;font-size:13px}.fav-sort select{color:#f7fafc;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500;transition:all .2s}.fav-sort select:hover{border-color:#ffffff26}.fav-sort-dir{color:#818cf8;cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;min-width:36px;padding:7px 12px;font-size:14px;font-weight:800;transition:all .2s}.fav-sort-dir:hover{background:#6366f11a;border-color:#6366f140}.fav-bulk{align-items:center;gap:12px;display:flex}.fav-select-all{cursor:pointer;color:#94a3b8;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.fav-select-all input{cursor:pointer;accent-color:#6366f1;width:16px;height:16px}.fav-bulk-remove{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444426;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.fav-bulk-remove:hover{background:#ef444426;border-color:#ef44444d}.fav-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.fav-list{flex-direction:column;gap:12px;display:flex}.fav-list .fav-card{grid-template-columns:90px 1fr;align-items:start;gap:16px;padding:16px;display:grid}.fav-list .fav-card-img{border-radius:10px;width:90px;height:90px}.fav-list .fav-card-top,.fav-list .fav-card-meta,.fav-list .fav-card-desc,.fav-list .fav-card-price{grid-column:2}.fav-card{background:var(--surface-primary,#1a1a2e);border:1px solid var(--border-subtle,#ffffff0f);border-radius:14px;flex-direction:column;padding:18px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.fav-card:hover{border-color:#6366f126;box-shadow:0 8px 24px #00000026}.fav-card.selected{background:#6366f10a;border-color:#6366f159;box-shadow:0 0 0 2px #6366f126}.fav-card-check{z-index:5;cursor:pointer;opacity:.85;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:14px;right:14px}.fav-card:hover .fav-card-check,.fav-card.selected .fav-card-check{opacity:1}.fav-card-top{padding-right:42px}.fav-card-check input{appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#00000059;border:2px solid #ffffff40;border-radius:6px;width:20px;height:20px;transition:all .2s;position:relative}.fav-card-check input:hover{background:#6366f126;border-color:#6366f199}.fav-card-check input:checked{background:#6366f1;border-color:#6366f1}.fav-card-check input:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.fav-select-all input{appearance:none;cursor:pointer;vertical-align:middle;background:#ffffff0d;border:2px solid #fff3;border-radius:5px;width:18px;height:18px;margin-right:6px;transition:all .2s;position:relative}.fav-select-all input:hover{border-color:#6366f180}.fav-select-all input:checked{background:#6366f1;border-color:#6366f1}.fav-select-all input:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.fav-card .card-favorite-btn{z-index:6;flex-shrink:0;width:32px;height:32px;position:absolute;top:14px;right:52px}.fav-card-img{background:#6366f10a;border-radius:12px;width:100%;height:180px;margin-bottom:14px;overflow:hidden}.fav-card-img img{object-fit:cover;width:100%;height:100%}.fav-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;padding-right:88px;display:flex}.fav-card-info{flex:1;min-width:0}.fav-card-name{color:#f7fafc;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:15px;font-weight:700;overflow:hidden}.fav-card-cat{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.fav-remove-btn{cursor:pointer;color:#818cf8;background:#6366f114;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.fav-remove-btn:hover{color:#f87171;background:#ef44441f;border-color:#ef444433}.fav-card-desc{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.fav-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.fav-card-loc{color:#64748b;align-items:center;gap:5px;font-size:12px;display:flex}.fav-card-loc svg{font-size:11px}.fav-cond{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.fav-cond.like_new{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.fav-cond.good{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f633}.fav-cond.fair{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b33}.fav-cond.poor{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.fav-card-price{color:var(--text-primary,#f7fafc);border-top:1px solid #ffffff0a;margin-top:auto;padding-top:12px;font-size:18px;font-weight:800}.fav-empty{text-align:center;color:#94a3b8;padding:80px 20px}.fav-empty-icon{color:#6366f133;margin-bottom:20px;font-size:56px}.fav-empty h3{color:#f7fafc;margin:0 0 8px;font-size:20px;font-weight:700}.fav-empty p{color:#64748b;max-width:360px;margin:0 auto;font-size:14px;line-height:1.6}[data-theme=light] .fav-page,.light .fav-page{background:#fff}[data-theme=light] .fav-title,.light .fav-title{color:#1e293b}[data-theme=light] .fav-card,.light .fav-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .fav-card:hover,.light .fav-card:hover{border-color:#c7d2fe;box-shadow:0 12px 32px #00000014}[data-theme=light] .fav-card-name,.light .fav-card-name{color:#1e293b}[data-theme=light] .fav-btn,.light .fav-btn{color:#475569;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .fav-btn:hover,.light .fav-btn:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .fav-btn.active,.light .fav-btn.active{color:#6366f1;background:#6366f114;border-color:#6366f140}[data-theme=light] .fav-search-input,.light .fav-search-input{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .fav-stats-row,[data-theme=light] .fav-filters,[data-theme=light] .fav-toolbar,.light .fav-stats-row,.light .fav-filters,.light .fav-toolbar{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .fav-stat-value,.light .fav-stat-value{color:#1e293b}[data-theme=light] .fav-stat-divider,.light .fav-stat-divider{background:#e2e8f0}[data-theme=light] .fav-empty h3,.light .fav-empty h3{color:#1e293b}[data-theme=light] .fav-card-check input,body.theme-light .fav-card-check input{background:#ffffffd9;border-color:#0003}[data-theme=light] .fav-card-check input:hover,body.theme-light .fav-card-check input:hover{background:#6366f114;border-color:#6366f180}[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:#6366f180}[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 #0000000f}[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 (width<=1024px){.fav-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.fav-page{padding:16px}.fav-header{flex-direction:column;align-items:flex-start;gap:14px}.fav-header-actions{flex-wrap:wrap;width:100%}.fav-search-input,.fav-search-input:focus{width:100%}.fav-search-box{flex:auto;width:100%;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{flex-direction:column;align-items:flex-start;gap:12px}.fav-sort,.fav-bulk{width:100%}.fav-filters{grid-template-columns:1fr}.fav-list .fav-card{grid-template-columns:70px minmax(0,1fr);padding:58px 14px 14px;overflow:hidden}.fav-list .fav-card-img{width:70px;height:70px}.fav-btn span{display:none}.fav-card-top{min-width:0;padding-right:0}.fav-list .fav-card-top,.fav-list .fav-card-meta,.fav-list .fav-card-desc,.fav-list .fav-card-price{grid-column:1/-1}.fav-list .fav-card-img{grid-area:1/1;margin-bottom:0}.fav-list .fav-card-top{grid-area:1/2;align-self:start}.fav-card .card-favorite-btn{top:12px;right:56px}.fav-card-check{top:12px;right:14px}.fav-card-name,.fav-card-desc,.fav-card-loc,.fav-card-price{overflow-wrap:anywhere;max-width:100%}.fav-card-meta{min-width:0}}@media (width<=520px){.fav-page{padding:18px 14px 36px}.fav-header-actions{gap:8px}.fav-search-box{flex:1 0 100%}.fav-btn{min-width:42px}.fav-grid .fav-card,.fav-list .fav-card{padding:58px 14px 16px}.fav-list .fav-card{grid-template-columns:1fr}.fav-list .fav-card-img,.fav-list .fav-card-top{grid-area:auto/1}}.twofa-settings{background:linear-gradient(135deg,#1a1a2ecc 0%,#252540cc 100%);border:1px solid #667eea33;border-radius:12px;overflow:hidden}.twofa-header{background:#667eea1a;border-bottom:1px solid #667eea33;align-items:center;gap:1rem;padding:1.5rem;display:flex}.twofa-header .header-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.twofa-header .header-text{flex:1}.twofa-header .header-text h3{color:#fff;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.twofa-header .header-text p{color:#a0aec0;margin:0;font-size:.875rem}.status-badge{border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.status-badge.enabled{color:#10b981;background:#10b98133;border:1px solid #10b9814d}.status-badge.disabled{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b4d}.twofa-content{padding:1.5rem}.twofa-settings .alert{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.twofa-settings .alert-error{color:#f87171;background:#dc262626;border:1px solid #dc26264d}.twofa-settings .alert-success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.twofa-settings .alert button{cursor:pointer;opacity:.5;color:inherit;background:0 0;border:none;margin-left:auto;font-size:1.25rem}.twofa-settings .alert button:hover{opacity:1}.setup-prompt{text-align:center}.benefit-list{text-align:left;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem}.benefit-list h4{color:#10b981;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.9rem}.benefit-list ul{margin:0;padding-left:1.5rem}.benefit-list li{color:#a0aec0;padding:.25rem 0}.setup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.setup-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.setup-btn:disabled{opacity:.6;cursor:not-allowed}.enabled-state{text-align:center}.status-info{margin-bottom:1.5rem}.status-info .protected{color:#10b981;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;display:flex}.status-info .backup-info{color:#a0aec0;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.action-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-secondary{color:#a0aec0;cursor:pointer;background:#667eea26;border:1px solid #667eea4d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#fff;background:#667eea40}.btn-danger{color:#f87171;cursor:pointer;background:#dc262626;border:1px solid #dc26264d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-danger:hover:not(:disabled){background:#dc262640}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-text,.cancel-btn{color:#a0aec0;cursor:pointer;background:0 0;border:1px solid #667eea40;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-text:hover,.cancel-btn:hover{color:#cbd5e1;background:#667eea1a;border-color:#667eea66}.setup-flow{max-width:600px;margin:0 auto}.step{border-bottom:1px solid #667eea33;margin-bottom:2rem;padding-bottom:2rem}.step:last-of-type{border-bottom:none}.step-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:600;display:flex}.step-header h4{color:#fff;margin:0;font-size:1rem}.step p{color:#a0aec0;margin-bottom:1rem;font-size:.95rem}.qr-container{background:#ffffff0d;border:1px solid #667eea33;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.qr-placeholder{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:180px;height:180px;padding:10px;display:flex}.qr-placeholder img{max-width:100%;max-height:100%}.manual-entry{text-align:center}.manual-entry p{color:#a0aec0;margin-bottom:.5rem;font-size:.85rem}.secret-key{color:#667eea;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:Fira Code,Consolas,monospace;font-size:.9rem;display:flex}.secret-key button{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}.secret-key button:hover{color:#fff}.verification-input{flex-direction:column;align-items:center;gap:1rem;display:flex}.verification-input input{text-align:center;letter-spacing:.5rem;color:#fff;background:#0f0f1ecc;border:2px solid #667eea4d;border-radius:12px;width:200px;padding:1rem;font-family:Fira Code,Consolas,monospace;font-size:1.5rem}.verification-input input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea33}.verification-input input::placeholder{letter-spacing:normal;color:#a0aec080;font-size:1rem}.btn-verify{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-verify:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-verify:disabled{opacity:.6;cursor:not-allowed}.backup-codes{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.backup-codes h4{color:#f59e0b;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.95rem;display:flex}.backup-codes>p{color:#a0aec0;margin-bottom:1rem;font-size:.85rem}.codes-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.code-item{color:#fff;background:#0f0f1e99;border:1px solid #667eea33;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-family:Fira Code,Consolas,monospace;font-size:.9rem;display:flex}.code-item.used{opacity:.5;text-decoration:line-through}.code-item button{color:#a0aec0;cursor:pointer;opacity:0;background:0 0;border:none;padding:.25rem;transition:all .2s}.code-item:hover button{opacity:1}.code-item button:hover{color:#fff}.backup-actions{justify-content:center;gap:.75rem;display:flex}.backup-actions button{color:#a0aec0;cursor:pointer;background:#667eea26;border:1px solid #667eea4d;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:inline-flex}.backup-actions button:hover{color:#fff;background:#667eea40}.disable-confirm{text-align:center;max-width:400px;margin:0 auto}.warning-icon{color:#f87171;margin-bottom:1rem;font-size:3rem}.disable-confirm h4{color:#fff;margin-bottom:.5rem}.disable-confirm p{color:#a0aec0;margin-bottom:1.5rem}.disable-form{flex-direction:column;gap:1rem;display:flex}.disable-form input{color:#fff;text-align:center;background:#0f0f1ecc;border:1px solid #dc26264d;border-radius:8px;padding:.75rem 1rem;font-size:1rem}.disable-form input:focus{border-color:#f87171;outline:none;box-shadow:0 0 0 3px #dc262626}.disable-actions{justify-content:center;gap:.75rem;display:flex}.btn-cancel{color:#a0aec0;cursor:pointer;background:#667eea26;border:1px solid #667eea4d;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-cancel:hover{color:#fff;background:#667eea40}.loading-state{color:#a0aec0;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.loading-state .spinner{color:#667eea;font-size:2rem;animation:1s linear infinite spin}: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{border-bottom-color:var(--border-color);background:#667eea0d}: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{color:#059669;background:#10b9811a;border-color:#10b98133}:root[data-theme=light] .status-badge.disabled{color:#d97706;background:#f59e0b1a;border-color:#f59e0b33}:root[data-theme=light] .benefit-list{background:#10b9810d;border-color:#10b98126}: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{color:var(--text-secondary);border-color:var(--border-color);background:#667eea0f}:root[data-theme=light] .btn-secondary:hover{color:var(--text-primary);background:#667eea1f}:root[data-theme=light] .btn-danger{color:#dc2626;background:#dc262614;border-color:#dc262633}:root[data-theme=light] .btn-danger:hover:not(:disabled){background:#dc262626}:root[data-theme=light] .btn-text,:root[data-theme=light] .cancel-btn{color:#475569;background:0 0;border-color:#64748b40}:root[data-theme=light] .btn-text:hover,:root[data-theme=light] .cancel-btn:hover{color:#003f8c;background:#0057c214;border-color:#0057c259}: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);color:#667eea;border-color:var(--border-color)}: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{border-color:var(--border-color);background:var(--surface-secondary);color:var(--text-primary)}:root[data-theme=light] .verification-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}:root[data-theme=light] .verification-input input::placeholder{color:var(--text-muted)}.twofa-settings{background:linear-gradient(135deg,#0057c21f,#0891b214),#060f1cc7;border-color:#67e8f92e}.twofa-header{background:#0618278f;border-bottom-color:#67e8f92e}.twofa-header .header-icon,.setup-btn{background:linear-gradient(135deg,#0057c2,#0891b2);box-shadow:0 14px 28px #0057c238}.qr-container{background:linear-gradient(135deg,#67e8f914,#0057c214),#0618276b;border-color:#67e8f938}.qr-code{background:#fff;border-radius:16px;width:224px;height:224px;padding:12px;display:block;box-shadow:0 18px 40px #0000003d}.secret-code,.backup-code{background:#061827b8;border:1px solid #67e8f924;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.secret-code code,.backup-code code{color:#c7f9ff;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84rem}.copy-btn{color:#67e8f9;cursor:pointer;background:#67e8f914;border:1px solid #67e8f92e;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.verify-input{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.verify-input input{color:#f8fbff;letter-spacing:.16em;text-align:center;background:#061827b8;border:1px solid #67e8f92e;border-radius:12px;flex:1;min-width:170px;padding:13px 14px;font-size:1.1rem;font-weight:800}.verify-input input:focus{border-color:#67e8f9;outline:none;box-shadow:0 0 0 3px #67e8f929}[data-theme=light] .twofa-settings,body.theme-light .twofa-settings,:root[data-theme=light] .twofa-settings{background:linear-gradient(135deg,#0057c214,#0891b20d),#fff;border-color:#0057c224}[data-theme=light] .twofa-header,body.theme-light .twofa-header,:root[data-theme=light] .twofa-header{background:#f8fbff;border-bottom-color:#0057c21f}[data-theme=light] .twofa-header .header-text h3,body.theme-light .twofa-header .header-text h3,:root[data-theme=light] .twofa-header .header-text h3{color:#102033}[data-theme=light] .twofa-header .header-text p,body.theme-light .twofa-header .header-text p,:root[data-theme=light] .twofa-header .header-text p,[data-theme=light] .benefit-list li,body.theme-light .benefit-list li,:root[data-theme=light] .benefit-list li{color:#516176}[data-theme=light] .qr-container,body.theme-light .qr-container,:root[data-theme=light] .qr-container{background:#f8fbff;border-color:#0057c224}[data-theme=light] .secret-code,[data-theme=light] .backup-code,body.theme-light .secret-code,body.theme-light .backup-code,:root[data-theme=light] .secret-code,:root[data-theme=light] .backup-code{background:#fff;border-color:#dbe7f5}[data-theme=light] .secret-code code,[data-theme=light] .backup-code code,body.theme-light .secret-code code,body.theme-light .backup-code code,:root[data-theme=light] .secret-code code,:root[data-theme=light] .backup-code code{color:#0057c2}[data-theme=light] .verify-input input,body.theme-light .verify-input input,:root[data-theme=light] .verify-input input{color:#102033;background:#fff;border-color:#dbe7f5}:root[data-theme=light] .backup-codes{background:#f59e0b0d;border-color:#f59e0b33}: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);color:var(--text-primary);border-color:var(--border-color)}: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{color:var(--text-secondary);border-color:var(--border-color);background:#667eea0f}:root[data-theme=light] .backup-actions button:hover{color:var(--text-primary);background:#667eea1f}: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);color:var(--text-primary);border-color:#dc262633}:root[data-theme=light] .disable-form input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}:root[data-theme=light] .btn-cancel{color:var(--text-secondary);border-color:var(--border-color);background:#0000000a}:root[data-theme=light] .btn-cancel:hover{color:var(--text-primary);background:#00000014}:root[data-theme=light] .loading-state{color:var(--text-muted)}@media (width<=768px){.twofa-header{text-align:center;flex-direction:column;gap:1rem}.codes-grid{grid-template-columns:1fr}.action-buttons,.disable-actions{flex-direction:column}}.twofa-settings .btn-secondary,.twofa-settings .btn-cancel,.twofa-settings .cancel-btn{color:#dbeafe;background:linear-gradient(135deg,#0f172adb,#1e293bc2);border:1px solid #7dd3fc47;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:.72rem 1.2rem;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 10px 24px #02061738}.twofa-settings .btn-secondary:hover:not(:disabled),.twofa-settings .btn-cancel:hover:not(:disabled),.twofa-settings .cancel-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#0ea5e938,#2563eb2e);border-color:#7dd3fc8c;transform:translateY(-1px)}.twofa-settings .btn-secondary:focus-visible,.twofa-settings .btn-cancel:focus-visible,.twofa-settings .cancel-btn:focus-visible{outline-offset:3px;outline:2px solid #38bdf8c2}.twofa-settings .btn-secondary:disabled,.twofa-settings .btn-cancel:disabled,.twofa-settings .cancel-btn:disabled{cursor:not-allowed;opacity:.58;transform:none}[data-theme=light] .twofa-settings .btn-secondary,[data-theme=light] .twofa-settings .btn-cancel,[data-theme=light] .twofa-settings .cancel-btn,body.theme-light .twofa-settings .btn-secondary,body.theme-light .twofa-settings .btn-cancel,body.theme-light .twofa-settings .cancel-btn,:root[data-theme=light] .twofa-settings .btn-secondary,:root[data-theme=light] .twofa-settings .btn-cancel,:root[data-theme=light] .twofa-settings .cancel-btn{color:#004da8;background:linear-gradient(135deg,#fff,#eef7ff);border-color:#0057c23d;box-shadow:0 10px 24px #0f172a14}[data-theme=light] .twofa-settings .btn-secondary:hover:not(:disabled),[data-theme=light] .twofa-settings .btn-cancel:hover:not(:disabled),[data-theme=light] .twofa-settings .cancel-btn:hover:not(:disabled),body.theme-light .twofa-settings .btn-secondary:hover:not(:disabled),body.theme-light .twofa-settings .btn-cancel:hover:not(:disabled),body.theme-light .twofa-settings .cancel-btn:hover:not(:disabled),:root[data-theme=light] .twofa-settings .btn-secondary:hover:not(:disabled),:root[data-theme=light] .twofa-settings .btn-cancel:hover:not(:disabled),:root[data-theme=light] .twofa-settings .cancel-btn:hover:not(:disabled){color:#003f8c;background:linear-gradient(135deg,#eef7ff,#dff0ff);border-color:#0057c275}@media (width<=768px){.twofa-settings .action-buttons .btn-secondary,.twofa-settings .disable-actions .btn-secondary,.twofa-settings .disable-actions .btn-cancel,.twofa-settings .cancel-btn{width:100%}}.settings{padding:32px;animation:.4s fadeIn}.settings-header{margin-bottom:32px}.settings-header h2{color:var(--text-primary,#fff);margin:0 0 8px;font-size:28px;font-weight:700}.settings-header p{color:var(--text-muted,#a0aec0);margin:0;font-size:14px}.settings-container{grid-template-columns:200px 1fr;gap:32px;display:grid}.settings-tabs{flex-direction:column;gap:8px;display:flex}.tab-btn{color:var(--text-muted,#a0aec0);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{background:var(--sidebar-hover,#667eea1a);color:var(--accent,#667eea)}.tab-btn.active{color:var(--accent,#667eea);border-left:3px solid var(--accent,#667eea);background:linear-gradient(135deg,#667eea33 0%,#764ba226 100%);padding-left:13px}.settings-content{background:var(--surface-primary,#1a1a2e);border:1px solid var(--border-subtle,#667eea1a);border-radius:16px;padding:32px}.settings-panel h3{color:var(--text-primary,#fff);margin:0 0 24px;font-size:20px;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary,#fff);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.form-group input,.form-group textarea{color:#fff;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{background:#0f0f1ef2;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.form-group input:disabled{color:#a0aec0;cursor:not-allowed;background:#667eea05}.security-section{border-bottom:1px solid #667eea1a;margin-bottom:32px;padding-bottom:32px}.security-section:last-child{border-bottom:none}.security-section h4{color:#fff;margin:0 0 16px;font-size:16px;font-weight:700}.toggle-item{cursor:pointer;background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;outline:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.toggle-item:focus-visible{box-shadow:0 0 0 2px #667eea}.toggle-info{flex-direction:column;flex:1;gap:2px;display:flex}.toggle-info .toggle-icon{color:#667eea;margin-bottom:4px;font-size:14px}.toggle-info p{color:#fff;margin:0;font-size:14px;font-weight:600}.toggle-info span{color:#a0aec0;margin-top:4px;font-size:12px;line-height:1.4;display:block}.toggle-switch{cursor:pointer;background:#64748b59;border-radius:999px;flex-shrink:0;align-items:center;width:52px;height:28px;padding:3px;transition:background-color .2s;display:inline-flex;position:relative}.toggle-slider{background:0 0;border-radius:999px;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle-switch.checked{background:#4f46e5}.toggle-switch.checked .toggle-slider:before{transform:translate(24px)}.toggle-switch:focus-visible .toggle-slider{outline-offset:2px;outline:2px solid #4f46e5}.settings-section-group{border-bottom:1px solid #667eea14;margin-bottom:28px;padding-bottom:24px}.settings-section-group:last-of-type{border-bottom:none;margin-bottom:16px}.section-subtitle{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin:0 0 16px;font-size:12px;font-weight:700;display:flex}.section-subtitle svg{color:#667eea;font-size:14px}.section-description{color:#a0aec0;margin:0 0 24px;font-size:14px;line-height:1.6}.quiet-hours-range{background:#0f0f1e80;border:1px solid #667eea1a;border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;margin-bottom:12px;padding:16px;display:grid}.quiet-hours-range input[type=time]{color:#fff;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.quiet-hours-range input[type=time]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.privacy-info{border-bottom:1px solid #667eea1a;margin-bottom:24px;padding-bottom:24px}.privacy-info:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.privacy-info-after-danger{margin-top:36px;padding-top:28px}.privacy-info h4{color:#fff;margin:0 0 8px;font-size:16px;font-weight:700}.privacy-info p{color:#a0aec0;margin:0 0 12px;font-size:14px;line-height:1.6}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.btn-save:hover{transform:translateY(-4px);box-shadow:0 12px 24px #667eea4d}.btn-delete-account,.btn-link{color:#f5576c;cursor:pointer;background:#f5576c1a;border:1px solid #f5576c33;border-radius:8px;margin-top:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s}.btn-delete-account:hover,.btn-link:hover{background:#f5576c33;border-color:#f5576c66}.btn-link{color:#667eea;background:#667eea1a;border-color:#667eea33}.btn-link:hover{background:#667eea33;border-color:#667eea66}.profile-picture-section{flex-direction:column;align-items:center;gap:12px;margin-bottom:28px;display:flex}.initials-avatar-large{background:linear-gradient(135deg, var(--primary,#6c5ce7), #a29bfe);color:#fff;letter-spacing:2px;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:2.2rem;font-weight:700;display:flex}.settings-description{color:var(--text-secondary,#6c757d);margin-bottom:20px;font-size:.9rem;line-height:1.5}.form-help{color:var(--text-secondary,#999);margin-top:4px;font-size:.78rem;display:block}.ai-settings-actions{gap:12px;margin-top:8px;display:flex}.btn-secondary{border:1px solid var(--border-color,#e0e0e0);cursor:pointer;color:var(--text-primary,#1a1a2e);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.profile-avatar-wrapper{border-radius:50%;flex-shrink:0;width:100px;height:100px;position:relative;overflow:hidden}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar-initials{color:#fff;letter-spacing:1px;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;font-weight:700;display:flex}.profile-avatar-overlay{color:#fff;opacity:0;cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.btn-remove-avatar{color:#f5576c;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:13px;transition:background .2s}.btn-remove-avatar:hover{background:#f5576c1a}.email-display-row{align-items:center;gap:10px;display:flex}.email-display-row .email-readonly{flex:1}.btn-change-email{color:#667eea;cursor:pointer;white-space:nowrap;background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.btn-change-email:hover{background:#667eea33;border-color:#667eea80}.email-change-form{background:#667eea0a;border:1px solid #667eea26;border-radius:12px;margin-top:16px;padding:20px}.email-change-actions{gap:10px;margin-top:12px;display:flex}.email-change-actions .btn-cancel{color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 20px;font-size:13px}.email-change-actions .btn-save{flex:unset}.role-badge-container{align-items:center;gap:12px;margin-bottom:24px;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.role-badge.role-admin,.role-badge.role-owner{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);box-shadow:0 4px 12px #f5576c4d}.role-badge.role-member{color:#667eea;background:#667eea33;border:1px solid #667eea4d}.danger-zone{background:#f5576c0d;border:2px solid #f5576c33;border-radius:12px;margin-top:32px;padding:24px}.danger-zone h4{color:#f5576c;margin:0 0 12px;font-size:16px}.danger-zone-title{align-items:center;gap:10px;display:flex}.danger-zone-icon{color:#ff6b81;background:#f5576c24;border:1px solid #f5576c47;border-radius:10px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.danger-zone p{color:#cbd5e0;margin-bottom:24px;line-height:1.6}.danger-zone .btn-delete-account{margin-top:4px}.delete-confirm-box{background:#0f0f1ecc;border:1px solid #f5576c4d;border-radius:8px;padding:20px}.delete-confirm-box p{color:#fff;margin:0 0 12px}.account-deletion-request-copy{color:var(--text-secondary,#cbd5e1);background:#0f172a7a;border:1px solid #94a3b829;border-radius:12px;gap:10px;margin:18px 0 20px;padding:16px;display:grid}.account-deletion-request-copy h5{color:var(--text-primary,#fff);margin:4px 0 0;font-size:14px;font-weight:800}.account-deletion-request-copy p{color:var(--text-secondary,#cbd5e1);margin:0;line-height:1.55}.account-deletion-request-copy ul{color:var(--text-secondary,#cbd5e1);margin:0;padding-left:20px;line-height:1.55}.settings-section-highlight{animation:2.2s settingsHighlightPulse;box-shadow:0 0 0 3px #38bdf829,0 18px 42px #0ea5e91f;border-color:#38bdf873!important}[data-theme=light] .settings-section-highlight,body.theme-light .settings-section-highlight{background:#0057c208;box-shadow:0 0 0 3px #0057c22e,0 18px 42px #0057c21a;border-color:#0057c273!important}@keyframes settingsHighlightPulse{0%{box-shadow:0 0 #38bdf857}45%{box-shadow:0 0 0 7px #38bdf81f}to{box-shadow:0 0 0 3px #38bdf829,0 18px 42px #0ea5e91f}}.delete-confirm-box input{color:#fff;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:8px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:14px}.delete-confirm-box input:focus,.delete-statement-field textarea:focus{border-color:#f5576c;outline:none;box-shadow:0 0 0 3px #f5576c26}.delete-statement-field{gap:8px;margin-bottom:14px;display:grid}.delete-statement-field>span{color:var(--text-primary,#fff);font-size:13px;font-weight:800}.delete-statement-field textarea{resize:vertical;color:#fff;width:100%;min-height:126px;font:inherit;box-sizing:border-box;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:8px;padding:12px 16px;line-height:1.55}.delete-statement-field small{color:var(--text-secondary,#a0aec0);justify-content:space-between;align-items:flex-start;gap:14px;font-size:12px;line-height:1.45;display:flex}.delete-statement-field small span{min-width:0}.delete-statement-field small strong{color:#fda4af;font-variant-numeric:tabular-nums;white-space:nowrap}.delete-statement-field small strong.ready{color:#34d399}.delete-inline-error{color:#fecdd3;background:#f5576c1a;border:1px solid #f5576c47;border-radius:8px;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.delete-actions{gap:12px;display:flex}.btn-cancel{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.btn-cancel:hover{background:#ffffff1a;border-color:#fff3}.btn-confirm-delete{color:#fff;cursor:pointer;background:#f5576c;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.btn-confirm-delete:hover:not(:disabled){background:#e43d55;transform:translateY(-2px);box-shadow:0 8px 16px #f5576c66}.btn-confirm-delete:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.settings{padding:16px}.settings-container{grid-template-columns:1fr}.settings-tabs{flex-flow:wrap;gap:6px}.tab-btn{flex:1;justify-content:center;min-width:100px;padding:10px 12px;font-size:12px}.tab-btn.active{border-bottom:3px solid #667eea;border-left:none;padding-left:12px}.settings-time-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row{grid-template-columns:1fr}.settings-content{padding:20px}.quiet-hours-range{grid-template-columns:1fr}.toggle-switch{width:56px;height:30px}.toggle-slider:before{width:24px;height:24px;top:3px;left:3px}.toggle-switch.checked .toggle-slider:before{transform:translate(26px)}.danger-zone{padding:18px}.privacy-info-after-danger{margin-top:30px;padding-top:24px}.delete-confirm-box{padding:16px}.delete-statement-field textarea{min-height:150px}.delete-statement-field small{flex-direction:column;gap:6px}.delete-actions{flex-direction:column}}body.prefer-touch .toggle-switch{width:60px;height:34px}body.prefer-touch .toggle-slider:before{width:28px;height:28px;top:3px;left:3px}body.prefer-touch .toggle-switch.checked .toggle-slider:before{transform:translate(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-save,body.prefer-touch .btn-delete-account,body.prefer-touch .btn-link,body.prefer-touch .btn-cancel,body.prefer-touch .btn-confirm-delete{min-height:48px;padding:14px 24px}.settings-loading{color:#667eea;justify-content:center;align-items:center;gap:12px;height:400px;font-size:16px;display:flex}.settings-message{border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-weight:500;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-message.success{color:#48bb78;background:#48bb7826;border:1px solid #48bb784d}.settings-message.error{color:#f56565;background:#f5656526;border:1px solid #f565654d}.settings-panel textarea{color:#fff;resize:vertical;background:#1a1a2e;border:1px solid #667eea33;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.settings-panel textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.settings-panel textarea::placeholder{color:#6b7280}.theme-switcher{gap:12px;margin-top:12px;display:flex}.theme-option{background:var(--dark-tertiary,#252540);border:2px solid var(--border-color,#2d3748);color:var(--text-secondary,#cbd5e0);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px 16px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.theme-option svg{font-size:22px}.theme-option:hover{border-color:var(--accent,#667eea);color:var(--text-primary,#fff)}.theme-option.active{border-color:var(--accent,#667eea);color:var(--accent,#667eea);background:linear-gradient(135deg,#667eea33,#764ba233);box-shadow:0 0 0 3px #667eea26}.language-selector{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:12px;display:grid}.language-option{background:var(--dark-tertiary,#252540);border:2px solid var(--border-color,#2d3748);color:var(--text-secondary,#cbd5e0);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.language-option .lang-flag,.language-option .lang-abbr{width:36px;height:36px;color:var(--accent,#667eea);background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.language-option:hover{border-color:var(--accent,#667eea);color:var(--text-primary,#fff)}.language-option.active{border-color:var(--accent,#667eea);color:var(--accent,#667eea);background:linear-gradient(135deg,#667eea33,#764ba233);box-shadow:0 0 0 3px #667eea26}.settings-currency-picker{max-width:520px;position:relative}.settings-currency-trigger{width:100%;min-height:58px;color:var(--text-primary,#f8fafc);cursor:pointer;text-align:left;background:linear-gradient(135deg,#0f172ad1,#1e293bb8);border:1px solid #38bdf838;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.settings-currency-trigger:hover,.settings-currency-picker.open .settings-currency-trigger{border-color:#38bdf88c;box-shadow:0 12px 30px #0ea5e921}.settings-currency-trigger:disabled{cursor:not-allowed;opacity:.65}.settings-currency-symbol{color:#67e8f9;background:#0ea5e921;border:1px solid #38bdf838;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:38px;font-weight:900;display:inline-flex}.settings-currency-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-currency-meta strong{color:inherit;letter-spacing:.03em;font-size:14px}.settings-currency-meta small{color:var(--text-secondary,#94a3b8);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.settings-currency-chevron{color:#7dd3fc;font-size:18px;line-height:1}.settings-currency-menu{z-index:80;background:#0f172afa;border:1px solid #38bdf838;border-radius:16px;padding:10px;position:absolute;inset:auto 0 calc(100% + 8px);box-shadow:0 28px 70px #02061770}.settings-currency-search{color:#f8fafc;box-sizing:border-box;background:#02061794;border:1px solid #94a3b838;border-radius:12px;outline:none;width:100%;height:42px;padding:0 12px;font-weight:700}.settings-currency-search:focus{border-color:#38bdf88c}.settings-currency-list{max-height:286px;margin-top:8px;padding-right:4px;overflow-y:auto}.settings-currency-option{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:9px;transition:all .16s;display:flex}.settings-currency-option:hover,.settings-currency-option.selected{background:#0ea5e924}.settings-currency-empty{color:var(--text-secondary,#94a3b8);text-align:center;padding:18px 10px;font-size:13px;font-weight:700}[data-theme=light] .settings-header p,[data-theme=light] .tab-btn{color:#64748b}[data-theme=light] .tab-btn.active{color:#4f46e5;background:linear-gradient(135deg,#6366f11a 0%,#764ba214 100%);border-left-color:#4f46e5}[data-theme=light] .form-group input,[data-theme=light] .form-group textarea,[data-theme=light] .settings-panel textarea{color:#1e293b;background:#f8fafc;border-color:#d1d5db}[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 #6366f11f}[data-theme=light] .form-group input:disabled{color:#94a3b8;background:#f1f5f9}[data-theme=light] .form-group select,[data-theme=light] .settings-panel select{color:#1e293b;background:#f8fafc;border:1px solid #d1d5db;border-radius:12px;padding:12px 16px}[data-theme=light] .form-group select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}[data-theme=light] .section-subtitle,[data-theme=light] .section-description{color:#64748b}[data-theme=light] .security-section{border-bottom-color:#e2e8f0}[data-theme=light] .security-section h4{color:#1e293b}[data-theme=light] .toggle-info .toggle-icon{color:#6366f1}[data-theme=light] .toggle-slider:before{background:#fff;box-shadow:0 1px 3px #00000026}[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]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}[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{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}[data-theme=light] .btn-save:hover{box-shadow:0 12px 24px #4f46e540}[data-theme=light] .btn-link{color:#4f46e5;background:#6366f114;border-color:#6366f133}[data-theme=light] .btn-link:hover{background:#6366f11f}[data-theme=light] .role-badge.role-member{color:#4f46e5;background:#6366f11a;border-color:#6366f133}[data-theme=light] .btn-change-email{color:#4f46e5;background:#4f46e514;border-color:#4f46e533}[data-theme=light] .btn-change-email:hover{background:#4f46e524;border-color:#4f46e559}[data-theme=light] .email-change-form{background:#4f46e508;border-color:#4f46e51f}[data-theme=light] .email-change-actions .btn-cancel{color:#374151;background:#f1f5f9;border-color:#d1d5db}[data-theme=light] .btn-remove-avatar{color:#dc2626}[data-theme=light] .btn-remove-avatar:hover{background:#dc26260f}[data-theme=light] .danger-zone h4{color:#dc2626}[data-theme=light] .danger-zone-icon{color:#dc2626;background:#fff1f2;border-color:#fecdd3}[data-theme=light] .danger-zone p{color:#64748b}[data-theme=light] .btn-delete-account{color:#dc2626;background:#dc262614;border-color:#dc262633}[data-theme=light] .btn-delete-account:hover{background:#dc26261f;border-color:#dc262659}[data-theme=light] .delete-confirm-box p{color:#1e293b}[data-theme=light] .delete-confirm-box p strong{color:#dc2626}[data-theme=light] .account-deletion-request-copy,body.theme-light .account-deletion-request-copy{color:#475569;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .account-deletion-request-copy h5,body.theme-light .account-deletion-request-copy h5{color:#0f172a}[data-theme=light] .account-deletion-request-copy p,[data-theme=light] .account-deletion-request-copy ul,body.theme-light .account-deletion-request-copy p,body.theme-light .account-deletion-request-copy ul{color:#475569}[data-theme=light] .delete-confirm-box input,[data-theme=light] .delete-statement-field textarea{color:#1e293b;background:#fff;border-color:#d1d5db}[data-theme=light] .delete-confirm-box input::placeholder,[data-theme=light] .delete-statement-field textarea::placeholder{color:#9ca3af}[data-theme=light] .delete-confirm-box input:focus,[data-theme=light] .delete-statement-field textarea:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}[data-theme=light] .delete-statement-field>span{color:#0f172a}[data-theme=light] .delete-statement-field small{color:#64748b}[data-theme=light] .delete-statement-field small strong{color:#b91c1c}[data-theme=light] .delete-statement-field small strong.ready{color:#047857}[data-theme=light] .delete-inline-error{color:#b91c1c;background:#fff1f2;border-color:#fecdd3}[data-theme=light] .btn-cancel{color:#374151;background:#f1f5f9;border-color:#d1d5db}[data-theme=light] .btn-cancel:hover{background:#e2e8f0;border-color:#9ca3af}[data-theme=light] .btn-confirm-delete{color:#fff;background:#dc2626}[data-theme=light] .btn-confirm-delete:hover:not(:disabled){background:#b91c1c;box-shadow:0 8px 16px #dc26264d}[data-theme=light] .theme-option{color:#64748b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .theme-option:hover{color:#1e293b;border-color:#6366f1}[data-theme=light] .theme-option.active{color:#4f46e5;background:#6366f114;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=light] .language-option{color:#64748b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .language-option:hover{color:#1e293b;border-color:#6366f1}[data-theme=light] .language-option.active{color:#4f46e5;background:#6366f114;border-color:#6366f1}[data-theme=light] .settings-currency-trigger,body.theme-light .settings-currency-trigger{color:#0f172a;background:linear-gradient(135deg,#fff,#f0f8ff);border-color:#0057c22e}[data-theme=light] .settings-currency-trigger:hover,[data-theme=light] .settings-currency-picker.open .settings-currency-trigger,body.theme-light .settings-currency-trigger:hover,body.theme-light .settings-currency-picker.open .settings-currency-trigger{border-color:#0057c26b;box-shadow:0 14px 34px #0057c21c}[data-theme=light] .settings-currency-symbol,body.theme-light .settings-currency-symbol{color:#0057c2;background:#0057c214;border-color:#0057c229}[data-theme=light] .settings-currency-meta small,body.theme-light .settings-currency-meta small{color:#64748b}[data-theme=light] .settings-currency-chevron,body.theme-light .settings-currency-chevron{color:#0057c2}[data-theme=light] .settings-currency-menu,body.theme-light .settings-currency-menu{background:#fff;border-color:#0057c229;box-shadow:0 28px 70px #0f172a29}[data-theme=light] .settings-currency-search,body.theme-light .settings-currency-search{color:#0f172a;background:#f8fafc;border-color:#dbeafe}[data-theme=light] .settings-currency-search:focus,body.theme-light .settings-currency-search:focus{border-color:#0057c275}[data-theme=light] .settings-currency-option,body.theme-light .settings-currency-option{color:#1e293b}[data-theme=light] .settings-currency-option:hover,[data-theme=light] .settings-currency-option.selected,body.theme-light .settings-currency-option:hover,body.theme-light .settings-currency-option.selected{background:#0057c214}[data-theme=light] .settings-message.success{color:#16a34a;background:#16a34a14;border-color:#16a34a33}[data-theme=light] .settings-message.error{color:#dc2626;background:#dc262614;border-color:#dc262633}[data-theme=light] .settings-loading{color:#6366f1}.settings-btn-secondary{color:#818cf8;cursor:pointer;background:#6366f11a;border:1px solid #6366f166;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .18s;display:inline-flex}.settings-btn-secondary:hover{color:#a5b4fc;background:#6366f133;border-color:#6366f199}.settings-select{width:100%;color:var(--text-primary,#f1f5f9);cursor:pointer;appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .18s}.settings-select:focus{border-color:#6366f180}.settings-select option{color:#f1f5f9;background:#1e2130}.settings-time-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:620px;display:grid}.settings-time-picker button{min-height:42px;color:var(--text-secondary,#cbd5e1);cursor:pointer;background:#0f0f1e9e;border:1px solid #667eea3d;border-radius:10px;font-size:13px;font-weight:800;transition:background-color .15s,border-color .15s,color .15s}.settings-time-picker button:hover{color:var(--text-primary,#fff);background:#667eea29}.settings-time-picker button.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 10px 22px #667eea38}[data-theme=light] .settings-btn-secondary{color:#4f46e5;background:#6366f114;border-color:#6366f159}[data-theme=light] .settings-btn-secondary:hover{color:#4338ca;background:#6366f126}[data-theme=light] .settings-select{color:#1e293b;background:#f8f9fa;border-color:#00000026}[data-theme=light] .settings-select option{color:#1e293b;background:#fff}[data-theme=light] .settings-time-picker button{color:#475569;background:#fff;border-color:#cbd5e1}[data-theme=light] .settings-time-picker button:hover{color:#3730a3;background:#eef2ff}[data-theme=light] .settings-time-picker button.active{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed)}.formatting-preview{color:#a0aec0;background:#667eea0f;border:1px solid #667eea1f;border-radius:10px;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;font-size:13px;display:flex}.formatting-preview strong{color:#667eea;white-space:nowrap;font-weight:600}.formatting-preview span{color:#e2e8f0;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px}[data-theme=light] .formatting-preview{background:#6366f10a;border-color:#6366f11f}[data-theme=light] .formatting-preview strong{color:#4f46e5}[data-theme=light] .formatting-preview span{color:#1e293b}.settings-options-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.setting-choice{text-align:left;color:var(--text-primary,#f8fafc);cursor:pointer;background:#0f172a73;border:1px solid #94a3b838;border-radius:8px;grid-template-columns:18px 1fr;gap:10px;padding:14px;display:grid}.setting-choice strong,.setting-choice small{display:block}.setting-choice small{color:var(--text-secondary,#94a3b8);margin-top:4px;line-height:1.35}.choice-radio{border:2px solid #94a3b88c;border-radius:50%;width:16px;height:16px;margin-top:2px}.setting-choice.active{background:#2563eb24;border-color:#2563eb}.setting-choice.active .choice-radio{box-shadow:inset 0 0 0 4px var(--panel-bg,#0f172a);background:#2563eb;border-color:#2563eb}[data-theme=light] .setting-choice,body.theme-light .setting-choice{color:#0f172a;background:#fff;border-color:#e2e8f0}[data-theme=light] .setting-choice.active,body.theme-light .setting-choice.active{background:#eff6ff;border-color:#2563eb}[data-theme=light] .setting-choice.active .choice-radio,body.theme-light .setting-choice.active .choice-radio{box-shadow:inset 0 0 0 4px #fff}.ai-master-control{margin-bottom:20px}.ai-feature-svg{color:#667eea;flex:0 0 22px;width:22px;height:22px}.settings-page .password-policy-note{color:#facc15;background:#f59e0b14;border:1px solid #f59e0b47;border-radius:10px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.settings-page .password-policy-note svg{flex-shrink:0;margin-top:2px}.settings-page .password-policy-note.valid{color:#34d399;background:#10b98114;border-color:#10b98147}[data-theme=light] .settings-page .password-policy-note,body.theme-light .settings-page .password-policy-note{color:#78350f;background:#fffbeb;border-color:#f59e0b}[data-theme=light] .settings-page .password-policy-note.valid,body.theme-light .settings-page .password-policy-note.valid{color:#166534;background:#f0fdf4;border-color:#86efac}.trash{padding:32px;animation:.4s fadeIn}.trash-loading{color:#a0aec0;justify-content:center;align-items:center;min-height:600px;font-size:16px;display:flex}.trash-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.trash-search{margin:0 0 18px;position:relative}.trash-search-icon{color:#667eea;z-index:1;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.trash-search input{color:#fff;box-sizing:border-box;background:#667eea14;border:1px solid #667eea26;border-radius:12px;outline:none;width:100%;height:44px;padding:0 46px 0 40px;font-size:14px;transition:border-color .18s,background .18s}.trash-search input:focus{box-shadow:none;background:#ffffff0f;border-color:#94a3b85c}.trash-search .search-clear-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:0;border-radius:999px;justify-content:center;align-items:center;width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;max-height:28px;padding:0;font-size:12px;line-height:1;transition:background-color .14s,color .14s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)!important}.trash-search .search-clear-btn:hover,.trash-search .search-clear-btn:focus-visible,.trash-search .search-clear-btn:active{color:#e2e8f0;cursor:pointer;background:#ffffff1a;transform:translateY(-50%)!important}.trash-search .search-clear-btn svg{flex:0 0 12px;width:12px;height:12px}.trash-header h2{color:#fff;margin:0;font-size:28px;font-weight:700}.trash-stats{align-items:center;gap:16px;display:flex}.trash-bulk-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.item-count{color:#f5576c;background:#f5576c1a;border:1px solid #f5576c33;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.btn-empty-trash,.btn-restore-all{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-empty-trash{color:#f5576c;background:#f5576c1a;border:1px solid #f5576c33}.btn-restore-all{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.btn-empty-trash:hover{background:#f5576c33;border-color:#f5576c66}.btn-restore-all:hover{background:#22c55e2e;border-color:#22c55e59}.trash-warning{color:#f5576c;background:linear-gradient(135deg,#fa709a1a 0%,#fa9da80d 100%);border:1px solid #f5576c33;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-size:14px;display:flex}.trash-warning svg{flex-shrink:0;font-size:20px}.trash-list{flex-direction:column;gap:12px;display:flex}.trash-item{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.trash-item:hover{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border-color:#667eea33}.trash-item.highlighted{border-color:#667eeaa6;box-shadow:0 0 0 4px #667eea29,0 18px 40px #667eea2e}.trash-item-image{background:#667eea0d;border-radius:8px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.trash-item-image img{object-fit:cover;width:100%;height:100%}.trash-item-info{flex:1;align-items:center;gap:40px;min-width:0;display:flex}.item-details{overflow-wrap:anywhere;min-width:0}.item-details h4{color:#fff;margin:0 0 8px;font-size:16px;font-weight:700}.item-description{color:#a0aec0;margin:0 0 8px;font-size:13px;line-height:1.5}.item-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.deleted-date{color:#a0aec0;font-size:13px}.category-badge{color:#667eea;text-transform:uppercase;background:#667eea1a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.item-price{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.expiration-info{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.trash-retention-picker{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:360px;display:flex}.trash-retention-picker button{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #94a3b83d;border-radius:999px;min-height:30px;padding:0 10px;font-size:12px;font-weight:700}.trash-retention-picker button.active{color:#fff;background:#667eea38;border-color:#667eea94}.trash-retention-picker input{color:#fff;background:#ffffff0d;border:1px solid #94a3b83d;border-radius:999px;outline:none;width:82px;min-height:30px;padding:0 10px}.expires-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.expires-time{color:#f5576c;font-size:14px;font-weight:700}.trash-item-actions{flex:none;justify-content:flex-end;align-items:center;gap:12px;min-width:max-content;margin-left:20px;display:flex}.btn-restore,.btn-delete{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:112px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.btn-restore{color:#fff;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.btn-restore:hover{transform:translateY(-2px);box-shadow:0 8px 16px #11998e4d}.btn-delete{color:#f5576c;background:#f5576c1a;border:1px solid #f5576c33}.empty-state p{font-size:16px;line-height:1.6}@media (width<=768px){.trash{padding:16px}.trash-header{flex-direction:column;align-items:flex-start;gap:16px}.trash-stats,.trash-bulk-actions{width:100%}.trash-bulk-actions button{flex:1;justify-content:center}.trash-item{flex-direction:column;align-items:flex-start}.trash-item-info{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.expiration-info,.trash-retention-picker{justify-content:flex-start;align-items:flex-start}.trash-item-actions{width:100%;margin-top:16px;margin-left:0}.btn-restore,.btn-delete{flex:1;justify-content:center}}body.theme-light .trash,body.theme-light .trash h2{color:#1a202c}body.theme-light .trash-search input{color:#1e293b;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0f172a0a}body.theme-light .trash-search input:focus{box-shadow:none;background:#fff;border-color:#cbd5e1}body.theme-light .trash-search input::placeholder{color:#94a3b8}body.theme-light .trash-search .search-clear-btn{color:#64748b;background:#f1f5f9}body.theme-light .trash-search .search-clear-btn:hover,body.theme-light .trash-search .search-clear-btn:focus-visible,body.theme-light .trash-search .search-clear-btn:active{color:#1e293b;background:#e2e8f0;transform:translateY(-50%)!important}body.theme-light .item-count{color:#4a5568}body.theme-light .btn-empty-trash{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}body.theme-light .btn-restore-all{color:#15803d;background:#22c55e14;border:1px solid #22c55e2e}body.theme-light .btn-restore-all:hover{background:#22c55e24}body.theme-light .btn-empty-trash:hover{background:#ef444426}body.theme-light .trash-warning{color:#92400e;background:#f59e0b14;border:1px solid #f59e0b33}body.theme-light .trash-item{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}body.theme-light .trash-item:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea1a}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{color:#667eea;background:#667eea14}body.theme-light .item-price{color:#4a5568}body.theme-light .expires-label{color:#a0aec0}body.theme-light .expires-time{color:#f59e0b}body.theme-light .trash-retention-picker button{color:#475569;background:#f8fafc;border-color:#dbe4f0}body.theme-light .trash-retention-picker button.active{color:#4338ca;background:#eef2ff;border-color:#667eea}body.theme-light .trash-retention-picker input{color:#1e293b;background:#fff;border-color:#dbe4f0}body.theme-light .btn-restore{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}body.theme-light .btn-restore:hover{background:#10b98126}body.theme-light .btn-delete{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}body.theme-light .btn-delete:hover{background:#ef44441f}body.theme-light .empty-state{color:#4a5568}body.theme-light .empty-state h3{color:#1a202c}body.theme-light .trash-loading{color:#4a5568}.notifications{box-sizing:border-box;width:100%;max-width:1200px;padding:32px;animation:.4s fadeIn}.notifications-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.notifications-header .header-left{flex:320px;align-items:center;gap:12px;min-width:0;display:flex}.notifications-header h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:10px;min-width:0;margin:0;font-size:28px;font-weight:700;display:flex;overflow:hidden}.notifications-controls{flex-wrap:wrap;flex:420px;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.notification-bulk-menu{position:relative}.btn-icon-menu{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.btn-icon-menu:hover,.notification-bulk-menu:focus-within .btn-icon-menu{background:#667eea2e}.notification-bulk-dropdown{z-index:30;background:#1f2433;border:1px solid #667eea2e;border-radius:10px;min-width:210px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 32px #00000047}.notification-bulk-menu.open .notification-bulk-dropdown{display:block}.notification-bulk-dropdown button{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-weight:600;display:flex}.notification-bulk-dropdown button:hover{background:#667eea24}.notification-bulk-dropdown button.danger{color:#f87171}.unread-badge{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:8px;flex:0 auto;max-width:180px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block;overflow:hidden}.btn-mark-all{color:#667eea;cursor:pointer;text-align:left;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:10px 20px;font-size:13px;font-weight:600;line-height:1.2;transition:all .3s;display:flex}.btn-mark-all svg,.btn-clear-all svg{flex-shrink:0}.btn-mark-all:hover{background:#667eea33;border-color:#667eea66}.btn-settings{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;transition:all .3s;display:flex}.btn-settings:hover{background:#667eea33}.notifications-search{margin-bottom:16px;position:relative}.notifications-search .search-icon{color:#667eea;z-index:1;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.notifications-search input{color:#fff;box-sizing:border-box;background:#667eea14;border:1px solid #667eea26;border-radius:12px;outline:none;width:100%;padding:12px 36px 12px 40px;font-size:14px;transition:all .3s}.notifications-search input:focus{background:#667eea1f;border-color:#667eea}.search-clear-btn{color:#8b949e;cursor:pointer;z-index:2;white-space:nowrap;background:#ffffff0f;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;line-height:1;display:inline-flex;position:absolute;top:50%;right:10px;overflow:hidden;transform:translateY(-50%)}.notifications-filters{border-bottom:1px solid #667eea14;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.filter-tab{color:#a0aec0;cursor:pointer;white-space:nowrap;background:#667eea0d;border:1px solid #667eea1a;border-radius:20px;flex:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1;transition:all .3s;display:flex}.filter-tab:hover{color:#fff;border-color:#667eea4d}.filter-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}.tab-count{font-variant-numeric:tabular-nums;background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;padding:2px 8px;font-size:11px;line-height:1;display:inline-flex}.filter-tab.active .tab-count{background:#ffffff40}.notification-group{margin-bottom:24px}.group-label{text-transform:uppercase;letter-spacing:1px;color:#667eea;margin-bottom:12px;padding-left:4px;font-size:12px;font-weight:700}.notifications-list{flex-direction:column;gap:8px;display:flex}.notification-item{cursor:pointer;background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-radius:12px;align-items:flex-start;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.notification-item.unread{background:linear-gradient(135deg,#667eea1f 0%,#764ba214 100%);border-color:#667eea33 #667eea33 #667eea33 #667eea;border-left-style:solid;border-left-width:3px}.notification-item:hover{border-color:#667eea4d;box-shadow:0 4px 16px #00000026}.notification-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.notification-item.success .notification-icon{background:#38ef7d1f}.notification-item.info .notification-icon{background:#4facfe1f}.notification-item.warning .notification-icon{background:#f5576c1f}.notification-content{flex:1;min-width:0}.notification-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.notification-content h4{color:#fff;margin:0;font-size:15px;font-weight:600}.notification-type-badge{opacity:.7;font-size:11px;font-weight:600}.notification-content p{color:#a0aec0;margin:0 0 6px;font-size:13px;line-height:1.5}.notification-time{color:#666;font-size:11px}.notification-actions{opacity:0;flex-shrink:0;gap:6px;transition:opacity .3s;display:flex}.notification-item:hover .notification-actions{opacity:1}.btn-read,.btn-delete{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .3s;display:flex}.btn-read{color:#667eea;background:#667eea1a}.btn-read:hover{background:#667eea33}.notification-item .btn-delete{color:#f5576c;background:#f5576c1a}.notification-item .btn-delete:hover{background:#f5576c33}.empty-icon{color:#667eea4d;margin-bottom:16px;font-size:48px}.empty-state h3{color:#fff;margin:0 0 8px;font-size:20px}.empty-state p{margin:0 0 20px;font-size:14px;line-height:1.6}.btn-reset-filter{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:10px;padding:10px 24px;font-weight:600;transition:all .3s}.btn-reset-filter:hover{background:#667eea33}.notifications-loading{color:#667eea;justify-content:center;align-items:center;gap:12px;height:400px;font-size:16px;display:flex}.btn-clear-all{color:#f5576c;cursor:pointer;background:#f5576c1a;border:1px solid #f5576c33;border-radius:8px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:10px 20px;font-size:13px;font-weight:600;line-height:1.2;transition:all .3s;display:flex}.btn-clear-all:hover{background:#f5576c33;border-color:#f5576c66}:root[data-theme=light] .notifications-header h2{color:var(--text-primary)}:root[data-theme=light] .btn-mark-all{border-color:var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm);background:#fff}:root[data-theme=light] .btn-icon-menu{border-color:var(--border-color);color:#667eea;box-shadow:var(--shadow-sm);background:#fff}:root[data-theme=light] .notification-bulk-dropdown{border-color:var(--border-color);box-shadow:var(--shadow-md);background:#fff}:root[data-theme=light] .notification-bulk-dropdown button{color:var(--text-primary)}:root[data-theme=light] .notification-bulk-dropdown button:hover{background:#667eea14}:root[data-theme=light] .notification-bulk-dropdown button.danger{color:#dc2626}:root[data-theme=light] .btn-mark-all:hover{background:var(--surface-secondary);color:#667eea;border-color:#667eea47}:root[data-theme=light] .btn-settings{border-color:var(--border-color);color:#667eea;box-shadow:var(--shadow-sm);background:#fff}: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-btn{color:var(--text-muted);background:#f1f5f9}:root[data-theme=light] .search-clear-btn:hover{color:var(--text-primary);background:#e2e8f0}:root[data-theme=light] .notifications-filters{border-bottom-color:var(--border-color)}:root[data-theme=light] .filter-tab{border-color:var(--border-color);color:var(--text-muted);background:#00000008}:root[data-theme=light] .filter-tab:hover{color:var(--text-primary);border-color:#667eea4d}:root[data-theme=light] .filter-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}:root[data-theme=light] .filter-tab.active .tab-count{background:#ffffff40}:root[data-theme=light] .tab-count{background:#0000000f}: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:#667eea0a;border-color:#667eea26 #667eea26 #667eea26 #667eea}:root[data-theme=light] .notification-item:hover{box-shadow:var(--shadow-md);border-color:#667eea40}: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{color:#667eea;background:#667eea14}:root[data-theme=light] .btn-read:hover{background:#667eea26}:root[data-theme=light] .notification-item .btn-delete{color:#f5576c;background:#f5576c14}:root[data-theme=light] .notification-item .btn-delete:hover{background:#f5576c26}: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:#667eea40}:root[data-theme=light] .btn-reset-filter{color:#667eea;background:#667eea0f;border-color:#667eea26}:root[data-theme=light] .btn-reset-filter:hover{background:#667eea1f}:root[data-theme=light] .notifications-loading{color:#667eea}:root[data-theme=light] .btn-clear-all{color:#f5576c;box-shadow:var(--shadow-sm);background:#fff7f7;border-color:#f5576c26}:root[data-theme=light] .btn-clear-all:hover{background:#f5576c1f}body.theme-light .btn-mark-all,body.theme-light .btn-settings,body.theme-light .btn-icon-menu,.notifications.theme-light .notifications-controls .btn-mark-all,.notifications.theme-light .notifications-controls .btn-settings,.notifications.theme-light .notifications-controls .btn-icon-menu{border:1px solid var(--border-color,#dbe3ef)!important;color:var(--text-primary,#111827)!important;box-shadow:var(--shadow-sm,0 6px 18px #0f172a14)!important;background:#fff!important}body.theme-light .btn-mark-all:hover,body.theme-light .btn-settings:hover,body.theme-light .btn-icon-menu:hover,.notifications.theme-light .btn-mark-all:hover,.notifications.theme-light .btn-settings:hover,.notifications.theme-light .btn-icon-menu:hover{background:var(--surface-secondary,#f8fafc);color:#667eea;border-color:#667eea47}body.theme-light .btn-clear-all,.notifications.theme-light .notifications-controls .btn-clear-all{color:#e11d48!important;box-shadow:var(--shadow-sm,0 6px 18px #0f172a14)!important;background:#fff7f7!important;border:1px solid #f5576c2e!important}body.theme-light .notification-bulk-dropdown,.notifications.theme-light .notification-bulk-dropdown{border-color:var(--border-color,#dbe3ef);background:#fff;box-shadow:0 18px 42px #0f172a29}body.theme-light .notification-bulk-dropdown button,.notifications.theme-light .notification-bulk-dropdown button{color:#111827}body.theme-light .notification-bulk-dropdown button.danger,.notifications.theme-light .notification-bulk-dropdown button.danger{color:#dc2626}@media (width<=1180px){.notifications-header{align-items:flex-start}.notifications-header .header-left,.notifications-controls{flex-basis:100%}.notifications-controls{justify-content:flex-start}.btn-mark-all,.btn-clear-all{padding:10px 16px}}@media (width<=920px){.notifications-header h2{font-size:clamp(1.75rem,7vw,2.5rem)}.notifications-controls{grid-template-columns:repeat(2,minmax(0,1fr)) auto auto;gap:10px;display:grid}.notifications-controls .btn-mark-all,.notifications-controls .btn-clear-all{text-align:center;justify-content:center;width:100%}.notification-bulk-menu,.btn-settings{justify-self:stretch}.btn-icon-menu,.btn-settings{width:100%}}@media (width<=768px){.notifications{padding:16px}.notifications-header{flex-direction:column;align-items:flex-start;gap:12px}.notifications-controls{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.notification-bulk-menu,.btn-settings{justify-self:stretch}.btn-icon-menu,.btn-settings{width:100%;min-width:0;height:48px}.notification-bulk-menu{position:relative}.notification-bulk-dropdown{z-index:400;min-width:min(300px,100vw - 32px);max-width:calc(100vw - 32px);left:auto;right:0}.notification-bulk-dropdown button{white-space:normal;line-height:1.25}.notifications-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:12px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.notifications-filters::-webkit-scrollbar{display:none}.filter-tab{gap:8px;padding:10px 16px;font-size:14px}.notification-item{flex-direction:column;gap:12px}.notification-actions{opacity:1;justify-content:flex-end;width:100%}}@media (width<=460px){.notifications-header .header-left{flex-direction:column;align-items:flex-start}.notifications-controls{grid-template-columns:1fr}.notification-bulk-dropdown{left:0;right:auto}}: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:#3b82f61f;--at-blue-mid:#3b82f640;--at-green:#22c55e;--at-green-bg:#22c55e1a;--at-green-border:#22c55e40;--at-red:#ef4444;--at-red-bg:#ef44441a;--at-red-border:#ef444440;--at-amber:#f59e0b;--at-amber-bg:#f59e0b1a;--at-amber-border:#f59e0b40;--at-purple:#a78bfa;--at-radius-sm:4px;--at-radius:6px;--at-radius-lg:10px;--at-radius-xl:14px;--at-shadow-xs:0 1px 2px #00000040;--at-shadow-sm:0 1px 4px #0000004d, 0 0 0 1px #ffffff0a;--at-shadow:0 4px 16px #00000059;--at-shadow-modal:0 32px 80px #0000008c, 0 8px 24px #0000004d;--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 #0f1c3f0d;--at-shadow-sm:0 1px 4px #0f1c3f14, 0 0 0 1px #0f1c3f0a;--at-shadow:0 4px 16px #0f1c3f1a, 0 1px 4px #0f1c3f0f;--at-shadow-modal:0 32px 80px #0f1c3f38, 0 8px 24px #0f1c3f1a}.at-page{background:var(--at-bg);height:100%;color:var(--at-gray-800);flex-direction:column;display:flex;overflow:auto}.at-stats-bar{background:var(--at-card);border-bottom:1px solid var(--at-border);-webkit-overflow-scrolling:touch;flex-shrink:0;grid-template-columns:repeat(5,minmax(150px,1fr));display:grid;overflow-x:auto}.at-stat-cell{border-right:1px solid var(--at-gray-100);min-width:0;padding:14px 24px}.at-stat-cell:last-child{border-right:none}.at-stat-label{color:var(--at-gray-400);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:600}.at-stat-number{color:var(--at-gray-900);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}.at-num-danger{color:var(--at-red)!important}.at-num-warning{color:var(--at-amber)!important}.at-num-success{color:var(--at-green)!important}.at-stat-sub{color:var(--at-gray-400);overflow-wrap:anywhere;margin-top:4px;font-size:11px;line-height:1.35}.at-toolbar{background:var(--at-card);border-bottom:1px solid var(--at-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;display:flex}.at-mobile-toolbar{background:var(--at-card);border-bottom:1px solid var(--at-border);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.at-mobile-search{min-width:100%;max-width:100%}.at-mobile-toolbar-row{gap:8px;display:flex}.at-mobile-toolbar-row .at-btn,.at-mobile-toolbar-row .at-filter-select{flex:1}.at-mobile-filters{flex-direction:column;gap:8px;display:flex}.at-plan-notice{border:1px solid var(--at-amber-border);border-radius:var(--at-radius-lg);background:var(--at-amber-bg);color:var(--at-gray-800);flex-shrink:0;align-items:flex-start;gap:12px;margin:12px 24px 0;padding:14px 16px;display:flex}.at-plan-notice>svg{color:var(--at-amber);flex:none;margin-top:2px}.at-plan-notice strong,.at-plan-notice span{display:block}.at-plan-notice strong{color:var(--at-gray-900);margin-bottom:3px;font-size:14px}.at-plan-notice span{color:var(--at-gray-600);font-size:13px;line-height:1.45}.at-search-wrap{flex:1;min-width:180px;max-width:300px;position:relative}.at-search-icon{color:var(--at-gray-400);pointer-events:none;font-size:13px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.at-search-input{border:1px solid var(--at-gray-200);border-radius:var(--at-radius);width:100%;font-family:var(--at-font);color:var(--at-gray-800);background:var(--at-gray-50);outline:none;padding:7px 10px 7px 32px;font-size:13px;transition:all .14s}.at-search-input:focus{border-color:var(--at-blue);background:var(--at-card);box-shadow:0 0 0 3px #3b82f626}.at-search-input::placeholder{color:var(--at-gray-400)}.at-filter-select{border:1px solid var(--at-gray-200);border-radius:var(--at-radius);font-family:var(--at-font);color:var(--at-gray-700);background:var(--at-gray-50);cursor:pointer;outline:none;padding:7px 10px;font-size:13px;transition:border-color .14s}.at-filter-select:hover{border-color:var(--at-gray-300)}.at-filter-select:focus{border-color:var(--at-blue);box-shadow:0 0 0 3px #3b82f626}.at-per-page{padding:5px 10px;font-size:12px}.at-toolbar-sep{background:var(--at-gray-200);width:1px;height:24px;margin:0 4px}.at-toolbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.at-selection-strip{background:var(--at-blue-light);border:1px solid var(--at-blue-mid);border-radius:var(--at-radius);color:var(--at-blue);align-items:center;gap:8px;padding:5px 10px;font-size:12.5px;font-weight:500;display:flex}.at-btn{border-radius:var(--at-radius);font-family:var(--at-font);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .14s;display:inline-flex}.at-btn-ghost{border-color:var(--at-gray-200);color:var(--at-gray-600);background:0 0}.at-btn-ghost:hover{background:var(--at-gray-50);border-color:var(--at-gray-300);color:var(--at-gray-800)}.at-btn-secondary{background:var(--at-card);border-color:var(--at-gray-200);color:var(--at-gray-700);box-shadow:var(--at-shadow-xs)}.at-btn-secondary:hover{border-color:var(--at-gray-300);color:var(--at-gray-900)}.at-btn-primary{background:var(--at-blue);border-color:var(--at-blue);color:#fff;box-shadow:0 1px 3px #3b82f640}.at-btn-primary:hover{background:var(--at-blue-hover);border-color:var(--at-blue-hover)}.at-btn-danger{background:var(--at-red-bg);border-color:var(--at-red-border);color:var(--at-red)}.at-btn-danger:hover{background:#ef444426}.at-btn-revert{background:var(--at-amber-bg);border-color:var(--at-amber-border);color:var(--at-amber)}.at-btn-revert:hover{background:#f59e0b26}.at-btn-sm{padding:5px 10px;font-size:12px}.at-btn-xs{gap:4px;padding:3px 8px;font-size:11.5px}.at-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.at-live-pill{background:var(--at-gray-50);border:1px solid var(--at-gray-200);color:var(--at-gray-500);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:500;transition:all .2s;display:flex}.at-live-pill:hover{border-color:var(--at-green-border);color:var(--at-green)}.at-live-active{background:var(--at-green-bg);border-color:var(--at-green-border);color:var(--at-green)}.at-live-dot{background:var(--at-green);border-radius:50%;width:6px;height:6px;animation:2.5s infinite at-pulse-green}.at-live-dot-off{background:var(--at-gray-400);animation:none}@keyframes at-pulse-green{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 5px #22c55e00}}.at-table-container{-webkit-overflow-scrolling:touch;flex:1;max-width:100%;overflow:auto}.at-table-container::-webkit-scrollbar{width:5px}.at-table-container::-webkit-scrollbar-track{background:var(--at-bg)}.at-table-container::-webkit-scrollbar-thumb{background:var(--at-gray-200);border-radius:3px}.at-table{border-collapse:collapse;background:var(--at-card);width:100%;min-width:1040px}.at-table thead{z-index:10;background:var(--at-gray-50);border-bottom:1px solid var(--at-border);position:sticky;top:0}.at-table th{text-align:left;color:var(--at-gray-500);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--at-gray-50);border-bottom:1px solid var(--at-border);padding:10px 16px;font-size:11px;font-weight:600}.at-table th:hover{color:var(--at-gray-800)}.at-th-inner{align-items:center;gap:4px;display:flex}.at-sort-caret{color:var(--at-gray-300);font-size:10px}.at-th-sorted{color:var(--at-blue)!important}.at-table tbody tr{border-bottom:1px solid var(--at-gray-100);cursor:pointer;transition:background .1s}.at-table tbody tr:hover{background:var(--at-gray-25)}.at-row-selected{background:var(--at-blue-light)!important}.at-table td{vertical-align:middle;padding:11px 16px}.at-col-cb{width:40px;padding:11px 0 11px 16px!important}.at-col-cb input[type=checkbox]{width:18px;height:18px;accent-color:var(--at-blue);cursor:pointer;border-radius:5px}.at-ts-main{color:var(--at-gray-700);font-variant-numeric:tabular-nums;font-size:13px}.at-ts-ago{color:var(--at-gray-400);margin-top:2px;font-size:11px}.at-event-badge{border-radius:var(--at-radius-sm);letter-spacing:.2px;white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.at-event-login{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f640}.at-event-logout{background:var(--at-gray-100);color:var(--at-gray-600);border:1px solid var(--at-gray-200)}.at-event-2fa{background:var(--at-green-bg);color:var(--at-green);border:1px solid var(--at-green-border)}.at-event-signup{color:#fb923c;background:#f973161f;border:1px solid #f9731640}.at-event-create{background:var(--at-green-bg);color:var(--at-green);border:1px solid var(--at-green-border)}.at-event-update{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f640}.at-event-delete{background:var(--at-red-bg);color:var(--at-red);border:1px solid var(--at-red-border)}.at-event-view{background:var(--at-gray-100);color:var(--at-gray-600);border:1px solid var(--at-gray-200)}.at-event-revert{background:var(--at-amber-bg);color:var(--at-amber);border:1px solid var(--at-amber-border)}.at-event-failed{background:var(--at-red-bg);color:var(--at-red);border:1px solid var(--at-red-border)}.at-event-export{color:var(--at-purple);background:#a78bfa1f;border:1px solid #a78bfa40}.at-event-settings{background:var(--at-gray-100);color:var(--at-gray-600);border:1px solid var(--at-gray-200)}[data-theme=light] .at-event-login{color:#2d5be3;background:#eef3ff;border-color:#c7d4f9}[data-theme=light] .at-event-signup{color:#9a3412;background:#fff7ed;border-color:#fed7aa}[data-theme=light] .at-event-2fa,[data-theme=light] .at-event-create{color:#166534;background:#f0fdf4;border-color:#bbf7d0}[data-theme=light] .at-event-update{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}[data-theme=light] .at-event-delete{color:#991b1b;background:#fef2f2;border-color:#fecaca}[data-theme=light] .at-event-revert{color:#92400e;background:#fffbeb;border-color:#fde68a}[data-theme=light] .at-event-failed{color:#991b1b;background:#fef2f2;border-color:#fecaca}[data-theme=light] .at-event-export{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}[data-theme=light] .at-event-logout,[data-theme=light] .at-event-view,[data-theme=light] .at-event-settings{color:#475569;background:#f8fafc;border-color:#e2e8f0}.at-event-login-bg{color:#60a5fa;background:#3b82f61f}.at-event-logout-bg{background:var(--at-gray-100);color:var(--at-gray-600)}.at-event-2fa-bg{background:var(--at-green-bg);color:var(--at-green)}.at-event-signup-bg{color:#fb923c;background:#f973161f}.at-event-create-bg{background:var(--at-green-bg);color:var(--at-green)}.at-event-update-bg{color:#60a5fa;background:#3b82f61f}.at-event-delete-bg{background:var(--at-red-bg);color:var(--at-red)}.at-event-view-bg{background:var(--at-gray-100);color:var(--at-gray-600)}.at-event-revert-bg{background:var(--at-amber-bg);color:var(--at-amber)}.at-event-failed-bg{background:var(--at-red-bg);color:var(--at-red)}.at-event-export-bg{color:var(--at-purple);background:#a78bfa1f}.at-event-settings-bg{background:var(--at-gray-100);color:var(--at-gray-600)}[data-theme=light] .at-event-login-bg{color:#2d5be3;background:#eef3ff}[data-theme=light] .at-event-create-bg{color:#166534;background:#f0fdf4}[data-theme=light] .at-event-update-bg{color:#1e40af;background:#eff6ff}[data-theme=light] .at-event-delete-bg{color:#991b1b;background:#fef2f2}[data-theme=light] .at-event-revert-bg{color:#92400e;background:#fffbeb}[data-theme=light] .at-event-failed-bg{color:#991b1b;background:#fef2f2}[data-theme=light] .at-event-export-bg{color:#6d28d9;background:#f5f3ff}.at-user-cell{align-items:center;gap:9px;display:flex}.at-user-avatar{border:1.5px solid #ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}[data-theme=light] .at-user-avatar{border-color:#0000000f}.at-user-name{color:var(--at-gray-800);font-size:13px;font-weight:500}.at-user-role{color:var(--at-gray-400);margin-top:1px;font-size:11px}.at-desc-text{color:var(--at-gray-700);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:13px;overflow:hidden}.at-desc-resource{color:var(--at-gray-400);font-size:11px;font-family:var(--at-mono);margin-top:2px}.at-status-pill{border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.at-status-success{background:var(--at-green-bg);color:var(--at-green)}.at-status-failed{background:var(--at-red-bg);color:var(--at-red)}.at-status-pending{background:var(--at-amber-bg);color:var(--at-amber)}.at-status-dot-sm{background:currentColor;border-radius:50%;width:5px;height:5px}.at-ip-text{color:var(--at-gray-600);font-size:12.5px;font-family:var(--at-mono)}.at-device-text{color:var(--at-gray-400);margin-top:2px;font-size:11px}.at-row-actions{opacity:0;justify-content:flex-end;gap:4px;transition:opacity .1s;display:flex}.at-table tbody tr:hover .at-row-actions{opacity:1}.at-empty-state{text-align:center;color:var(--at-gray-400);padding:64px 24px}.at-empty-icon{opacity:.5;margin-bottom:12px;font-size:36px}.at-empty-title{color:var(--at-gray-500);margin-bottom:6px;font-size:15px;font-weight:500}.at-empty-sub{font-size:13px}.at-pagination{background:var(--at-card);border-top:1px solid var(--at-border);flex-shrink:0;align-items:center;gap:6px;padding:10px 24px;display:flex}.at-cards{flex-direction:column;gap:12px;padding:12px;display:flex}.at-card{background:var(--at-card);border:1px solid var(--at-border);border-radius:var(--at-radius-lg);box-shadow:var(--at-shadow-sm);flex-direction:column;gap:10px;padding:12px;display:flex}.at-card-head{align-items:center;gap:10px;display:flex}.at-card-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.at-card-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.at-card-title{color:var(--at-gray-900);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.at-card-sub{color:var(--at-gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.at-card-body{flex-direction:column;gap:4px;display:flex}.at-card-desc{color:var(--at-gray-800);font-size:13px;line-height:1.4}.at-card-resource{color:var(--at-gray-500);font-size:12px}.at-card-foot{color:var(--at-gray-500);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.at-card-time{font-family:var(--at-mono);font-size:12px}.at-card-view{border:1px solid var(--at-gray-200);background:var(--at-gray-50);color:var(--at-gray-700);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.at-card-view:hover{border-color:var(--at-blue);color:var(--at-blue)}@media (width>=769px){.at-cards{display:none}}.at-page-info{color:var(--at-gray-500);margin-right:auto;font-size:12.5px}.at-pg-nums{align-items:center;gap:3px;display:flex}.at-pg-btn{border:1px solid var(--at-gray-200);border-radius:var(--at-radius-sm);background:var(--at-card);color:var(--at-gray-600);font-family:var(--at-font);cursor:pointer;padding:5px 10px;font-size:12.5px;transition:all .1s}.at-pg-btn:hover:not(:disabled){border-color:var(--at-gray-300);color:var(--at-gray-900)}.at-pg-btn.active{background:var(--at-blue);border-color:var(--at-blue);color:#fff;font-weight:600}.at-pg-btn:disabled{opacity:.35;cursor:not-allowed}.at-pg-sep{color:var(--at-gray-300);padding:0 2px;font-size:12px}.at-mobile-pagination{align-items:center;gap:8px;margin-left:auto;display:flex}.at-mobile-page-current{color:var(--at-gray-500);text-align:center;min-width:52px;font-size:12px}.at-overlay{z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.at-overlay-open{display:flex}[data-theme=light] .at-overlay{background:#11182773}.at-detail-modal{background:var(--at-card);border-radius:var(--at-radius-xl);width:720px;max-width:100%;max-height:90vh;box-shadow:var(--at-shadow-modal);border:1px solid var(--at-border);flex-direction:column;animation:.2s at-modalIn;display:flex;overflow-y:auto}.at-detail-modal::-webkit-scrollbar{width:4px}.at-detail-modal::-webkit-scrollbar-thumb{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{border-bottom:1px solid var(--at-gray-100);flex-shrink:0;align-items:flex-start;gap:14px;padding:22px 26px 18px;display:flex}.at-modal-event-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.at-modal-head-info{flex:1}.at-modal-title{color:var(--at-gray-900);letter-spacing:-.2px;font-size:16px;font-weight:600}.at-modal-subtitle{color:var(--at-gray-500);font-size:12.5px;font-family:var(--at-mono);overflow-wrap:anywhere;margin-top:3px}.at-modal-close{color:var(--at-gray-400);cursor:pointer;border-radius:var(--at-radius-sm);background:0 0;border:none;padding:4px 6px;font-size:18px;line-height:1;transition:all .1s}.at-modal-close:hover{background:var(--at-gray-100);color:var(--at-gray-700)}.at-modal-body{flex:1;padding:24px 26px;overflow-y:auto}.at-modal-foot{border-top:1px solid var(--at-gray-100);flex-shrink:0;align-items:center;gap:8px;padding:16px 26px;display:flex}.at-modal-foot-left{gap:8px;margin-right:auto;display:flex}.at-m-section{margin-bottom:22px}.at-m-section:last-child{margin-bottom:0}.at-m-section-title{text-transform:uppercase;letter-spacing:.7px;color:var(--at-gray-400);border-bottom:1px solid var(--at-gray-100);margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:600}.at-m-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.at-m-grid-3{grid-template-columns:1fr 1fr 1fr}.at-m-field label{color:var(--at-gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.at-m-val{color:var(--at-gray-800);word-break:break-all;font-size:13.5px}.at-mono{font-family:var(--at-mono);font-size:12.5px}.at-muted{color:var(--at-gray-500)}[data-theme=light] .at-modal-title,[data-theme=light] .at-m-val,[data-theme=light] .at-meta-val,body.theme-light .at-modal-title,body.theme-light .at-m-val,body.theme-light .at-meta-val{color:#111827}[data-theme=light] .at-modal-subtitle,[data-theme=light] .at-m-section-title,[data-theme=light] .at-m-field label,body.theme-light .at-modal-subtitle,body.theme-light .at-m-section-title,body.theme-light .at-m-field label{color:#64748b}.at-diff-table{border:1px solid var(--at-gray-200);border-radius:var(--at-radius);width:100%;font-size:12.5px;overflow:hidden}.at-diff-table th{background:var(--at-gray-50);color:var(--at-gray-500);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--at-gray-200);padding:8px 12px;font-size:11px;font-weight:600}.at-diff-table td{border-bottom:1px solid var(--at-gray-100);vertical-align:middle;padding:8px 12px}.at-diff-table tr:last-child td{border-bottom:none}.at-diff-field{color:var(--at-gray-600);font-family:var(--at-mono);font-size:12px}.at-diff-old{color:var(--at-red);background:var(--at-red-bg);font-family:var(--at-mono);border-radius:3px;padding:2px 6px;font-size:12px}.at-diff-new{color:var(--at-green);background:var(--at-green-bg);font-family:var(--at-mono);border-radius:3px;padding:2px 6px;font-size:12px}.at-meta-list{border:1px solid var(--at-gray-100);border-radius:var(--at-radius);flex-direction:column;display:flex;overflow:hidden}.at-meta-row{border-bottom:1px solid var(--at-gray-100);justify-content:space-between;align-items:center;padding:8px 14px;font-size:12.5px;display:flex}.at-meta-row:last-child{border-bottom:none}.at-meta-row:nth-child(2n){background:var(--at-gray-25)}.at-meta-key{color:var(--at-gray-500);font-weight:500}.at-meta-val{color:var(--at-gray-800);font-family:var(--at-mono);font-size:12px}.at-confirm-modal{background:var(--at-card);border-radius:var(--at-radius-xl);width:420px;max-width:100%;box-shadow:var(--at-shadow-modal);border:1px solid var(--at-border);animation:.2s at-modalIn;overflow:hidden}.at-confirm-head{padding:24px 24px 16px}.at-confirm-icon{margin-bottom:12px;font-size:28px}.at-confirm-title{color:var(--at-gray-900);margin-bottom:8px;font-size:16px;font-weight:600}.at-confirm-body{color:var(--at-gray-500);font-size:13.5px;line-height:1.6}.at-confirm-foot{background:var(--at-gray-50);border-top:1px solid var(--at-gray-100);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.at-toast-stack{z-index:500;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.at-toast{border-radius:var(--at-radius-lg);background:var(--at-gray-900);color:var(--at-gray-50);box-shadow:var(--at-shadow);pointer-events:auto;align-items:center;gap:10px;min-width:260px;max-width:380px;padding:11px 16px;font-size:13px;font-weight:400;animation:.25s at-toastIn;display:flex}[data-theme=light] .at-toast{color:#fff;background:#111827}.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:translate(16px)}to{opacity:1;transform:translate(0)}}@media (width<=1100px){.at-stats-bar{grid-template-columns:none;display:flex}.at-stat-cell{flex:0 0 170px}}@media (width<=800px){.at-stats-bar{grid-template-columns:none;display:flex}.at-stat-cell,.at-stat-cell:nth-child(3),.at-stat-cell:nth-child(4),.at-stat-cell:nth-child(5){flex:0 0 164px;display:block}.at-toolbar{flex-wrap:wrap}.at-search-wrap{min-width:100%}.at-toolbar-right{flex-wrap:wrap;justify-content:flex-end;gap:6px;width:100%}.at-detail-modal{border-radius:var(--at-radius-lg);width:100%}.at-m-grid,.at-m-grid-3{grid-template-columns:1fr}.at-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.at-table{min-width:1040px}.audit-trail-page{max-width:100%;overflow-x:hidden}.at-table th,.at-table td{padding-top:12px;padding-bottom:12px}.at-ts-main,.at-user-name,.at-desc-text,.at-ip-text,.at-m-val{color:var(--at-gray-800)}.at-ts-ago,.at-user-role,.at-desc-resource,.at-device-text,.at-page-info,.at-stat-sub{color:var(--at-gray-500)}.at-stat-number{color:var(--at-gray-900);font-size:28px}.at-toolbar{gap:10px}.at-filter-select,.at-search-input,.at-btn{font-size:14px}}@media (width<=768px){.at-stats-mobile{-webkit-overflow-scrolling:touch;grid-template-columns:none;gap:0;display:flex;overflow-x:auto}.at-stats-mobile .at-stat-cell{border-right:1px solid var(--at-gray-100);flex:0 0 164px;min-width:164px}.at-toolbar,.at-table-container,.at-table th:first-child,.at-table td:first-child,.at-table th:nth-child(7),.at-table td:nth-child(7),.at-table th:nth-child(8),.at-table td:nth-child(8),.at-table th:nth-child(9),.at-table td:nth-child(9){display:none}.at-table td,.at-table th{padding-left:10px;padding-right:10px}.at-desc-text{max-width:170px}}@media (width<=600px){.at-overlay{align-items:stretch;padding:10px}.at-detail-modal{border-radius:12px;width:100%;max-height:calc(100dvh - 20px)}.at-modal-head{gap:12px;padding:16px}.at-modal-body{padding:16px}.at-modal-title{font-size:15px}.at-modal-subtitle,.at-m-val,.at-meta-val,.at-diff-field,.at-diff-old,.at-diff-new{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.at-meta-row{flex-direction:column;align-items:flex-start;gap:4px}.at-modal-foot{flex-wrap:wrap;padding:12px 16px}.at-stats-bar{grid-template-columns:none;display:flex}.at-stat-cell{border-right:none;border-bottom:1px solid var(--at-gray-100)}.at-stat-cell:nth-child(3),.at-stat-cell:nth-child(4),.at-stat-cell:nth-child(5){display:block}.at-stat-cell{padding:12px 16px}.at-stat-number{font-size:22px}.at-stat-label{font-size:11px}.at-stats-mobile{display:flex}.at-stats-mobile .at-stat-cell{border-bottom:none;flex:0 0 152px;min-width:152px}.at-pagination{flex-wrap:wrap;gap:8px;padding:10px 12px}.at-page-info{width:100%;margin-right:0}}.um-page{max-width:1400px;margin:0 auto;padding:24px;animation:.3s umFadeIn}@keyframes umFadeIn{0%{opacity:0}to{opacity:1}}.um-toast{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;animation:.3s umSlideIn;display:flex}@keyframes umSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.um-toast-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40}.um-toast-error{color:#f87171;background:#ef44441a;border:1px solid #ef444440}.um-header{background:linear-gradient(135deg,#667eea14 0%,#764ba214 100%);border:1px solid #667eea26;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:28px 32px;display:flex}.um-header-badge{color:#667eea;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:inline-flex}.um-header-content h1{color:#fff;margin:0 0 4px;font-size:26px;font-weight:700}.um-header-content p{color:#a0aec0;margin:0;font-size:14px}.um-header-actions{gap:10px;display:flex}.um-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.um-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea59}.um-btn-primary:disabled{opacity:.5;cursor:not-allowed}.um-btn-secondary{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea40;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.um-btn-secondary:hover{background:#667eea33}.um-btn-sm{padding:8px 16px;font-size:13px}.um-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .2s}.um-btn-danger:hover:not(:disabled){background:#dc2626}.um-btn-danger:disabled{opacity:.5;cursor:not-allowed}.um-stats-bar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:20px;margin-bottom:20px;padding:16px 24px;display:flex;overflow-x:auto}.um-stat{flex-direction:column;align-items:center;gap:2px;min-width:60px;display:flex}.um-stat-value{color:#fff;font-size:20px;font-weight:700}.um-stat-label{color:#718096;white-space:nowrap;font-size:11px}.um-stat-divider{background:#ffffff0f;flex-shrink:0;width:1px;height:32px}.um-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff0f;gap:6px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.um-tab{color:#718096;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:none;align-items:center;gap:8px;min-width:0;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.um-tab>svg{flex:none}.um-tab-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.um-tab:hover{color:#a0aec0;background:#667eea14}.um-tab.active{color:#667eea;background:#667eea1f}.um-tab-badge{color:#667eea;background:#667eea26;border-radius:10px;flex:none;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.um-tab-badge.alert{color:#ef4444;background:#ef444426}.um-section{animation:.2s umFadeIn}.um-section-toolbar{gap:12px;margin-bottom:16px;display:flex}.um-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.um-section-header h3{color:#fff;margin:0;font-size:18px}.um-search{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex:1;align-items:center;gap:12px;min-height:44px;padding:0 14px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.um-search:focus-within{background:#667eea14;border-color:#667eea7a;box-shadow:0 0 0 3px #667eea1f}.um-search svg{color:#a0aec0;font-size:14px}.um-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;height:42px;font-size:14px}.um-search input::placeholder{color:#a0aec099}.um-search button{color:#718096;cursor:pointer;background:#ffffff0f;border:none;border-radius:999px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;display:inline-flex}.um-search button:hover{color:#e2e8f0;background:#ffffff1a}.um-sort{color:#a0aec0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.um-sort select{color:#e2e8f0;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.um-sort select option{background:#1a1a2e}.um-members-list{flex-direction:column;gap:4px;display:flex}.um-member-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:16px;padding:14px 18px;transition:all .2s;display:flex}.um-member-row:hover{background:#ffffff0d;border-color:#ffffff14}.um-member-avatar{background:linear-gradient(135deg,#667eea22,#764ba222);border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;overflow:visible}.um-member-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.um-member-avatar span{color:#667eea;font-size:16px;font-weight:700}.um-member-role-dot{border:2px solid #0f0f1e;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.um-member-info{flex:1;min-width:0}.um-member-name{color:#fff;align-items:center;font-size:15px;font-weight:600;display:flex}.um-member-email{color:#718096;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.um-member-role{flex-shrink:0}.um-member-joined{color:#4a5568;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.um-member-actions{gap:6px;display:flex}.um-action-btn{color:#667eea;cursor:pointer;background:#667eea14;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.um-action-btn:hover{background:#667eea33}.um-action-btn.danger{color:#ef4444;background:#ef444414}.um-action-btn.danger:hover{background:#ef444433}.um-invitations-list{flex-direction:column;gap:8px;display:flex}.um-invitation-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:14px;padding:14px 18px;display:flex}.um-invitation-avatar{color:#f97316;background:#f973161a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.um-invitation-info{flex:1}.um-invitation-email{color:#fff;margin-bottom:4px;font-size:15px;font-weight:500}.um-invitation-meta{align-items:center;gap:10px;display:flex}.um-invitation-expires{color:#4a5568;align-items:center;gap:4px;font-size:12px;display:flex}.um-invitation-actions{gap:6px;display:flex}.um-teams-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.um-team-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:all .2s;display:flex}.um-team-card:hover{background:#ffffff0f;border-color:#667eea33}.um-team-icon{color:#667eea;background:#667eea1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;display:flex}.um-team-info{flex:1;min-width:0}.um-team-info h4{color:#fff;margin:0 0 2px;font-size:15px;font-weight:600}.um-team-info p{color:#718096;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.um-team-stats{gap:12px;display:flex}.um-team-stats span{color:#4a5568;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.um-team-stats svg{color:#667eea;font-size:11px}.um-team-arrow{color:#4a5568;font-size:12px}.um-roles-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.um-roles-header-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.um-roles-header h3{color:#fff;margin:0 0 2px;font-size:18px}.um-roles-header p{color:#a0aec0;margin:0;font-size:13px}.um-roles-list{flex-direction:column;gap:8px;display:flex}.um-role-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;transition:all .2s;overflow:hidden}.um-role-card:hover{border-color:#ffffff1a}.um-role-card.expanded{border-color:var(--role-color,#667eea);border-left-width:3px}.um-role-header{cursor:pointer;align-items:center;gap:14px;padding:16px 18px;display:flex}.um-role-rank{color:#4a5568;background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.um-role-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.um-role-info{flex:1;min-width:0}.um-role-info h4{color:#fff;margin:0 0 2px;font-size:15px;font-weight:600}.um-role-info p{color:#718096;margin:0;font-size:12px}.um-role-count{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.um-role-chevron{color:#4a5568;font-size:12px}.um-role-details{border-top:1px solid #ffffff0a;margin-top:-4px;padding:16px 18px 18px}.um-role-details h5{color:#a0aec0;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:11px}.um-permissions-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}.um-perm{border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.um-perm.granted{color:#4ade80;background:#22c55e0d}.um-perm.granted svg{font-size:11px}.um-perm.denied{color:#718096;background:#ef444408}.um-perm.denied svg{color:#ef4444;font-size:11px}.um-suggestions-list{flex-direction:column;gap:12px;display:flex}.um-suggestion-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:18px 20px}.um-suggestion-header{margin-bottom:12px}.um-suggestion-field{color:#667eea;text-transform:capitalize;font-size:14px;font-weight:600}.um-suggestion-values{align-items:center;gap:14px;margin-bottom:12px;display:flex}.um-suggestion-old,.um-suggestion-new{border-radius:8px;flex:1;padding:10px 14px}.um-suggestion-old{background:#ef44440f;border:1px solid #ef444426}.um-suggestion-new{background:#22c55e0f;border:1px solid #22c55e26}.um-suggestion-label{color:#718096;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.um-suggestion-old code,.um-suggestion-new code{color:#e2e8f0;font-family:inherit;font-size:13px}.um-suggestion-arrow{color:#4a5568;flex-shrink:0;font-size:12px}.um-suggestion-explanation{color:#a0aec0;background:#667eea0f;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.um-suggestion-explanation svg{color:#667eea;margin-right:6px}.um-suggestion-actions{gap:10px;display:flex}.um-approve-btn{color:#4ade80;cursor:pointer;background:#22c55e1f;border:1px solid #22c55e40;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.um-approve-btn:hover{background:#22c55e33}.um-reject-btn{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.um-reject-btn:hover{background:#ef444433}.um-empty-state{text-align:center;color:#a0aec0;padding:60px 20px}.um-empty-icon{color:#667eea66;background:#667eea14;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:24px;display:flex}.um-empty-state h3,.um-empty-state h4{color:#fff;margin:0 0 8px}.um-empty-state p{margin:0 0 20px}.um-loading{text-align:center;color:#718096;padding:40px}.um-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:520px;max-height:85vh;animation:none;overflow-y:auto;box-shadow:0 24px 48px #00000080}@keyframes umModalIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.um-modal-danger{border-color:#ef444440}.um-modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.um-modal-header h2{color:#fff;align-items:center;gap:10px;margin:0;font-size:17px;display:flex}.close-btn{color:#718096;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;transition:color .2s}.um-modal-body{padding:22px}.um-modal-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group select option{background:#1a1a2e}.um-role-picker{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.um-role-option{cursor:pointer;color:#a0aec0;background:#ffffff08;border:2px solid #ffffff0f;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:11px;transition:all .2s;display:flex}.um-role-option:hover{background:#ffffff0f;border-color:#ffffff1f}.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;margin-top:8px;font-size:12px;font-style:italic}.um-role-option-full{cursor:pointer;text-align:left;width:100%;color:inherit;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;transition:all .2s;display:flex}.um-role-option-full:hover{border-color:var(--role-color);background:#ffffff0d}.um-role-option-full.current{background:color-mix(in srgb, var(--role-color) 6%, transparent);border-color:var(--role-color)}.um-role-option-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.um-role-option-info{flex:1}.um-role-option-name{color:#fff;font-size:14px;font-weight:600;display:block}.um-role-option-desc{color:#718096;font-size:12px;display:block}.um-current-tag{background:var(--role-color);color:#fff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.um-transfer-warning{background:#ef444414;border:1px solid #ef444433;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.um-transfer-warning>svg{color:#f87171;margin-top:2px;font-size:18px}.um-transfer-warning strong{color:#f87171;margin-bottom:4px;display:block}.um-transfer-warning p{color:#a0aec0;margin:0;font-size:13px}.role-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.role-badge-sm{padding:2px 8px;font-size:10px}@media (width<=768px){.um-page{max-width:100vw;padding:12px;overflow-x:hidden}.um-header{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.um-header-content h1{font-size:20px}.um-header-content p{font-size:13px}.um-header-actions{flex-wrap:wrap;justify-content:center;gap:8px}.um-header-actions .um-btn-primary,.um-header-actions .um-btn-secondary{padding:9px 16px;font-size:13px}.um-stats-bar{-webkit-overflow-scrolling:touch;gap:14px;padding:12px 16px;overflow-x:auto}.um-tabs{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:6px;padding-bottom:8px;overflow-x:auto}.um-tab{white-space:nowrap;scroll-snap-align:start;max-width:190px;min-height:40px;padding:8px 12px;font-size:12px}.um-tab-label{max-width:118px}.um-section-toolbar{flex-direction:column;gap:8px}.um-search{min-width:0}.um-search input{font-size:14px}.um-member-row{flex-wrap:wrap;gap:10px;padding:12px}.um-member-info{flex:calc(100% - 58px)}.um-member-name{flex-wrap:wrap;line-height:1.25}.um-member-email{white-space:normal;overflow-wrap:anywhere}.um-member-role{margin-left:54px}.um-member-joined{display:none}.um-member-actions{justify-content:flex-end;width:100%}.um-teams-grid{grid-template-columns:1fr}.um-team-card{flex-wrap:wrap;align-items:flex-start}.um-team-info{flex:calc(100% - 58px)}.um-team-info p{white-space:normal;overflow-wrap:anywhere}.um-team-stats{flex-wrap:wrap;width:100%;padding-left:56px}.um-role-header{flex-wrap:wrap;align-items:flex-start;gap:10px}.um-role-info{flex:calc(100% - 96px)}.um-role-info p{line-height:1.35}.um-role-count{margin-left:66px}.um-role-chevron{margin-left:auto;padding-top:8px}.um-permissions-grid{grid-template-columns:1fr}.um-perm{align-items:flex-start;line-height:1.35}.um-perm svg{flex-shrink:0;margin-top:2px}.um-suggestion-values{flex-direction:column}.um-suggestion-arrow{transform:rotate(90deg)}.um-role-picker{grid-template-columns:repeat(2,1fr)}.um-roles-grid{grid-template-columns:1fr}.um-section{max-width:100%;overflow-x:hidden}}@media (width<=480px){.um-page{padding:8px}.um-header{gap:10px;padding:12px}.um-header-content h1{font-size:18px}.um-stats-bar{gap:10px;padding:10px 12px}.um-stat-value{font-size:16px}.um-tab{max-width:158px;padding:7px 10px;font-size:11px}.um-tab-label{max-width:92px}.um-role-picker{grid-template-columns:1fr}.um-member-row{padding:10px}.um-member-role{width:100%;margin-left:0}.um-team-stats{padding-left:0}.um-role-count{margin-left:0}.um-header-actions .um-btn-primary,.um-header-actions .um-btn-secondary{justify-content:center;width:100%;padding:8px 12px;font-size:12px}}.um-modal-convert{border-color:#667eea40}.um-convert-hero{text-align:center;margin-bottom:24px}.um-convert-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:28px;display:flex;box-shadow:0 8px 24px #667eea4d}.um-convert-hero h3{color:#fff;margin:0 0 8px;font-size:20px;font-weight:700}.um-convert-hero p{color:#a0aec0;max-width:360px;margin:0 auto;font-size:14px;line-height:1.5}.um-convert-features{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.um-convert-feature{background:#667eea0f;border:1px solid #667eea1f;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.um-convert-feature>svg{color:#667eea;flex-shrink:0;width:20px;height:20px}.um-convert-feature strong{color:#fff;margin-bottom:2px;font-size:14px;display:block}.um-convert-feature span{color:#718096;font-size:12px}.um-convert-note{color:#a0aec0;background:#22c55e0f;border:1px solid #22c55e26;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.um-convert-note>svg{color:#22c55e;flex-shrink:0;margin-top:2px}body.theme-light .um-toast-success{color:#16a34a;background:#22c55e0f;border-color:#22c55e26}body.theme-light .um-toast-error{color:#dc2626;background:#ef44440f;border-color:#ef444426}body.theme-light .um-header{background:linear-gradient(135deg,#667eea0a 0%,#764ba20a 100%);border-color:#667eea1a}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:#667eea0f;border-color:#667eea26}body.theme-light .um-btn-secondary:hover{background:#667eea1f}body.theme-light .um-stats-bar{background:#fff;border-color:#e2e4ee;box-shadow:0 1px 3px #0000000a}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{color:#1e1f2e;background:#667eea0d}body.theme-light .um-tab.active{color:#667eea;background:#667eea14}body.theme-light .um-tab-badge{background:#667eea1a}body.theme-light .um-tab-badge.alert{background:#ef444414}body.theme-light .um-section-header h3{color:#1e1f2e}body.theme-light .um-search{background:#fff;border-color:#e2e4ee;box-shadow:0 1px 2px #0f172a0a}body.theme-light .um-search:focus-within{background:#fff;border-color:#667eea6b;box-shadow:0 0 0 3px #667eea1a}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-search button{color:#64748b;background:#f1f5f9}body.theme-light .um-search button:hover{color:#1e293b;background:#e2e8f0}body.theme-light .um-sort{color:#5a5c7a;background:#fff;border-color:#e2e4ee}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:#667eea33}body.theme-light .um-member-avatar{background:linear-gradient(135deg,#667eea14,#764ba214)}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{color:#667eea;background:#667eea0f}body.theme-light .um-action-btn:hover{background:#667eea1f}body.theme-light .um-action-btn.danger{color:#dc2626;background:#ef44440f}body.theme-light .um-action-btn.danger:hover{background:#ef44441f}body.theme-light .um-invitation-row{background:#fff;border-color:#e2e4ee}body.theme-light .um-invitation-avatar{background:#f973160f}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:#667eea33}body.theme-light .um-team-icon{background:#667eea0f}body.theme-light .um-team-info h4{color:#1e1f2e}body.theme-light .um-team-info p{color:#5a5c7a}body.theme-light .um-team-stats span,body.theme-light .um-team-arrow{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:#667eea26}body.theme-light .um-role-rank{color:#9ca3af;background:#f3f4f6}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{color:#16a34a;background:#22c55e0a}body.theme-light .um-perm.denied{color:#9ca3af;background:#ef444405}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-old code,body.theme-light .um-suggestion-new code{color:#1e1f2e}body.theme-light .um-suggestion-label{color:#5a5c7a}body.theme-light .um-suggestion-explanation{color:#5a5c7a;background:#667eea0a}body.theme-light .um-approve-btn{color:#16a34a;background:#22c55e0f;border-color:#22c55e26}body.theme-light .um-approve-btn:hover{background:#22c55e1f}body.theme-light .um-reject-btn{color:#dc2626;background:#ef44440f;border-color:#ef444426}body.theme-light .um-reject-btn:hover{background:#ef44441f}body.theme-light .um-empty-icon{color:#667eea4d;background:#667eea0d}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 #0000001f}body.theme-light .um-modal-danger{border-color:#ef444433}body.theme-light .um-modal-header{border-bottom-color:#e2e4ee}body.theme-light .um-modal-header h2{color:#1e1f2e}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{color:#1e1f2e;background:#f9fafb;border-color:#e2e4ee}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{color:#5a5c7a;background:#f9fafb;border-color:#e2e4ee}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:#ef44440a;border-color:#ef44441f}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:#667eea08;border-color:#667eea14}body.theme-light .um-convert-feature strong{color:#1e1f2e}body.theme-light .um-convert-feature span{color:#5a5c7a}body.theme-light .um-convert-note{color:#5a5c7a;background:#22c55e0a;border-color:#22c55e1a}body.theme-light .btn-secondary{color:#374151;background:#f9fafb;border-color:#e2e4ee}body.theme-light .btn-secondary:hover{background:#f3f4f6}.wh-page{max-width:1400px;margin:0 auto;padding:24px;position:relative}.wh-loading{color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;padding:120px 20px;display:flex}.wh-loading-spinner{border:3px solid #667eea26;border-top-color:#667eea;border-radius:50%;width:44px;height:44px;margin-bottom:16px;animation:.8s linear infinite whSpin}@keyframes whSpin{to{transform:rotate(360deg)}}.wh-toast{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;animation:.3s whSlideIn;display:flex}@keyframes whSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wh-toast-error{color:#f87171;background:#ef44441a;border:1px solid #ef444440}.wh-toast-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40}.wh-toast button{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:18px;line-height:1}.wh-hero{background:linear-gradient(135deg,#667eea14 0%,#764ba214 100%);border:1px solid #667eea26;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:28px 32px;display:flex}.wh-hero-badge{color:#667eea;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:inline-flex}.wh-hero-content h1{color:#fff;margin:0 0 6px;font-size:28px;font-weight:700}.wh-hero-content p{color:#a0aec0;margin:0;font-size:15px}.wh-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.wh-create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.wh-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.wh-stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:all .2s;display:flex}.wh-stat-card:hover{background:#ffffff0d;border-color:#ffffff1a}.wh-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.wh-stat-info{flex-direction:column;display:flex}.wh-stat-value{color:#fff;font-size:22px;font-weight:700}.wh-stat-label{color:#a0aec0;margin-top:2px;font-size:12px}.wh-onboarding{text-align:center;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border:1px solid #667eea33;border-radius:20px;max-width:900px;margin:40px auto;padding:56px 48px;position:relative;overflow:hidden}.wh-onboarding-glow{pointer-events:none;background:radial-gradient(circle,#667eea26,#0000 70%);width:300px;height:300px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.wh-onboarding-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:32px;display:flex;position:relative}.wh-onboarding h2{color:#fff;margin:0 0 10px;font-size:28px}.wh-onboarding>p{color:#a0aec0;max-width:480px;margin:0 auto 36px;font-size:16px}.wh-onboard-types{grid-template-columns:1fr 1fr;gap:16px;max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;display:grid}.wh-onboard-type{cursor:pointer;text-align:center;background:#ffffff0a;border:2px solid #ffffff14;border-radius:14px;padding:24px 20px;transition:all .25s}.wh-onboard-type:hover{background:#ffffff12;border-color:#ffffff26}.wh-onboard-type.selected{background:#667eea26;border-color:#667eea}.wh-onboard-type-icon{color:#667eea;background:#667eea26;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:22px;display:flex}.wh-onboard-type.selected .wh-onboard-type-icon{color:#fff;background:#667eea}.wh-onboard-type h3{color:#fff;margin:0 0 6px;font-size:17px}.wh-onboard-type>p{color:#a0aec0;margin:0 0 14px;font-size:13px}.wh-onboard-type-features{flex-direction:column;align-items:center;gap:6px;display:flex}.wh-onboard-type-features span{color:#718096;align-items:center;gap:6px;font-size:12px;display:flex}.wh-onboard-type-features svg{color:#667eea;font-size:10px}.wh-onboard-form{gap:12px;max-width:480px;margin:0 auto;display:flex}.wh-onboard-form input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:16px 20px;font-size:15px}.wh-onboard-form input:focus{border-color:#667eea;outline:none}.wh-onboard-form button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;align-items:center;gap:8px;padding:16px 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.wh-onboard-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.wh-onboard-form button:disabled{opacity:.5;cursor:not-allowed}.wh-toolbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.wh-search{background:#0f172a57;border:1px solid #94a3b838;border-radius:999px;flex:1;align-items:center;gap:10px;min-height:58px;padding:0 52px 0 16px;transition:border-color .16s,background-color .16s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d}.wh-search:focus-within{box-shadow:none;background:#0f172a6b;border-color:#94a3b86b}.wh-search-icon{color:#94a3b8;background:#94a3b81a;border-radius:999px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.wh-search-icon svg{color:#a0aec0;font-size:14px}.wh-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-size:15px}.wh-search input::placeholder{color:#a0aec099}.wh-search-clear{color:#a0aec0;cursor:pointer;background:#94a3b824;border:0;border-radius:999px;justify-content:center;align-items:center;width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;max-height:28px;padding:0;font-size:12px;line-height:1;transition:background-color .14s,color .14s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)!important}.wh-search-clear:hover,.wh-search-clear:focus-visible,.wh-search-clear:active{color:#fff;background:#94a3b83d;transform:translateY(-50%)!important}.wh-search-clear svg{flex:0 0 12px;width:12px;height:12px}.wh-toolbar-actions{align-items:center;gap:8px;display:flex}.wh-sort-select{color:#a0aec0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.wh-sort-select select{color:#e2e8f0;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.wh-sort-select select option{background:#1a1a2e}.wh-view-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;display:flex;overflow:hidden}.wh-view-toggle button{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:10px 14px;transition:all .2s}.wh-view-toggle button.active{color:#667eea;background:#667eea26}.wh-view-toggle button:hover:not(.active){color:#e2e8f0}.wh-current-banner{background:#667eea14;border:1px solid #667eea26;border-radius:12px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 20px;display:flex}.wh-current-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.wh-current-info{flex-direction:column;flex:1;display:flex}.wh-current-label{color:#667eea;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.wh-current-name{color:#fff;font-size:16px;font-weight:600}.wh-current-actions{gap:8px;display:flex}.wh-current-actions button{color:#667eea;cursor:pointer;background:#667eea1f;border:1px solid #667eea33;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.wh-current-actions button:hover{background:#667eea33}.wh-grid-view{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.wh-list-view{flex-direction:column;gap:12px;display:flex}.wh-list-view .wh-card{align-items:center;gap:16px;display:flex}.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:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;transition:all .25s;position:relative;overflow:visible}.wh-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-1px)}.wh-card-active{box-shadow:0 0 0 1px #667eea1a;border-color:#667eea4d!important}.wh-card-fav{border-color:#eab30833}.wh-card-accent{height:3px}.wh-card-header{align-items:flex-start;gap:12px;padding:18px 18px 0;display:flex}.wh-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.wh-card-title{flex:1;min-width:0}.wh-card-title h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:17px;font-weight:600;overflow:hidden}.wh-card-badges{flex-wrap:wrap;gap:6px;display:flex}.wh-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.wh-active-badge{color:#22c55e;background:#22c55e26;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.wh-card-menu-wrapper{align-items:center;gap:4px;display:flex;position:relative}.wh-fav-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;padding:6px;font-size:14px;transition:all .2s}.wh-fav-btn:hover,.wh-fav-btn .starred{color:#eab308}.wh-menu-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 4px;font-size:14px;transition:all .2s}.wh-menu-btn:hover{color:#a0aec0;background:#ffffff0f}.wh-dropdown{z-index:1000;background:#1a1a32;border:1px solid #667eea40;border-radius:12px;min-width:200px;margin-bottom:8px;padding:8px;animation:.15s whDropIn;position:absolute;bottom:100%;right:0;box-shadow:0 -8px 32px #00000080,0 0 0 1px #667eea1a}@keyframes whDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wh-dropdown button{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;transition:background .15s;display:flex}.wh-dropdown button:hover{background:#ffffff0f}.wh-dropdown button svg{color:#a0aec0;width:14px}.wh-dropdown-divider{background:#ffffff0f;height:1px;margin:4px 0}.wh-dropdown-danger,.wh-dropdown-danger svg{color:#f87171!important}.wh-card-desc{color:#a0aec0;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:8px 18px 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.wh-card-stats{border-top:1px solid #ffffff0a;flex-wrap:wrap;gap:14px;margin-top:8px;padding:14px 18px;display:flex}.wh-card-stat{color:#a0aec0;align-items:center;gap:5px;font-size:12px;display:flex}.wh-card-stat svg{color:#667eea;font-size:11px}.wh-card-footer{padding:0 18px 18px}.wh-switch-btn,.wh-open-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.wh-switch-btn{color:#667eea;background:#667eea1a;border:1px solid #667eea33}.wh-switch-btn:hover{background:#667eea33}.wh-open-btn{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.wh-open-btn:hover{box-shadow:0 4px 12px #667eea59}.wh-card-add{cursor:pointer;background:0 0;border:2px dashed #ffffff14;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;display:flex}.wh-card-add:hover{background:#667eea0d;border-color:#667eea33}.wh-add-icon{color:#667eea;background:#667eea1a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;font-size:22px;transition:all .2s;display:flex}.wh-card-add:hover .wh-add-icon{background:#667eea33;transform:scale(1.05)}.wh-card-add h3{color:#e2e8f0;margin:0 0 4px;font-size:15px}.wh-card-add p{color:#718096;margin:0;font-size:13px}.wh-empty-search{text-align:center;color:#a0aec0;padding:60px 20px}.wh-empty-search svg{color:#667eea33;margin-bottom:16px;font-size:40px}.wh-empty-search h3{color:#fff;margin:0 0 8px}.wh-empty-search p{margin:0 0 20px}.wh-empty-search button{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;padding:8px 20px;font-size:13px}.wh-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:580px;max-height:90vh;animation:none;overflow-y:auto;box-shadow:0 24px 48px #00000080}@keyframes whModalIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.wh-modal-danger{border-color:#ef444440}.wh-modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.wh-modal-header h2{color:#fff;align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.wh-modal-steps{justify-content:center;align-items:center;gap:8px;padding:20px 24px 0;display:flex}.wh-step{color:#4a5568;align-items:center;gap:6px;font-size:13px;transition:color .3s;display:flex}.wh-step.active{color:#667eea}.wh-step.done{color:#22c55e}.wh-step-num{background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:flex}.wh-step.active .wh-step-num{color:#fff;background:#667eea}.wh-step.done .wh-step-num{color:#fff;background:#22c55e}.wh-step-line{background:#ffffff0f;border-radius:1px;width:40px;height:2px}.wh-modal-body{padding:24px}.wh-step-content{min-height:1px}.wh-step-desc{color:#a0aec0;text-align:center;margin:0 0 20px;font-size:14px}.wh-create-types{grid-template-columns:1fr 1fr;gap:14px;display:grid}.wh-create-type{cursor:pointer;text-align:center;background:#ffffff08;border:2px solid #ffffff0f;border-radius:12px;padding:22px 18px;transition:all .25s}.wh-create-type:hover{background:#ffffff0f;border-color:#ffffff1f}.wh-create-type.selected{background:#667eea1f;border-color:#667eea}.wh-create-type-icon{color:#667eea;background:#667eea1f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:20px;display:flex}.wh-create-type.selected .wh-create-type-icon{color:#fff;background:#667eea}.wh-create-type h3{color:#fff;margin:0 0 4px;font-size:15px}.wh-create-type>p{color:#a0aec0;margin:0 0 14px;font-size:12px}.wh-create-type-features{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wh-create-type-features li{color:#718096;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.wh-create-type-features svg{color:#667eea;font-size:10px}.wh-review-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex}.wh-review-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.wh-review-details h3{color:#fff;margin:0 0 4px;font-size:18px}.wh-review-type{color:#667eea;text-transform:uppercase;font-size:12px;font-weight:600}.wh-review-details p{color:#a0aec0;margin:6px 0 0;font-size:13px}.wh-review-features{background:#667eea0f;border-radius:10px;padding:16px}.wh-review-features h4{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:13px}.wh-review-features ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wh-review-features li{color:#e2e8f0;align-items:center;gap:8px;font-size:13px;display:flex}.wh-review-features li svg{color:#22c55e;font-size:12px}.wh-modal-footer{border-top:1px solid #ffffff0d;align-items:center;gap:12px;padding:16px 24px;display:flex}.wh-delete-warning{text-align:center;padding:20px 0}.wh-delete-icon{color:#f87171;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:24px;display:flex}.wh-delete-warning h3{color:#f87171;margin:0 0 10px}.wh-delete-warning p{color:#a0aec0;margin:0;font-size:14px;line-height:1.5}.form-group input,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{resize:vertical}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.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 #667eea1f #667eea1f}:root[data-theme=light] .wh-toast-error{color:#dc2626;background:#ef44440f;border-color:#ef444426}:root[data-theme=light] .wh-toast-success{color:#16a34a;background:#22c55e0f;border-color:#22c55e26}:root[data-theme=light] .wh-hero{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-color:#667eea1f}: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:#667eea26}: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,#667eea0a 0%,#764ba20a 100%);border-color:#667eea1f}: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:#667eea33}:root[data-theme=light] .wh-onboard-type.selected{background:#667eea0f;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:#f8fafc;border-color:#d8e1ed;box-shadow:inset 0 1px #fff}:root[data-theme=light] .wh-search:focus-within{box-shadow:none;background:#fff;border-color:#c7d3e1}:root[data-theme=light] .wh-search-icon{color:var(--text-muted);background:#edf2f8}:root[data-theme=light] .wh-search-icon svg{color:#64748b}: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-search-clear{color:#64748b;background:#e8eef6}:root[data-theme=light] .wh-search-clear:hover,:root[data-theme=light] .wh-search-clear:focus-visible,:root[data-theme=light] .wh-search-clear:active{color:#0f172a;background:#dbe6f3;transform:translateY(-50%)!important}: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{color:#667eea;background:#667eea14}:root[data-theme=light] .wh-view-toggle button:hover:not(.active){color:var(--text-primary)}:root[data-theme=light] .wh-current-banner{background:#667eea0a;border-color:#667eea1a}:root[data-theme=light] .wh-current-name{color:var(--text-primary)}:root[data-theme=light] .wh-current-actions button{color:#667eea;background:#667eea0f;border-color:#667eea1f}:root[data-theme=light] .wh-current-actions button:hover{background:#667eea1f}: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);box-shadow:var(--shadow-md);border-color:#667eea33}:root[data-theme=light] .wh-card-active{border-color:#667eea40!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{color:var(--text-secondary);background:#0000000a}: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:#0000000a}: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{color:#667eea;background:#667eea0f;border-color:#667eea26}:root[data-theme=light] .wh-switch-btn:hover{background:#667eea1f}:root[data-theme=light] .wh-card-add{border-color:var(--border-color)}:root[data-theme=light] .wh-card-add:hover{background:#667eea08;border-color:#667eea26}: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{color:#667eea;background:#667eea0f;border-color:#667eea26}: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:#ef444433}: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:#667eea33}:root[data-theme=light] .wh-create-type.selected{background:#667eea0f;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:#667eea08}: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);color:var(--text-secondary);border-color:var(--border-color)}:root[data-theme=light] .btn-secondary:hover{background:#0000000f}.wh-modal-convert{border-color:#667eea40}.wh-convert-hero{text-align:center;margin-bottom:24px}.wh-convert-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:28px;display:flex;box-shadow:0 8px 24px #667eea4d}.wh-convert-hero h3{color:#fff;margin:0 0 8px;font-size:20px;font-weight:700}.wh-convert-hero p{color:#a0aec0;max-width:360px;margin:0 auto;font-size:14px;line-height:1.5}.wh-convert-features{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.wh-convert-feature{background:#667eea0f;border:1px solid #667eea1f;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.wh-convert-feature>svg{color:#667eea;flex-shrink:0;width:20px;height:20px}.wh-convert-feature strong{color:#fff;margin-bottom:2px;font-size:14px;display:block}.wh-convert-feature span{color:#718096;font-size:12px}.wh-convert-note{color:#a0aec0;background:#22c55e0f;border:1px solid #22c55e26;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.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:#667eea08;border-color:#667eea14}: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{color:var(--text-secondary);background:#22c55e0a;border-color:#22c55e1a}@media (width>=1920px){.wh-page{max-width:100%;padding:32px 48px}}@media (width<=768px){.wh-page{padding:16px}.wh-hero{flex-direction:column;align-items:stretch;gap:16px;padding:22px 18px}.wh-hero-badge{margin-bottom:12px;line-height:1.35}.wh-hero-content h1{margin-bottom:12px;line-height:1.12}.wh-hero-content p{line-height:1.35}.wh-create-btn{justify-content:center;width:100%}.wh-stats-row{grid-template-columns:1fr 1fr}.wh-grid-view{grid-template-columns:1fr}.wh-list-view .wh-card,.wh-list-view .wh-card-accent{display:block}.wh-list-view .wh-card-header{align-items:flex-start;padding:16px 16px 0}.wh-list-view .wh-card-title h3{white-space:normal;overflow-wrap:anywhere}.wh-list-view .wh-card-stats{border-top:1px solid #ffffff0f;gap:12px;margin-top:10px;padding:14px 16px}.wh-list-view .wh-card-footer{margin-left:0;padding:0 16px 16px}.wh-list-view .wh-switch-btn,.wh-list-view .wh-open-btn{width:100%}.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{flex-direction:column;align-items:stretch}.wh-current-actions{justify-content:center}}.wss-page{max-width:960px;margin:0 auto;padding:24px;animation:.25s wssFadeIn}@keyframes wssFadeIn{0%{opacity:0}to{opacity:1}}.wss-loading{color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:400px;display:flex}.wss-spinner{border:3px solid #667eea26;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite wssSpin}@keyframes wssSpin{to{transform:rotate(360deg)}}.wss-error-state{color:#a0aec0;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:400px;display:flex}.wss-error-state svg{color:#ef4444;font-size:36px}.wss-error-state h3{color:#fff;margin:0}.wss-toast{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;animation:.25s wssSlideIn;display:flex}@keyframes wssSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wss-toast-error{color:#f87171;background:#ef44441a;border:1px solid #ef444440}.wss-toast-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40}.wss-toast button{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:18px;line-height:1}.wss-header{background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea26;border-radius:14px;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.wss-back-btn{color:#a0aec0;cursor:pointer;background:#667eea14;border:1px solid #667eea33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;transition:all .2s;display:flex}.wss-back-btn:hover{color:#fff;background:#667eea2e}.wss-ws-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.wss-ws-icon.personal{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.wss-ws-icon.org{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.wss-header-text{flex:1}.wss-header-text h1{color:#fff;margin:0 0 2px;font-size:22px;font-weight:700}.wss-ws-type{color:#a0aec0;align-items:center;gap:8px;font-size:13px;display:flex}.wss-owner-tag{color:#fbbf24;background:#fbbf2426;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.wss-layout{gap:20px;display:flex}.wss-nav{flex-direction:column;gap:6px;min-width:200px;display:flex}.wss-nav-item{color:#718096;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.wss-nav-item:hover{color:#e2e8f0;background:#667eea0f}.wss-nav-item.active{color:#667eea;background:#667eea1f;border-color:#667eea4d;font-weight:600}.wss-nav-item svg{flex-shrink:0;width:16px}.wss-nav-badge{color:#667eea;background:#667eea1f;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.wss-nav-danger.active{color:#ef4444;background:#ef444414;border-color:#ef444433}.wss-content{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;flex:1;padding:28px}.wss-section-head{align-items:center;gap:10px;margin-bottom:24px;display:flex}.wss-section-head svg{color:#667eea;font-size:18px}.wss-section-head.danger svg{color:#ef4444}.wss-section-head h2{color:#fff;margin:0;font-size:18px;font-weight:700}.wss-section-head.danger h2{color:#ef4444}.wss-form-group{margin-bottom:20px}.wss-form-group label{color:#a0aec0;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.wss-form-group input,.wss-form-group textarea,.wss-form-group select{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.wss-form-group input:focus,.wss-form-group textarea:focus,.wss-form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.wss-form-group input:disabled,.wss-form-group textarea:disabled{opacity:.5;cursor:not-allowed}.wss-form-group textarea{resize:vertical}.wss-form-group select option{background:#1a1a2e}.wss-info-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.wss-info-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.wss-info-icon{color:#667eea;background:#667eea1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.wss-info-data{flex:1;min-width:0}.wss-info-data label{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.wss-info-data span{color:#e2e8f0;font-size:14px}.wss-copy-row{align-items:center;gap:8px;display:flex}.wss-copy-row code{color:#a0aec0;font-family:monospace;font-size:12px}.wss-copy-row button{color:#667eea;cursor:pointer;background:0 0;border:none;padding:2px;font-size:12px}.wss-stats{background:#667eea0f;border-radius:10px;gap:20px;margin-bottom:24px;padding:16px 20px;display:flex}.wss-stat{align-items:center;gap:8px;display:flex}.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{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.wss-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea59}.wss-btn-primary:disabled{opacity:.5;cursor:not-allowed}.wss-btn-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.wss-btn-secondary:hover{background:#ffffff1a}.wss-btn-warning{color:#f59e0b;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b40;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.wss-btn-warning:hover:not(:disabled){background:#f59e0b40}.wss-btn-warning:disabled{opacity:.5;cursor:not-allowed}.wss-btn-danger{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.wss-btn-danger:hover:not(:disabled){background:#ef444440}.wss-btn-danger:disabled{opacity:.5;cursor:not-allowed}.wss-save-btn{margin-top:4px}.wss-icon-btn{color:#667eea;cursor:pointer;background:#667eea14;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.wss-icon-btn:hover{background:#667eea2e}.wss-icon-btn.danger{color:#ef4444;background:#ef444414}.wss-icon-btn.danger:hover{background:#ef44442e}.wss-invite-card{background:#667eea0f;border:1px solid #667eea1f;border-radius:12px;margin-bottom:24px;padding:18px 20px}.wss-invite-card h3{color:#a0aec0;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:600;display:flex}.wss-invite-card h3 svg{color:#667eea}.wss-invite-row{gap:10px;display:flex}.wss-invite-row input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:11px 16px;font-size:14px}.wss-invite-row input:focus{border-color:#667eea;outline:none}.wss-invite-row select{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;min-width:130px;padding:11px 14px;font-size:13px}.wss-invite-row select option{background:#1a1a2e}.wss-subsection{margin-bottom:24px}.wss-subsection h3{color:#a0aec0;margin:0 0 14px;font-size:14px;font-weight:600}.wss-list{flex-direction:column;gap:6px;display:flex}.wss-inv-row{background:#f973160f;border:1px solid #f9731626;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;display:flex}.wss-inv-avatar{color:#f97316;background:#f973161f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.wss-inv-info{flex:1}.wss-inv-email{color:#fff;font-size:14px;font-weight:500;display:block}.wss-inv-role{font-size:12px;font-weight:600}.wss-member-row{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.wss-member-row:hover{background:#ffffff0a;border-color:#ffffff1a}.wss-member-avatar{color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.wss-member-info{flex:1;min-width:0}.wss-member-name{color:#fff;align-items:center;font-size:14px;font-weight:600;display:flex}.wss-member-email{color:#718096;font-size:12px}.wss-member-actions{align-items:center;gap:8px;display:flex}.wss-role-select{color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #667eea33;border-radius:8px;padding:6px 12px;font-size:12px}.wss-role-select option{background:#1a1a2e}.wss-role-badge{border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.wss-role-badge.owner{color:#fbbf24;background:#fbbf2426}.wss-loading-inline{text-align:center;color:#718096;padding:20px}.wss-convert-promo{text-align:center;padding:20px 0}.wss-convert-promo-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:28px;display:flex;box-shadow:0 8px 24px #667eea4d}.wss-convert-promo h3{color:#fff;margin:0 0 8px;font-size:20px;font-weight:700}.wss-convert-promo>p{color:#a0aec0;max-width:400px;margin:0 auto 28px;font-size:14px;line-height:1.5}.wss-convert-features{text-align:left;flex-direction:column;gap:10px;max-width:380px;margin:0 auto 24px;display:flex}.wss-convert-feat{background:#667eea0f;border:1px solid #667eea1a;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.wss-convert-feat>svg{color:#667eea;flex-shrink:0;width:18px;height:18px}.wss-convert-feat strong{color:#fff;margin-bottom:2px;font-size:14px;display:block}.wss-convert-feat span{color:#718096;font-size:12px}.wss-convert-note{color:#a0aec0;text-align:left;background:#22c55e0f;border:1px solid #22c55e26;border-radius:8px;align-items:flex-start;gap:10px;max-width:380px;margin:0 auto 24px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.wss-convert-note>svg{color:#22c55e;flex-shrink:0;margin-top:2px}.wss-convert-action{margin:0 auto}.wss-danger-card{border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:18px 20px;display:flex}.wss-danger-card.delete{background:#ef44440a;border-color:#ef444433}.wss-danger-info h3{color:#fff;margin:0 0 4px;font-size:15px;font-weight:600}.wss-danger-info p{color:#718096;margin:0;font-size:13px}.wss-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.wss-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 48px #00000080}.wss-modal-danger{border-color:#ef444440}.wss-modal-convert{border-color:#667eea40}.wss-modal-head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.wss-modal-head h2{color:#fff;align-items:center;gap:10px;margin:0;font-size:17px;display:flex}.wss-modal-head button{color:#718096;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.wss-modal-head button:hover{color:#fff}.wss-modal-body{padding:22px}.wss-modal-foot{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.wss-transfer-warn{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.wss-transfer-warn>svg{color:#f59e0b;margin-top:2px;font-size:18px}.wss-transfer-warn strong{color:#f59e0b;margin-bottom:4px;font-size:14px;display:block}.wss-transfer-warn p{color:#a0aec0;margin:0;font-size:13px}.wss-delete-warn{text-align:center;margin-bottom:20px}.wss-delete-icon{color:#f87171;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 14px;font-size:22px;display:flex}.wss-delete-warn h3{color:#f87171;margin:0 0 8px;font-size:16px}.wss-delete-warn p{color:#a0aec0;margin:0;font-size:14px;line-height:1.5}.wss-convert-modal-hero{text-align:center;margin-bottom:20px}.wss-convert-modal-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:24px;display:flex;box-shadow:0 6px 18px #667eea4d}.wss-convert-modal-hero h3{color:#fff;margin:0 0 6px;font-size:18px;font-weight:700}.wss-convert-modal-hero p{color:#a0aec0;margin:0;font-size:14px}@media (width<=768px){.wss-page{padding:16px}.wss-layout{flex-direction:column}.wss-nav{flex-direction:row;min-width:auto;overflow-x:auto}.wss-nav-item span,.wss-nav-badge{display:none}.wss-info-grid{grid-template-columns:1fr}.wss-invite-row{flex-direction:column}.wss-danger-card{text-align:center;flex-direction:column;gap:12px}.wss-header{flex-wrap:wrap}}body.theme-light .wss-loading{color:#5a5c7a}body.theme-light .wss-spinner{border-color:#6366f1 #6366f11f #6366f11f}body.theme-light .wss-error-state{color:#5a5c7a}body.theme-light .wss-error-state h3{color:#1e1f2e}body.theme-light .wss-toast-error{color:#dc2626;background:#ef44440f;border-color:#ef444426}body.theme-light .wss-toast-success{color:#16a34a;background:#22c55e0f;border-color:#22c55e26}body.theme-light .wss-header{background:linear-gradient(135deg,#667eea0a,#764ba20a);border-color:#667eea1a}body.theme-light .wss-back-btn{color:#5a5c7a;background:#6366f10f;border-color:#e2e4ee}body.theme-light .wss-back-btn:hover{color:#1e1f2e;background:#6366f11f}body.theme-light .wss-header-text h1{color:#1e1f2e}body.theme-light .wss-ws-type,body.theme-light .wss-nav-item{color:#5a5c7a}body.theme-light .wss-nav-item:hover{color:#1e1f2e;background:#6366f10a}body.theme-light .wss-nav-item.active{color:#6366f1;background:#6366f114;border-color:#6366f133}body.theme-light .wss-nav-badge{color:#6366f1;background:#6366f114}body.theme-light .wss-nav-danger.active{color:#dc2626;background:#ef44440f;border-color:#ef444426}body.theme-light .wss-content{background:#fff;border-color:#e2e4ee;box-shadow:0 1px 3px #0000000a}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 textarea,body.theme-light .wss-form-group select{color:#1e1f2e;background:#f9fafb;border-color:#e2e4ee}body.theme-light .wss-form-group input:focus,body.theme-light .wss-form-group textarea:focus,body.theme-light .wss-form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}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:#6366f10f}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:#6366f10a}body.theme-light .wss-stat-val{color:#1e1f2e}body.theme-light .wss-stat-lbl{color:#5a5c7a}body.theme-light .wss-btn-secondary{color:#374151;background:#f9fafb;border-color:#e2e4ee}body.theme-light .wss-btn-secondary:hover{background:#f3f4f6}body.theme-light .wss-btn-warning{background:#f59e0b14;border-color:#f59e0b26}body.theme-light .wss-btn-danger{background:#ef44440f;border-color:#ef444426}body.theme-light .wss-icon-btn{color:#6366f1;background:#6366f10f}body.theme-light .wss-icon-btn:hover{background:#6366f11f}body.theme-light .wss-icon-btn.danger{color:#dc2626;background:#ef44440f}body.theme-light .wss-icon-btn.danger:hover{background:#ef44441f}body.theme-light .wss-invite-card{background:#6366f108;border-color:#6366f114}body.theme-light .wss-invite-card h3{color:#5a5c7a}body.theme-light .wss-invite-row input,body.theme-light .wss-invite-row select{color:#1e1f2e;background:#fff;border-color:#e2e4ee}body.theme-light .wss-invite-row select option{background:#fff}body.theme-light .wss-subsection h3,body.theme-light .wss-loading-inline{color:#5a5c7a}body.theme-light .wss-inv-row{background:#f973160a;border-color:#f973161a}body.theme-light .wss-inv-avatar{background:#f973160f}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:#6366f126}body.theme-light .wss-member-avatar{background:linear-gradient(135deg,#6366f10f,#8b5cf60f)}body.theme-light .wss-member-name{color:#1e1f2e}body.theme-light .wss-member-email{color:#5a5c7a}body.theme-light .wss-role-select{color:#1e1f2e;background:#fff;border-color:#e2e4ee}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:#6366f108;border-color:#6366f114}body.theme-light .wss-convert-feat strong{color:#1e1f2e}body.theme-light .wss-convert-feat span{color:#5a5c7a}body.theme-light .wss-convert-note{color:#5a5c7a;background:#22c55e0a;border-color:#22c55e1a}body.theme-light .wss-danger-card{border-color:#e2e4ee}body.theme-light .wss-danger-card.delete{background:#ef444405;border-color:#ef444426}body.theme-light .wss-danger-info h3{color:#1e1f2e}body.theme-light .wss-danger-info p{color:#5a5c7a}body.theme-light .wss-overlay{background:#00000059}body.theme-light .wss-modal{background:#fff;border-color:#e2e4ee;box-shadow:0 20px 60px #0000001f}body.theme-light .wss-modal-danger{border-color:#ef444433}body.theme-light .wss-modal-convert{border-color:#6366f133}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:#f59e0b0f;border-color:#f59e0b1f}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{max-width:1400px;margin:0 auto;padding:24px}.org-header{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.org-info{flex:1;align-items:flex-start;gap:16px;min-width:300px;display:flex}.org-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex}.org-meta h1{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:600}.org-description{color:var(--text-secondary);margin:0 0 12px;font-size:14px}.org-stats{flex-wrap:wrap;gap:16px;display:flex}.org-stats span{color:var(--text-tertiary);align-items:center;gap:6px;font-size:13px;display:flex}.org-actions{flex-wrap:wrap;gap:12px;display:flex}.org-content{flex-direction:column;gap:32px;display:flex}.org-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.teams-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.team-card{background:var(--background);border:1px solid var(--border);border-left-width:4px;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.team-card:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.team-info{flex:1;min-width:0}.team-info h3{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.team-info p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:13px;overflow:hidden}.team-members{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;display:flex}.owner-badge{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.form-group label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.member-preview{background:var(--background);border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:12px;display:flex}@media (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{order:3;width:100%;margin-top:8px}.member-actions{order:2;margin-left:auto}}.team-detail{max-width:1200px;margin:0 auto;padding:24px}.team-header{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.back-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.back-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.team-info{flex:1;align-items:flex-start;gap:16px;min-width:300px;display:flex}.team-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex}.team-breadcrumb{margin-bottom:4px}.org-link{color:var(--text-tertiary);align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.org-link:hover{color:var(--primary)}.team-meta h1{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:600}.team-description{color:var(--text-secondary);margin:0 0 12px;font-size:14px}.team-stats{flex-wrap:wrap;gap:16px;display:flex}.team-stats span{color:var(--text-tertiary);align-items:center;gap:6px;font-size:13px;display:flex}.team-actions{flex-wrap:wrap;gap:12px;display:flex}.team-content{flex-direction:column;gap:24px;display:flex}.team-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.members-list{flex-direction:column;gap:8px;display:flex}.member-row{background:var(--background);border:1px solid var(--border);border-radius:10px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.member-row:hover{background:var(--surface-hover)}.member-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.member-info{flex:1;min-width:0}.member-name{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.lead-badge{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.member-email{color:var(--text-tertiary);font-size:12px}.member-role{background:var(--surface);color:var(--text-secondary);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.member-role svg{color:var(--primary)}.member-actions{gap:8px;display:flex}.quick-actions .actions-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.action-card{background:var(--background);border:1px solid var(--border);color:var(--text-secondary);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.action-card:hover{background:var(--surface-hover);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-card svg{font-size:24px}.action-card span{font-size:13px;font-weight:500}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 24px}.empty-state h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{margin:0 0 20px}.error-state{text-align:center;color:var(--text-secondary);padding:80px 24px}.error-state svg{color:var(--danger);margin-bottom:16px;font-size:48px}.modal{background:var(--surface);border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 40px #0000004d}.modal-header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.close-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-group:last-child{margin-bottom:0}.form-group small{color:var(--text-tertiary);margin-top:6px;font-size:12px;display:block}.form-group input,.form-group textarea,.form-group select{background:var(--background);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-option{cursor:pointer;color:#fff;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .2s;display:flex}.color-option:hover{transform:scale(1.1)}.color-option.selected{box-shadow:0 0 0 2px var(--primary);border-color:#fff}.btn-danger{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-danger:hover{color:#fff;background:#ef4444}.btn-icon{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px;transition:all .2s}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-icon.btn-danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}@media (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{order:3;width:100%;margin-top:8px}.member-actions{order:2;margin-left:auto}}.team-settings-page{max-width:1000px;margin:0 auto;padding:1.5rem}.team-settings-page .loading-state,.team-settings-page .error-state{color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.team-settings-page .error-state svg{color:#ef4444;font-size:2rem}.team-settings-page .spinner{border:3px solid #667eea33;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.team-settings-page .settings-header{border-bottom:1px solid #667eea33;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.team-settings-page .back-btn{color:#a0aec0;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .15s;display:flex}.team-settings-page .back-btn:hover{color:#fff;background:#667eea33}.team-settings-page .header-info{flex:1;align-items:center;gap:1rem;display:flex}.team-settings-page .team-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.team-settings-page .header-text h1{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.team-settings-page .header-text .team-type{color:#a0aec0;font-size:.875rem}.team-settings-page .alert{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.team-settings-page .alert-error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.team-settings-page .alert-success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.team-settings-page .alert button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;margin-left:auto;font-size:1.25rem}.team-settings-page .settings-layout{gap:1.5rem;display:flex}.team-settings-page .settings-tabs{flex-direction:column;gap:.5rem;min-width:200px;display:flex}.team-settings-page .tab{color:#a0aec0;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:all .15s;display:flex}.team-settings-page .tab:hover{color:#fff;background:#667eea1a}.team-settings-page .tab.active{color:#667eea;background:#667eea26;border-color:#667eea;font-weight:500}.team-settings-page .settings-content{background:#667eea0d;border:1px solid #667eea26;border-radius:12px;flex:1;padding:1.5rem}.team-settings-page .settings-section h2{color:#fff;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;display:flex}.team-settings-page .settings-section h2 svg{color:#667eea}.team-settings-page .form-group{margin-bottom:1.25rem}.team-settings-page .form-group label{color:#a0aec0;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.team-settings-page .form-group input,.team-settings-page .form-group textarea,.team-settings-page .form-group select{color:#fff;background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:border-color .15s}.team-settings-page .form-group input:focus,.team-settings-page .form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.team-settings-page .form-group.readonly input{color:#a0aec0;background:#667eea0d}.team-settings-page .color-picker{flex-wrap:wrap;gap:.5rem;display:flex}.team-settings-page .color-option{cursor:pointer;color:#fff;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;transition:all .15s;display:flex}.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 #667eea4d,0 0 0 4px #667eea26}.team-settings-page .color-option:disabled{cursor:not-allowed;opacity:.6}.team-settings-page .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.team-settings-page .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.team-settings-page .btn-primary:disabled{opacity:.6;cursor:not-allowed}.team-settings-page .btn-secondary{color:#a0aec0;cursor:pointer;background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.team-settings-page .btn-danger{color:#ef4444;cursor:pointer;background:#ef444433;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.team-settings-page .btn-danger:hover:not(:disabled){background:#ef44444d}.team-settings-page .btn-icon{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:6px;padding:.5rem}.team-settings-page .btn-icon.danger:hover{color:#ef4444;background:#ef444433}.team-settings-page .add-member-form{background:#667eea1a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.team-settings-page .add-member-form h3{color:#a0aec0;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.875rem;font-weight:600;display:flex}.team-settings-page .add-member-row{gap:.75rem;display:flex}.team-settings-page .add-member-row input{color:#fff;background:#667eea1a;border:1px solid #667eea4d;border-radius:6px;flex:1;padding:.625rem 1rem;font-size:.875rem}.team-settings-page .add-member-row select{color:#fff;background:#667eea1a;border:1px solid #667eea4d;border-radius:6px;min-width:100px;padding:.625rem 1rem;font-size:.875rem}.team-settings-page .members-list h3{color:#a0aec0;margin:0 0 1rem;font-size:.875rem;font-weight:600}.team-settings-page .no-members{text-align:center;color:#a0aec0;background:#667eea1a;border-radius:8px;padding:1rem}.team-settings-page .member-item{border:1px solid #667eea33;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.team-settings-page .member-item:hover{border-color:#667eea}.team-settings-page .member-info{align-items:center;gap:.75rem;display:flex}.team-settings-page .member-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.team-settings-page .member-details{flex-direction:column;display:flex}.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;gap:.5rem;display:flex}.team-settings-page .role-select{color:#fff;background:#667eea1a;border:1px solid #667eea4d;border-radius:6px;padding:.375rem .75rem;font-size:.75rem}.team-settings-page .role-badge{border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:flex}.team-settings-page .role-badge.lead{color:#f59e0b;background:#f59e0b33}.team-settings-page .role-badge.member{color:#667eea;background:#667eea33}.team-settings-page .danger-section h2,.team-settings-page .danger-section h2 svg{color:#dc2626}.team-settings-page .danger-action{border:1px solid #667eea33;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.team-settings-page .danger-action.delete{background:#ef44441a;border-color:#ef44444d}.team-settings-page .danger-info h3{color:#fff;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.team-settings-page .danger-info p{color:#a0aec0;margin:0;font-size:.75rem}.team-settings-page .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.team-settings-page .modal{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea33;border-radius:12px;width:100%;max-width:480px;box-shadow:0 25px 50px #00000080}.team-settings-page .modal-header{border-bottom:1px solid #667eea33;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.team-settings-page .modal-header h3{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;display:flex}.team-settings-page .modal-header.danger h3{color:#dc2626}.team-settings-page .close-btn{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:6px;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{color:#fff;background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.875rem}.team-settings-page .modal-footer{border-top:1px solid #667eea33;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@media (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{flex-direction:column;align-items:flex-start;gap:.75rem}.team-settings-page .member-actions{justify-content:flex-end;width:100%}}body.theme-light .team-settings-page .loading-state,body.theme-light .team-settings-page .error-state{color:#5a5c7a}body.theme-light .team-settings-page .spinner{border-color:#6366f1 #6366f126 #6366f126}body.theme-light .team-settings-page .settings-header{border-bottom-color:#e2e4ee}body.theme-light .team-settings-page .back-btn{color:#5a5c7a;background:#6366f10f;border-color:#e2e4ee}body.theme-light .team-settings-page .back-btn:hover{color:#1e1f2e;background:#6366f11f}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:#ef444414;border-color:#ef444433}body.theme-light .team-settings-page .alert-success{background:#10b98114;border-color:#10b98133}body.theme-light .team-settings-page .tab{color:#5a5c7a}body.theme-light .team-settings-page .tab:hover{color:#1e1f2e;background:#6366f10f}body.theme-light .team-settings-page .tab.active{color:#6366f1;background:#6366f114;border-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 textarea,body.theme-light .team-settings-page .form-group select{color:#1e1f2e;background:#fff;border-color:#e2e4ee}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 #6366f114}body.theme-light .team-settings-page .form-group.readonly input{color:#5a5c7a;background:#f8f8fb}body.theme-light .team-settings-page .color-option.selected{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}body.theme-light .team-settings-page .btn-primary{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}body.theme-light .team-settings-page .btn-secondary{color:#5a5c7a;background:#6366f10f;border-color:#e2e4ee}body.theme-light .team-settings-page .btn-danger{background:#ef444414;border-color:#ef444433}body.theme-light .team-settings-page .btn-icon{color:#5a5c7a}body.theme-light .team-settings-page .btn-icon.danger:hover{background:#ef44441a}body.theme-light .team-settings-page .add-member-form{background:#6366f10a}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{color:#1e1f2e;background:#fff;border-color:#e2e4ee}body.theme-light .team-settings-page .members-list h3{color:#5a5c7a}body.theme-light .team-settings-page .no-members{color:#5a5c7a;background:#6366f10a}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{color:#1e1f2e;background:#fff;border-color:#e2e4ee}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:#ef44440a;border-color:#ef444433}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 #0000001f}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{color:#1e1f2e;background:#f8f8fb;border-color:#e2e4ee}body.theme-light .team-settings-page .modal-footer{border-top-color:#e2e4ee}.pricing-page{background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 100%);max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-header h1{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.pricing-header>p{color:#a0aec0;margin-bottom:2rem;font-size:1.1rem}.category-toggle{background:#667eea1a;border:1px solid #667eea33;border-radius:12px;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;display:inline-flex}.category-toggle button{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.category-toggle button:hover{color:#fff}.category-toggle button.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #667eea4d}.billing-toggle{justify-content:center;align-items:center;gap:1rem;display:flex}.billing-toggle span{color:#a0aec0;font-size:.95rem}.billing-toggle span.active{color:#fff;font-weight:600}.toggle-switch{cursor:pointer;background:#64748b59;border:none;border-radius:999px;align-items:center;width:52px;height:28px;transition:background-color .2s;display:inline-flex;position:relative}.toggle-switch:hover{background:#64748b73}.toggle-switch:has(.yearly){background:#4f46e5}.toggle-slider{pointer-events:none;background:0 0;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 1px 3px #0000004d}.toggle-slider.yearly{transform:translate(24px)}.save-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;margin-left:.5rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.plans-grid{gap:1.5rem;margin-bottom:4rem;display:grid}.plans-grid.individual{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.plans-grid.organization{grid-template-columns:repeat(4,1fr)}@media (width<=1200px){.plans-grid.individual,.plans-grid.organization{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.plans-grid.individual,.plans-grid.organization{grid-template-columns:1fr}}.plan-card{background:linear-gradient(135deg,#1a1a2ee6 0%,#252540e6 100%);border:1px solid #667eea33;border-radius:16px;padding:2rem;transition:border-color .2s,box-shadow .2s,background .2s;position:relative;transform:none}.plan-card:hover{border-color:#667eea66;transform:none;box-shadow:0 12px 30px #667eea26}.plan-card.popular{border-color:#667eea;box-shadow:0 8px 30px #667eea40}.plan-card.enterprise{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.plan-card.enterprise .plan-description,.plan-card.enterprise .plan-tagline{color:#fffc}.plan-card.enterprise .plan-cta{color:#667eea;background:#fff}.plan-card.enterprise .plan-cta:hover{background:#f0f0f0}.plan-card.enterprise .plan-features li{color:#ffffffe6}.plan-card.enterprise .check{color:#10b981}.popular-badge{z-index:1;color:#fff;pointer-events:none;will-change:auto;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;align-items:center;gap:.35rem;padding:.35rem 1rem;font-size:.75rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #667eea4d}.plan-icon{color:#667eea;margin-bottom:1rem;font-size:2rem}.plan-card.enterprise .plan-icon{color:#fff}.plan-name{color:#fff;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.plan-tagline{color:#a0aec0;margin-bottom:1rem;font-size:.85rem}.plan-pricing{margin-bottom:1rem}.price{color:#fff;font-size:2.5rem;font-weight:700}.price .currency{vertical-align:super;font-size:1.25rem}.price .period{color:#a0aec0;font-size:.9rem;font-weight:400}.plan-description{color:#a0aec0;min-height:48px;margin-bottom:1.5rem;font-size:.9rem}.plan-cta{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.plan-cta:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.plan-features{margin:0;padding:0;list-style:none}.plan-features li{color:#a0aec0;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.9rem;display:flex}.plan-features .check{color:#10b981;font-size:.85rem}.storage-section{text-align:center;background:linear-gradient(135deg,#1a1a2ecc 0%,#252540cc 100%);border:1px solid #667eea33;border-radius:16px;margin-bottom:4rem;padding:2rem}.storage-section h2{color:#fff;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.5rem;display:flex}.storage-section>p{color:#a0aec0;margin-bottom:1.5rem}.contact-storage-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;padding:.75rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.contact-storage-btn:hover{opacity:.9;transform:translateY(-1px)}.comparison-section{margin-bottom:4rem}.comparison-section>h2{text-align:center;color:#fff;margin-bottom:.5rem;font-size:1.75rem}.comparison-section>p{text-align:center;color:#a0aec0;margin-bottom:2rem}.comparison-table{border-collapse:collapse;background:linear-gradient(135deg,#1a1a2ecc 0%,#252540cc 100%);border:1px solid #667eea33;border-radius:16px;width:100%;overflow:hidden}.comparison-table th,.comparison-table td{text-align:center;border-bottom:1px solid #667eea1a;padding:1rem}.comparison-table th{color:#fff;background:#667eea26;font-weight:600}.comparison-table td:first-child{text-align:left;color:#a0aec0}.comparison-table td{color:#fff}.comparison-table .yes{color:#10b981}.comparison-table .no{color:#f87171}.comparison-table .category-row td{color:#667eea;background:#667eea1a;font-weight:600}.faq-section{margin-bottom:4rem}.faq-section>h2{text-align:center;color:#fff;margin-bottom:2rem;font-size:1.75rem}.faq-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=768px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:linear-gradient(135deg,#1a1a2ecc 0%,#252540cc 100%);border:1px solid #667eea33;border-radius:12px;padding:1.5rem}.faq-item h3{color:#fff;margin-bottom:.75rem;font-size:1rem}.faq-item p{color:#a0aec0;margin:0;font-size:.9rem;line-height:1.5}.contact-cta{text-align:center;background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border:1px solid #667eea33;border-radius:16px;padding:3rem}.contact-cta h2{color:#fff;margin-bottom:.5rem;font-size:1.75rem}.contact-cta p{color:#a0aec0;max-width:600px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.contact-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #667eea66}.contact-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.contact-modal{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea33;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid #667eea33;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:#fff;margin:0;font-size:1.25rem}.close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.close-btn:hover{color:#fff}.form-group input,.form-group textarea,.form-group select{color:#fff;background:#0f0f1ecc;border:1px solid #667eea4d;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.back-btn{color:#a0aec0;cursor:pointer;background:#667eea26;border:1px solid #667eea4d;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .2s;display:inline-flex}.back-btn:hover{color:#fff;background:#667eea40}body.theme-light .pricing-page{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%)}body.theme-light .pricing-header>p{color:#64748b}body.theme-light .category-toggle{background:#667eea0f;border-color:#00000014}body.theme-light .category-toggle button{color:#64748b}body.theme-light .category-toggle button:hover{color:#1a1a2e}body.theme-light .billing-toggle span{color:#64748b}body.theme-light .billing-toggle span.active{color:#1a1a2e}body.theme-light .plan-card{background:#fff;border-color:#00000014}body.theme-light .plan-card.enterprise{background:linear-gradient(135deg,#667eea,#764ba2)}body.theme-light .plan-name{color:#1a1a2e}body.theme-light .price{color:#1a1a2e}body.theme-light .price .period,body.theme-light .plan-description{color:#64748b}body.theme-light .plan-features li{color:#374151}body.theme-light .plan-card.enterprise .plan-name,body.theme-light .plan-card.enterprise .price,body.theme-light .plan-card.enterprise .plan-features li{color:#fff}body.theme-light .plan-card.enterprise .plan-description,body.theme-light .plan-card.enterprise .plan-tagline{color:#fffc}body.theme-light .storage-section{background:#fff;border-color:#00000014}body.theme-light .storage-section h2{color:#1a1a2e}body.theme-light .storage-section>p{color:#64748b}body.theme-light .comparison-table{background:#fff;border-color:#00000014}body.theme-light .comparison-table th{color:#1a1a2e;background:#667eea0f}body.theme-light .comparison-table td:first-child{color:#64748b}body.theme-light .comparison-table td{color:#1a1a2e;border-color:#0000000f}body.theme-light .comparison-table .category-row td{background:#667eea0a}body.theme-light .faq-item h3{color:#1a1a2e}body.theme-light .contact-cta{background:linear-gradient(135deg,#667eea0f 0%,#764ba20f 100%);border-color:#00000014}body.theme-light .contact-cta h2{color:#1a1a2e}body.theme-light .contact-cta p{color:#64748b}body.theme-light .contact-modal{background:#fff;border-color:#0000001a}body.theme-light .modal-header{border-color:#00000014}body.theme-light .close-btn{color:#64748b}body.theme-light .close-btn:hover,body.theme-light .form-group label{color:#1a1a2e}body.theme-light .back-btn{color:#64748b;background:#667eea0f;border-color:#0000001a}body.theme-light .back-btn:hover{color:#1a1a2e;background:#667eea1f}.paypal-button-wrapper{width:100%;max-width:400px;margin:0 auto}.paypal-error,.paypal-success{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.paypal-error svg,.paypal-success svg{margin-bottom:16px;font-size:48px}.paypal-error svg{color:#f5576c}.paypal-success svg{color:#28a745}.paypal-success h3{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.paypal-success p,.paypal-error p{color:var(--text-secondary);margin:0;font-size:14px}.paypal-error-message{color:#f5576c;background:#f5576c1a;border:1px solid #f5576c4d;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.paypal-error-message svg{font-size:18px}.paypal-loading{z-index:10;background:#0f0f23e6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.paypal-loading p{color:var(--text-primary);margin-top:16px;font-size:14px}.spinner{border:3px solid #ffffff1a;border-top-color:#ffc439;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}body.theme-light .paypal-loading{background:#fffffff2}body.theme-light .spinner{border-color:#003087 #0000001a #0000001a}@media (width<=480px){.paypal-error,.paypal-success{padding:16px}.paypal-error svg,.paypal-success svg{font-size:36px}.paypal-success h3{font-size:18px}}.sub-hub{padding:32px;animation:.4s fadeIn}.sub-hub.loading-state{color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.sub-hub-header{margin-bottom:32px}.sub-hub-header h1{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.sub-hub-header h1 svg{color:#667eea;margin-right:10px}.sub-hub-header p{color:#a0aec0;margin:0;font-size:14px}.sub-hub-tabs{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;gap:4px;margin-bottom:28px;padding:4px;display:flex}.sub-tab{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.sub-tab:hover{color:#fff;background:#667eea26}.sub-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea59}body.theme-light .sub-hub-tabs{background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 4px #00000014}body.theme-light .sub-tab{color:#374151}body.theme-light .sub-tab:hover{color:#111827;background:#667eea1a}body.theme-light .sub-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea4d}.sub-plan-header-card{background:linear-gradient(135deg,#1a1a2e 0%,#1e1e3a 100%);border:1px solid #667eea40;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.sub-plan-header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.sub-usage-section{margin-bottom:28px}.sub-usage-title{color:#e2e8f0;margin:0 0 16px;font-size:16px;font-weight:600}.sub-usage-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.sub-usage-card{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-radius:12px;padding:16px;transition:all .3s}.sub-usage-card:hover{border-color:#667eea40;transform:translateY(-1px)}.sub-usage-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.sub-usage-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.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;text-transform:uppercase;letter-spacing:.3px;flex:1;font-size:13px;font-weight:600}.sub-usage-count{color:#fff;font-size:16px;font-weight:700}.sub-usage-limit{color:#666;margin-left:2px;font-size:12px;font-weight:400}.sub-usage-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.sub-usage-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .5s}.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 0%,#f1f5f9 100%);border-color:#667eea26}body.theme-light .sub-usage-title{color:#18181b}body.theme-light .sub-usage-card{background:#fff;border-color:#00000014}body.theme-light .sub-usage-card:hover{border-color:#667eea40}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:#0000000f}.sub-quick-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:28px;display:grid}.sub-stat-card{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;position:relative}.sub-stat-card:hover{border-color:#667eea4d;transform:translateY(-2px)}.sub-stat-card.plan-card-highlight{background:linear-gradient(135deg,#1a1a2e 0%,#1e1e3a 100%);border-color:#667eea4d}.sub-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.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}.sub-stat-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.sub-stat-value{color:#fff;font-size:22px;font-weight:700}.sub-stat-sub{color:#666;font-size:12px}.btn-upgrade-small{color:#fff;cursor:pointer;white-space:normal;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;flex-shrink:1;justify-content:center;align-items:center;gap:6px;max-width:100%;padding:8px 16px;font-size:12px;font-weight:600;line-height:1.25;transition:all .3s;display:inline-flex}.btn-upgrade-small:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.mini-progress{background:#667eea1a;border-radius:0 0 16px 16px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.mini-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 0 16px;height:100%;transition:width .5s}.sub-features-card{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-radius:16px;margin-bottom:24px;padding:28px}.sub-features-card h3{color:#fff;margin:0 0 20px;font-size:18px}.sub-features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.sub-feature{color:#fff;background:#667eea0d;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.sub-feature.disabled{opacity:.4}.sub-feature .check{color:#10b981}.sub-feature .no{color:#ef4444}.btn-see-plans{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-see-plans:hover{background:#667eea33}.sub-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-size:14px;display:flex}.sub-warning button{color:#f59e0b;cursor:pointer;white-space:nowrap;background:#f59e0b33;border:1px solid #f59e0b4d;border-radius:8px;padding:6px 16px;font-size:12px;font-weight:600}.billing-toggle-bar{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;gap:4px;width:fit-content;margin-bottom:32px;margin-left:auto;margin-right:auto;padding:4px;display:flex}.billing-toggle-bar button{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .3s;display:flex}.billing-toggle-bar button:hover{color:#fff;background:#667eea26}.billing-toggle-bar button.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d}body.theme-light .billing-toggle-bar{background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 4px #00000014}body.theme-light .billing-toggle-bar button{color:#374151;font-weight:600}body.theme-light .billing-toggle-bar button:hover{color:#111827;background:#667eea1a}body.theme-light .billing-toggle-bar button.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d}.save-pill{color:#34d399;background:#10b98133;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}body.theme-light .save-pill{color:#047857;background:#dcfce7;border:1px solid #86efac;font-weight:700}.sub-plans-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.sub-plan-card{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-radius:16px;flex-direction:column;padding:28px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;transform:none}.sub-plan-card:hover{border-color:#667eea4d;transform:none;box-shadow:0 16px 36px #0000003d}.sub-plan-card.current{border-color:#667eea66;box-shadow:0 0 20px #667eea26}.sub-plan-card.popular{border-color:#f59e0b4d}.popular-pill,.current-pill{z-index:1;pointer-events:none;white-space:nowrap;will-change:auto;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.popular-pill{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.current-pill{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.sub-plan-header{text-align:center;margin-bottom:20px}.plan-icon-large{color:#667eea;margin-bottom:12px;font-size:32px}.sub-plan-header h3{color:#fff;margin:0 0 4px;font-size:20px}.plan-tagline{color:#a0aec0;margin:0;font-size:13px}.sub-plan-price{text-align:center;background:#667eea0d;border-radius:12px;margin-bottom:20px;padding:16px}.price-free,.price-custom{color:#fff;font-size:28px;font-weight:700}.price-amount{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-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;margin:0 0 20px;padding:0;list-style:none}.sub-plan-features li{color:#c4c4d4;border-bottom:1px solid #667eea0d;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.sub-plan-features li svg{color:#10b981;flex-shrink:0}.sub-plan-features li.not-included{color:#94a3b8}.sub-plan-features li.not-included svg{color:#ef4444}.sub-plan-cta{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;width:100%;margin-top:auto;padding:14px;font-size:14px;font-weight:700;transition:all .3s}.sub-plan-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.sub-plan-cta.current{color:#667eea;cursor:default;background:#667eea1a;border:1px solid #667eea33}.payment-promo-field{text-align:left;gap:8px;margin-bottom:14px;display:grid}.payment-promo-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.payment-promo-field span{color:#cbd5e1;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.payment-promo-field input{color:#f8fafc;box-sizing:border-box;background:#0f172a59;border:1px solid #94a3b838;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:15px;font-weight:650}.payment-promo-field input:focus{border-color:#667eeaa6;box-shadow:0 0 0 3px #667eea26}.payment-promo-apply{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:12px;min-height:48px;padding:0 18px;font-size:14px;font-weight:800}.payment-promo-apply:disabled{cursor:not-allowed;opacity:.55}.sub-plan-trial-btn{color:#a5b4fc;cursor:pointer;background:#6366f10f;border:1px dashed #6366f166;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.sub-plan-trial-btn:hover:not(:disabled){color:#c7d2fe;background:#6366f124;border-color:#6366f199}.sub-plan-trial-btn:disabled{opacity:.5;cursor:not-allowed}.sub-plan-trial-active{color:#6ee7b7;text-align:center;background:#34d39914;border:1px solid #34d3994d;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.sub-trial-banner{border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.sub-trial-banner.active{background:linear-gradient(135deg,#34d39914 0%,#6366f114 100%);border:1px solid #34d39933}.sub-trial-banner.available{background:linear-gradient(135deg,#6366f114 0%,#a855f714 100%);border:1px solid #6366f133}.sub-trial-info{align-items:center;gap:12px;min-width:0;display:flex}.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;margin-bottom:2px;font-size:14px;line-height:1.35;display:block}.sub-trial-info p{color:#94a3b8;margin:0;font-size:12px;line-height:1.45}.sub-trial-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-cancel-trial{color:#f87171;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ef44444d;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-cancel-trial:hover{background:#ef44441a;border-color:#ef444480}[data-theme=light] .btn-cancel-trial{color:#dc2626;border-color:#dc26264d}[data-theme=light] .btn-cancel-trial:hover{background:#dc262614;border-color:#dc262680}[data-theme=light] .sub-trial-banner.available,body.theme-light .sub-trial-banner.available{background:linear-gradient(135deg,#4f46e51a 0%,#7c3aed14 100%);border-color:#4f46e542}[data-theme=light] .sub-trial-banner.active,body.theme-light .sub-trial-banner.active{background:linear-gradient(135deg,#0596691a 0%,#4f46e514 100%);border-color:#05966947}[data-theme=light] .sub-trial-info strong,body.theme-light .sub-trial-info strong{color:#111827}[data-theme=light] .sub-trial-info p,body.theme-light .sub-trial-info p{color:#374151}.sub-storage-main{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.sub-storage-visual{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-radius:16px;flex-direction:column;align-items:center;gap:24px;padding:28px;display:flex}.storage-ring-container{width:160px;height:160px;position:relative}.storage-pie-container{border-radius:50%}.storage-pie-chart{border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,0 18px 42px #0000003d}.storage-pie-hole{background:#111827;border:1px solid #667eea2e;border-radius:50%;position:absolute;inset:32px}.storage-ring-svg{width:100%;height:100%}.storage-ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.storage-pct{color:#fff;font-size:28px;font-weight:700}.storage-label-small{color:#a0aec0;font-size:12px}.storage-summary-nums{text-align:center;align-items:center;gap:20px;display:flex}.storage-summary-nums>div:not(.divider){flex-direction:column;display:flex}.storage-summary-nums .num{color:#fff;font-size:16px;font-weight:700}.storage-summary-nums .lbl{color:#a0aec0;text-transform:uppercase;font-size:11px}.storage-summary-nums .divider{background:#667eea33;width:1px;height:30px}.sub-storage-breakdown{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-radius:16px;padding:28px}.sub-storage-breakdown h3{color:#fff;margin:0 0 20px;font-size:16px}.breakdown-bar-large{background:#667eea1a;border-radius:6px;height:12px;margin-bottom:20px;display:flex;overflow:hidden}.breakdown-seg{min-width:4px;transition:width .5s}.breakdown-items{flex-direction:column;gap:12px;display:flex}.breakdown-row{background:#667eea08;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.breakdown-icon{text-align:center;width:24px;font-size:16px}.breakdown-name{color:#c4c4d4;flex:1;font-size:14px;font-weight:500}.breakdown-size{color:#fff;font-size:14px;font-weight:600}.breakdown-pct{color:#a0aec0;text-align:right;min-width:36px;font-size:12px}.sub-storage-addons{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;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;margin:0 0 20px;font-size:14px}.addon-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.addon-card{text-align:center;background:#667eea0d;border:1px solid #667eea26;border-radius:12px;padding:20px;transition:all .3s}.addon-card:hover{border-color:#667eea4d;transform:translateY(-2px)}.addon-amount{color:#fff;margin-bottom:4px;font-size:20px;font-weight:700}.addon-price{color:#a0aec0;margin-bottom:12px;font-size:13px}.addon-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:8px 20px;font-size:12px;font-weight:600;transition:all .3s}.addon-btn:hover{transform:scale(1.05)}.sub-billing{flex-direction:column;gap:24px;display:flex}.billing-card,.billing-history-card{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea1a;border-radius:16px;padding:28px}.billing-header h3,.billing-history-card h3{color:#fff;margin:0 0 20px;font-size:18px}.billing-header h3 svg{color:#667eea;margin-right:8px}.billing-details{flex-direction:column;gap:0;margin-bottom:20px;display:flex}.billing-row{border-bottom:1px solid #667eea0d;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.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{gap:12px;display:flex}.billing-actions .btn-secondary{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s}.billing-actions .btn-secondary:hover{background:#667eea33}.billing-actions .btn-secondary:disabled,.btn-cancel:disabled{opacity:.55;cursor:not-allowed;transform:none}.billing-notice{color:#bfdbfe;background:#3b82f61a;border:1px solid #3b82f647;border-radius:10px;margin-top:12px;padding:12px 14px;font-size:13px;line-height:1.5}.billing-status-warning{color:#fbbf24}.billing-empty{text-align:center;color:#a0aec0;padding:40px 20px}.billing-empty svg{color:#667eea;opacity:.5;margin-bottom:12px;font-size:40px}.billing-empty p{color:#fff;margin:0 0 4px;font-weight:600}.billing-empty span{font-size:13px}.invoice-list{flex-direction:column;gap:2px;display:flex}.invoice-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.invoice-row:hover{background:#667eea12}.invoice-info{flex-direction:column;gap:2px;display:flex}.invoice-number{color:#e2e8f0;font-size:13px;font-weight:600}.invoice-date{color:#94a3b8;font-size:12px}.invoice-right{align-items:center;gap:12px;display:flex}.invoice-amount{color:#e2e8f0;font-size:14px;font-weight:700}.invoice-status{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.invoice-download-btn{color:#a5b4fc;cursor:pointer;background:#667eea1a;border:1px solid #667eea38;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.invoice-download-btn:hover{color:#fff;background:#667eea33}.invoice-status-paid,.invoice-status-COMPLETED{color:#34d399;background:#10b98126}.invoice-status-open,.invoice-status-PENDING{color:#fbbf24;background:#f59e0b26}.invoice-status-void,.invoice-status-uncollectible,.invoice-status-CANCELLED,.invoice-status-FAILED{color:#f87171;background:#ef444426}.invoice-download-btn{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea40;border-radius:9px;padding:0;font-size:13px;transition:all .15s}.invoice-download-btn:hover{background:#667eea33;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,body.theme-light .invoice-status-COMPLETED{color:#059669;background:#10b9811a}body.theme-light .invoice-status-open,body.theme-light .invoice-status-PENDING{color:#d97706;background:#f59e0b1a}body.theme-light .invoice-status-CANCELLED,body.theme-light .invoice-status-FAILED{color:#dc2626;background:#dc26261a}.billing-security{background:#10b9810d;border:1px solid #10b98126;border-radius:12px;gap:16px;padding:20px;display:flex}.billing-security>svg{color:#10b981;flex-shrink:0;margin-top:4px;font-size:24px}.billing-security strong{color:#fff;font-size:14px}.billing-security p{color:#a0aec0;margin:4px 0 0;font-size:13px}.payment-modal-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.payment-modal{background:#1a1a2e;border:1px solid #667eea33;border-radius:16px;width:90%;max-width:520px;max-height:90vh;padding:32px;animation:.3s slideUp;position:relative;overflow-y:auto}.modal-close{color:#a0aec0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:#fff;background:#ffffff1a}.payment-modal-header{text-align:center;margin-bottom:24px}.modal-plan-icon{color:#667eea;margin-bottom:12px;font-size:48px}.payment-modal-header h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700}.payment-modal-header p{color:#a0aec0;margin:0;font-size:14px}.payment-modal-price{text-align:center;background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;margin-bottom:24px;padding:20px}.price-display{justify-content:center;align-items:baseline;gap:4px;display:flex}.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{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.payment-modal-features{margin-bottom:24px}.payment-modal-features h4{color:#fff;margin:0 0 12px;font-size:14px;font-weight:600}.payment-modal-features ul{margin:0;padding:0;list-style:none}.payment-modal-features li{color:#a0aec0;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.payment-modal-features li svg{color:#28a745;font-size:14px}.payment-modal-checkout{margin-bottom:20px}.payment-modal-footer{text-align:center;border-top:1px solid #ffffff0d;padding-top:16px}.payment-modal-footer p{color:#a0aec0;justify-content:center;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.payment-modal-footer svg{color:#667eea}.billing-cancel-card{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #ef444426;border-radius:16px;padding:28px}.billing-cancel-card h3{color:#fff;margin:0 0 8px;font-size:16px}.billing-cancel-card p{color:#a0aec0;margin:0 0 16px;font-size:13px}.btn-cancel{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.sub-plans-footer{text-align:center;margin-top:24px}.btn-view-pricing{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-view-pricing:hover{background:#667eea33;transform:translateY(-2px)}.addon-billing-toggle{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.toggle-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.toggle-btn:hover{color:#fff;background:#667eea26}.toggle-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.save-tag{color:#34d399;background:#10b98133;border-radius:8px;margin-left:2px;padding:2px 6px;font-size:10px;font-weight:700}body.theme-light .addon-billing-toggle{background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 4px #00000014}body.theme-light .toggle-btn{color:#374151;font-weight:600}body.theme-light .toggle-btn:hover{color:#111827;background:#667eea1a}body.theme-light .toggle-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}body.theme-light .save-tag{color:#059669;background:#10b9811f;font-weight:700}.addon-savings{color:#10b981;margin-bottom:8px;font-size:11px;font-weight:600}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:#00000014}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:#00000014}body.theme-light .sub-features-card h3{color:#1a1a2e}body.theme-light .sub-feature{color:#1a1a2e;background:#667eea0a}body.theme-light .payment-promo-field span,[data-theme=light] .payment-promo-field span{color:#64748b}body.theme-light .payment-promo-field input,[data-theme=light] .payment-promo-field input{color:#111827;background:#f8fafc;border-color:#dbe3ef}body.theme-light .sub-plan-card{background:#fff;border-color:#00000014}body.theme-light .sub-plan-header h3{color:#1a1a2e}body.theme-light .plan-tagline{color:#64748b}body.theme-light .sub-plan-price{background:#667eea0a}body.theme-light .price-free,body.theme-light .price-custom{color:#1a1a2e}body.theme-light .sub-plan-features li{color:#374151;border-color:#0000000f}body.theme-light .sub-storage-visual{background:#fff;border-color:#00000014}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:#0000001a}body.theme-light .sub-storage-breakdown{background:#fff;border-color:#00000014}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:#00000014}@media (width<=600px){.sub-plan-header-card{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.btn-upgrade-small{justify-content:center;width:100%}.sub-trial-banner{flex-direction:column;align-items:stretch}.sub-trial-info{align-items:flex-start}.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:#667eea08;border-color:#00000014}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:#00000014}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:#0000000f}body.theme-light .billing-notice{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}body.theme-light .billing-status-warning{color:#b45309}body.theme-light .billing-empty p{color:#1a1a2e}body.theme-light .billing-empty span{color:#64748b}body.theme-light .storage-pie-hole{background:#fff;border-color:#dbeafe}body.theme-light .invoice-download-btn{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}body.theme-light .invoice-download-btn:hover{color:#1d4ed8;background:#dbeafe}body.theme-light .billing-security{background:#10b9810a;border-color:#10b9811f}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 #ef444426;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{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}body.theme-light .payment-modal{background:#fff;border-color:#0000001a}body.theme-light .payment-modal-header h2,body.theme-light .price-display .amount,body.theme-light .payment-modal-features h4{color:#1a1a2e}body.theme-light .payment-modal-features li{color:#374151}body.theme-light .modal-close{color:#666;background:#0000000d;border-color:#0000001a}body.theme-light .modal-close:hover{color:#000;background:#0000001a}body.theme-light .payment-modal-price{background:#667eea0a;border-color:#00000014}body.theme-light .payment-modal-footer{border-color:#00000014}body.theme-light .payment-modal-footer p{color:#64748b}@media (width<=1024px){.sub-storage-main{grid-template-columns:1fr}}@media (width<=768px){.sub-hub{padding:16px}.sub-hub-tabs{flex-direction:column}.sub-quick-stats,.sub-plans-grid,.payment-promo-row{grid-template-columns:1fr}.payment-promo-apply{width:100%}.payment-modal{padding:24px}.price-display .amount{font-size:36px}}.sub-compare-table{margin-top:48px}.sub-compare-table h2{color:#fff;align-items:center;gap:10px;margin-bottom:24px;font-size:22px;font-weight:700;display:flex}.sub-compare-table h2 svg{color:#667eea}.compare-table-wrapper{border:1px solid #667eea33;border-radius:12px;overflow-x:auto}.compare-table-wrapper table{border-collapse:collapse;width:100%;min-width:800px}.compare-table-wrapper th{color:#a0aec0;text-align:center;white-space:nowrap;background:#667eea14;border-bottom:1px solid #667eea26;padding:14px 16px;font-size:13px;font-weight:600}.compare-table-wrapper th:first-child{text-align:left;min-width:180px}.compare-table-wrapper td{color:#e2e8f0;text-align:center;border-bottom:1px solid #667eea14;padding:12px 16px;font-size:13px}.compare-table-wrapper td:first-child{text-align:left;color:#a0aec0;font-weight:500}.compare-table-wrapper tr:hover td{background:#667eea0a}.compare-section-row td{text-transform:uppercase;letter-spacing:1px;color:#667eea!important;background:#667eea0f!important;padding:10px 16px!important;font-size:11px!important;font-weight:700!important}.feat-yes{color:#10b981;font-size:14px}.feat-no{color:#a0aec04d;font-size:12px}.sub-faq{margin-top:48px}.sub-faq h2{color:#fff;margin-bottom:24px;font-size:22px;font-weight:700}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{background:#667eea0d;border:1px solid #667eea26;border-radius:10px;transition:all .3s;overflow:hidden}.faq-item[open]{background:#667eea14;border-color:#667eea4d}.faq-item summary{color:#e2e8f0;cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#667eea;font-size:18px;font-weight:300;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#a0aec0;margin:0;padding:0 20px 16px;font-size:14px;line-height:1.7}.sub-cta{text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba214);border:1px solid #667eea33;border-radius:16px;margin-top:48px;padding:48px 32px}.sub-cta h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700}.sub-cta p{color:#a0aec0;margin:0 0 24px;font-size:15px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-cta-secondary{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-cta-secondary:hover{background:#667eea33;border-color:#667eea80}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{color:#4a5568;background:#f7fafc;border-color:#e2e8f0}body.theme-light .compare-table-wrapper td{color:#1a202c;border-color:#f0f0f0}body.theme-light .compare-table-wrapper td:first-child{color:#4a5568}body.theme-light .compare-table-wrapper tr:hover td{background:#667eea08}body.theme-light .compare-section-row td{color:#667eea!important;background:#f0f4ff!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,#667eea0f,#764ba20a);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:#667eea0f;border-color:#667eea}.addon-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#4f46e5);border:0;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 24px;font-weight:800;display:inline-flex}.subscription-contact-overlay{z-index:1300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06090e8f;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.subscription-contact-modal{color:#f8fafc;background:#151a2c;border:1px solid #94a3b82e;border-radius:24px;width:min(520px,100%);padding:28px;position:relative;box-shadow:0 30px 80px #00000052}.subscription-contact-close{width:42px;height:42px;color:inherit;cursor:pointer;background:#94a3b81f;border:0;border-radius:12px;position:absolute;top:14px;right:14px}.subscription-contact-icon{color:#fff;background:linear-gradient(135deg,#667eea,#4f46e5);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:16px;font-size:24px;display:flex}.subscription-contact-kicker{color:#a5b4fc;letter-spacing:.1em;margin:0 0 6px;font-size:12px;font-weight:900}.subscription-contact-modal h2{color:inherit;margin:0 44px 10px 0;font-size:26px}.subscription-contact-modal p{color:#b7c3d6;margin:0;line-height:1.55}.subscription-contact-summary{background:#667eea1f;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:14px 16px;display:flex}.subscription-contact-summary span{color:#b7c3d6}.subscription-contact-actions{gap:10px;display:flex}.subscription-contact-primary,.subscription-contact-secondary{cursor:pointer;border-radius:12px;min-height:46px;padding:0 16px;font-weight:800}.subscription-contact-primary{color:#fff;background:linear-gradient(135deg,#667eea,#4f46e5);border:0;flex:1}.subscription-contact-secondary{color:inherit;background:0 0;border:1px solid #94a3b838}body.theme-light .subscription-contact-modal,[data-theme=light] .subscription-contact-modal{color:#111827;background:#fff;border-color:#dbe3ef}body.theme-light .subscription-contact-close,[data-theme=light] .subscription-contact-close{color:#475569;background:#f1f5f9}body.theme-light .subscription-contact-modal p,[data-theme=light] .subscription-contact-modal p,body.theme-light .subscription-contact-summary span,[data-theme=light] .subscription-contact-summary span{color:#5c6b82}body.theme-light .subscription-contact-summary,[data-theme=light] .subscription-contact-summary{background:#eef2ff}@media (width<=620px){.subscription-contact-overlay{align-items:flex-start;padding:12px}.subscription-contact-modal{max-height:calc(100vh - 24px);padding:22px;overflow:auto}.subscription-contact-actions{flex-direction:column}.subscription-contact-primary,.subscription-contact-secondary{width:100%}}.eshare-overlay{z-index:3000;background:#000000a8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.eshare-modal{--share-bg:#17171f;--share-panel:#1f1f2a;--share-panel-2:#252637;--share-border:#ffffff1a;--share-text:#f4f4f7;--share-muted:#9ca0b8;--share-accent:#6366f1;--share-danger:#f43f5e;width:min(1120px,96vw);height:min(860px,92vh);max-height:92vh;color:var(--share-text);background:var(--share-bg);border:1px solid var(--share-border);border-radius:12px;flex-direction:column;font-family:DM Sans,Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000080}body.theme-light .eshare-modal{--share-bg:#fff;--share-panel:#f7f8fc;--share-panel-2:#eef0f8;--share-border:#e1e4ef;--share-text:#202235;--share-muted:#62677f;--share-accent:#4f46e5;--share-danger:#dc2626}.eshare-head{border-bottom:1px solid var(--share-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.eshare-head h2{letter-spacing:0;margin:4px 0 0;font-size:24px}.eshare-kicker{color:var(--share-muted);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.eshare-icon-btn{border:1px solid var(--share-border);background:var(--share-panel);width:36px;height:36px;color:var(--share-text);cursor:pointer;border-radius:8px}.eshare-grid{flex:1;grid-template-columns:280px minmax(0,1fr);min-height:0;display:grid}.eshare-side{border-right:1px solid var(--share-border);padding:18px;overflow:auto}.eshare-main{min-height:0;padding:18px;overflow:auto}.eshare-section-title{color:var(--share-text);align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.eshare-muted{color:var(--share-muted);font-size:13px}.eshare-share-row{border:1px solid var(--share-border);width:100%;min-height:44px;color:var(--share-text);background:var(--share-panel);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.eshare-share-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.eshare-share-row.active{border-color:var(--share-accent);background:#6366f124}.eshare-segments{border:1px solid var(--share-border);background:var(--share-panel);border-radius:10px;margin-bottom:16px;padding:4px;display:inline-flex}.eshare-segments button{min-height:36px;color:var(--share-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-weight:700}.eshare-segments button.active{background:var(--share-accent);color:#fff}.eshare-panel,.eshare-output,.eshare-analytics{border:1px solid var(--share-border);background:var(--share-panel);border-radius:10px;margin-bottom:14px;padding:16px}.eshare-field-grid{grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:8px;display:grid}.eshare-check,.eshare-switch{border:1px solid var(--share-border);background:var(--share-panel-2);border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 10px;font-size:13px;display:flex}.eshare-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.eshare-form-grid label,.eshare-item-expiry label{color:var(--share-muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.eshare-form-grid input,.eshare-form-grid select,.eshare-form-grid textarea,.eshare-full-input,.eshare-item-expiry input{box-sizing:border-box;border:1px solid var(--share-border);background:var(--share-bg);width:100%;min-height:38px;color:var(--share-text);border-radius:8px;outline:none;padding:9px 10px}.eshare-form-grid textarea{resize:vertical;min-height:78px}.eshare-switch{color:var(--share-text);justify-content:flex-start;align-self:end}.eshare-switch input{width:auto;min-height:auto}.eshare-item-expiry{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.eshare-users{gap:8px;margin-top:10px;display:grid}.eshare-users button{border:1px solid var(--share-border);min-height:42px;color:var(--share-text);background:var(--share-panel-2);cursor:pointer;border-radius:8px;align-items:center;gap:10px;display:flex}.eshare-users button.selected{border-color:var(--share-accent)}.eshare-users span{color:var(--share-muted);margin-left:auto;font-size:12px}.eshare-output{grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:16px;display:grid}.eshare-url{border:1px solid var(--share-border);background:var(--share-bg);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.eshare-url span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--share-muted);font-size:13px;overflow:hidden}.eshare-url button,.eshare-primary,.eshare-secondary,.eshare-danger{border:1px solid var(--share-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-weight:700;display:inline-flex}.eshare-url button,.eshare-secondary{background:var(--share-panel-2);color:var(--share-text)}.eshare-primary{background:var(--share-accent);color:#fff;border-color:var(--share-accent)}.eshare-primary:disabled{opacity:.55;cursor:not-allowed}.eshare-danger{color:var(--share-danger);background:0 0;border-color:#f43f5e59}.eshare-qr p{color:var(--share-muted);margin:0 0 8px;font-size:12px;font-weight:700}.eshare-qr img{background:#fff;border-radius:8px;width:150px;height:150px;padding:8px}.eshare-analytics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.eshare-analytics .eshare-section-title{grid-column:1/-1}.eshare-analytics div{border:1px solid var(--share-border);background:var(--share-panel-2);border-radius:8px;padding:12px}.eshare-analytics strong{font-size:18px;display:block}.eshare-analytics span{color:var(--share-muted);font-size:12px}.eshare-actions{background:var(--share-bg);border-top:1px solid var(--share-border);justify-content:flex-end;gap:10px;padding:14px 0 0;display:flex;position:sticky;bottom:-18px}@media (width<=840px){.eshare-overlay{align-items:stretch;padding:0}.eshare-modal{border-radius:0;width:100vw;height:100vh;max-height:100vh}.eshare-grid{grid-template-columns:1fr}.eshare-side{border-right:0;border-bottom:1px solid var(--share-border);max-height:150px}.eshare-form-grid,.eshare-output,.eshare-analytics{grid-template-columns:1fr}}.ecol-page{--ecol-surface:#17171f;--ecol-surface2:#1e1e28;--ecol-border:#ffffff14;--ecol-border-hover:#6366f180;--ecol-accent:#6366f1;--ecol-accent-soft:#6366f11f;--ecol-text1:#f0f0f5;--ecol-text2:#9090a8;--ecol-text3:#60607a;--ecol-danger:#f43f5e;--ecol-card-shadow:0 4px 24px #0000004d;--ecol-card-shadow-hover:0 8px 32px #6366f126;--ecol-modal-bg:#17171f;--ecol-modal-shadow:0 20px 80px #0009;--ecol-overlay:#000000a6;--ecol-input-bg:#ffffff0d;--ecol-input-border:#ffffff1a;--ecol-icon-grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--ecol-dashed:#6366f14d;--ecol-dashed-hover:#6366f199;max-width:1400px;color:var(--ecol-text1);padding:32px;font-family:DM Sans,Segoe UI,system-ui,sans-serif}body.theme-light .ecol-page{--ecol-surface:#fff;--ecol-surface2:#f8f8fb;--ecol-border:#e2e4ee;--ecol-border-hover:#6366f1;--ecol-accent:#6366f1;--ecol-accent-soft:#6366f112;--ecol-text1:#1e1f2e;--ecol-text2:#5a5c7a;--ecol-text3:#a0a3b1;--ecol-danger:#ef4444;--ecol-card-shadow:0 2px 12px #0000000f;--ecol-card-shadow-hover:0 6px 24px #6366f124;--ecol-modal-bg:#fff;--ecol-modal-shadow:0 20px 60px #00000026;--ecol-overlay:#0006;--ecol-input-bg:#fff;--ecol-input-border:#e2e4ee;--ecol-icon-grad:linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--ecol-dashed:#c7c9e0;--ecol-dashed-hover:#6366f1}body.theme-light .ecol-modal-wrap,body.theme-light .ecol-detail{--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-modal-wrap,.ecol-detail,.ecol-confirm-wrap{--ecol-surface:#17171f;--ecol-surface2:#1e1e28;--ecol-border:#ffffff14;--ecol-border-hover:#6366f180;--ecol-accent:#6366f1;--ecol-accent-soft:#6366f11f;--ecol-text1:#f0f0f5;--ecol-text2:#9090a8;--ecol-text3:#60607a;--ecol-danger:#f43f5e;--ecol-modal-bg:#17171f;--ecol-modal-shadow:0 20px 80px #0009;--ecol-overlay:#000000a6;--ecol-input-bg:#ffffff0d;--ecol-input-border:#ffffff1a;--ecol-icon-grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--ecol-dashed:#6366f14d;--ecol-dashed-hover:#6366f199}body.theme-light .ecol-modal-wrap,body.theme-light .ecol-detail,body.theme-light .ecol-confirm-wrap{--ecol-surface:#fff;--ecol-surface2:#f8f8fb;--ecol-border:#e2e4ee;--ecol-border-hover:#6366f1;--ecol-accent:#6366f1;--ecol-accent-soft:#6366f112;--ecol-text1:#1e1f2e;--ecol-text2:#5a5c7a;--ecol-text3:#a0a3b1;--ecol-danger:#ef4444;--ecol-modal-bg:#fff;--ecol-modal-shadow:0 20px 60px #00000026;--ecol-overlay:#0006;--ecol-input-bg:#fff;--ecol-input-border:#e2e4ee;--ecol-icon-grad:linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--ecol-dashed:#c7c9e0;--ecol-dashed-hover:#6366f1}.ecol-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.ecol-header-title-wrap{align-items:center;gap:14px;display:flex}.ecol-header-icon{background:var(--ecol-icon-grad);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.ecol-header h1{color:var(--ecol-text1);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:700}.ecol-header-sub{color:var(--ecol-text2);margin:3px 0 0;font-size:13.5px}.ecol-btn-new{color:#fff;cursor:pointer;white-space:nowrap;background:#1e1f2e;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s;display:flex;box-shadow:0 2px 12px #1e1f2e2e}.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{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;display:flex}.ecol-search-wrap{background:var(--ecol-surface);border:1.5px solid var(--ecol-input-border);border-radius:12px;flex:1;align-items:center;gap:10px;min-width:200px;padding:10px 16px;display:flex}.ecol-search-icon{color:var(--ecol-text3);font-size:14px}.ecol-search-input{color:var(--ecol-text1);background:0 0;border:none;outline:none;flex:1;font-size:14px}.ecol-search-input::placeholder{color:var(--ecol-text3)}.ecol-sort-select{background:var(--ecol-surface);border:1.5px solid var(--ecol-input-border);color:var(--ecol-text1);cursor:pointer;border-radius:12px;outline:none;padding:10px 14px;font-size:13.5px}.ecol-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.ecol-card{background:var(--ecol-surface);border:1.5px solid var(--ecol-border);cursor:pointer;box-shadow:var(--ecol-card-shadow);-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:column;gap:10px;padding:22px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative}.ecol-card:hover{border-color:var(--ecol-border-hover);box-shadow:var(--ecol-card-shadow-hover);background:#6366f112}.ecol-card-top{justify-content:space-between;align-items:center;display:flex}.ecol-card-icon-wrap{background:var(--ecol-icon-grad);border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.ecol-card-delete{cursor:pointer;color:var(--ecol-text3);opacity:0;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:18px;line-height:1;transition:opacity .15s,color .15s}.ecol-card-share{border:1px solid var(--ecol-border);background:var(--ecol-surface2);min-height:36px;color:var(--ecol-text1);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:13px;font-weight:700;display:inline-flex}.ecol-card-share:hover{border-color:var(--ecol-accent);color:var(--ecol-accent)}.ecol-card:hover .ecol-card-delete{opacity:1}.ecol-card-delete:hover{color:var(--ecol-danger)}.ecol-card-name{color:var(--ecol-text1);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.ecol-card-desc{color:var(--ecol-text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.ecol-card-count{color:var(--ecol-text3);margin-top:4px;font-size:12px}.ecol-card-add{border:2px dashed var(--ecol-dashed);cursor:pointer;background:0 0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:148px;padding:22px;transition:border-color .18s,background .18s;display:flex}.ecol-card-add:hover{border-color:var(--ecol-dashed-hover);background:#6366f112}.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{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:64px 32px;display:flex}.ecol-empty-icon{opacity:.2;font-size:56px}.ecol-empty h3{color:var(--ecol-text1);margin:0;font-size:18px;font-weight:700}.ecol-empty p{color:var(--ecol-text2);margin:0;font-size:14px}.ecol-overlay{background:var(--ecol-overlay,#000000a6);z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ecol-modal-wrap{background:var(--ecol-modal-bg);width:440px;max-width:95vw;box-shadow:var(--ecol-modal-shadow);color:var(--ecol-text1);border-radius:20px;flex-direction:column;gap:18px;padding:30px 28px;display:flex}.ecol-modal-header-row{justify-content:space-between;align-items:center;display:flex}.ecol-modal-title{color:var(--ecol-text1);margin:0;font-size:18px;font-weight:700}.ecol-color-picker{flex-wrap:wrap;gap:6px;display:flex}.ecol-color-btn{cursor:pointer;border:2px solid #0000;border-radius:8px;width:32px;height:32px;transition:border-color .15s,transform .15s}.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{flex-wrap:wrap;gap:6px;display:flex}.ecol-icon-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:border-color .15s,background .15s;display:flex}.ecol-icon-btn:hover{background:#6366f11a}.ecol-icon-btn.selected{border-color:var(--ecol-accent);background:#6366f11a}.ecol-form-group{flex-direction:column;gap:6px;display:flex}.ecol-form-label{color:var(--ecol-text2);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:600}.ecol-form-input{background:var(--ecol-input-bg);border:1.5px solid var(--ecol-input-border);color:var(--ecol-text1);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.ecol-form-input::placeholder{color:var(--ecol-text3)}.ecol-form-input:focus{border-color:var(--ecol-accent)}textarea.ecol-form-input{resize:vertical;min-height:72px}.ecol-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.ecol-btn-cancel{border:1.5px solid var(--ecol-input-border);cursor:pointer;color:var(--ecol-text2);background:0 0;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600;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);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:9px 22px;font-size:14px;font-weight:600;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);width:520px;max-width:96vw;max-height:88vh;box-shadow:var(--ecol-modal-shadow);color:var(--ecol-text1);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.ecol-detail-head{border-bottom:1px solid var(--ecol-border);align-items:flex-start;gap:14px;padding:24px 24px 18px;display:flex}.ecol-detail-icon{background:var(--ecol-icon-grad);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.ecol-detail-head-info{flex:1;min-width:0}.ecol-detail-name{color:var(--ecol-text1);margin:0;font-size:17px;font-weight:700}.ecol-detail-desc{color:var(--ecol-text2);margin:3px 0 0;font-size:13px}.ecol-detail-close{cursor:pointer;color:var(--ecol-text3);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;font-size:18px;line-height:1;transition:color .15s}.ecol-detail-close:hover{color:var(--ecol-text1)}.ecol-detail-count{color:var(--ecol-text3);margin-top:4px;font-size:12px}.ecol-detail-tabs{border-bottom:1px solid var(--ecol-border);background:var(--ecol-modal-bg);gap:0;padding:0 24px;display:flex}.ecol-detail-tab{color:var(--ecol-text3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:12px 18px;font-size:13.5px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.ecol-detail-tab:hover{color:var(--ecol-text1)}.ecol-detail-tab.active{color:var(--ecol-accent);border-bottom-color:var(--ecol-accent)}.ecol-tab-count{background:var(--ecol-accent-soft,#6366f11f);min-width:20px;height:20px;color:var(--ecol-accent);border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.ecol-items-view{flex:1;padding:0;overflow-y:auto}.ecol-items-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 24px;display:flex}.ecol-items-empty-icon{color:var(--ecol-text3);opacity:.5;font-size:38px}.ecol-items-empty p{color:var(--ecol-text2);margin:0;font-size:14px}.ecol-item-list{padding:8px 0}.ecol-add-view{flex:1;overflow-y:auto}.ecol-lib-search-section{border-bottom:1px solid var(--ecol-border);background:var(--ecol-surface2);padding:16px 24px 14px}.ecol-lib-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ecol-lib-title{text-transform:uppercase;letter-spacing:.6px;color:var(--ecol-accent);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:flex}.ecol-lib-mode-tabs{background:var(--ecol-surface2);border:1px solid var(--ecol-border);border-radius:8px;gap:2px;padding:2px;display:flex}.ecol-lib-tab{color:var(--ecol-text2);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:flex}.ecol-lib-tab:hover{color:var(--ecol-text1)}.ecol-lib-tab.active{background:var(--ecol-accent);color:#fff;box-shadow:0 2px 6px #6366f14d}.ecol-lib-search-row{background:var(--ecol-input-bg);border:1.5px solid var(--ecol-input-border);border-radius:12px;align-items:center;gap:10px;min-height:42px;margin-bottom:10px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:flex}.ecol-lib-search-row:focus-within{border-color:var(--ecol-accent);box-shadow:0 0 0 3px #6366f11f}.ecol-lib-search-icon{color:var(--ecol-text3);flex-shrink:0;font-size:14px}.ecol-lib-search-input{color:var(--ecol-text1);background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-family:inherit;font-size:14px}.ecol-lib-search-input::placeholder{color:var(--ecol-text3)}.ecol-lib-spin{color:var(--ecol-accent);font-size:13px}.ecol-lib-clear-btn{cursor:pointer;color:var(--ecol-text3);background:0 0;border:none;align-items:center;padding:2px;font-size:12px;display:flex}.ecol-lib-clear-btn:hover{color:var(--ecol-text1)}.ecol-lib-cat-chips{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.ecol-lib-cat-chip{border:1.5px solid var(--ecol-border);color:var(--ecol-text2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.ecol-lib-cat-chip:hover{border-color:var(--ecol-accent);color:var(--ecol-accent)}.ecol-lib-cat-chip.active{background:var(--ecol-accent-soft);border-color:var(--ecol-accent);color:var(--ecol-accent)}.ecol-lib-extra-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ecol-lib-cond-filter{border:1.5px solid var(--ecol-border);background:var(--ecol-input-bg,transparent);color:var(--ecol-text2);cursor:pointer;border-radius:8px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:600}.ecol-lib-cond-filter:focus{border-color:var(--ecol-accent);outline:none}.ecol-lib-results{border:1px solid var(--ecol-border);border-radius:10px;flex-direction:column;max-height:220px;margin-bottom:4px;display:flex;overflow-y:auto}.ecol-lib-results::-webkit-scrollbar{width:4px}.ecol-lib-results::-webkit-scrollbar-track{background:0 0}.ecol-lib-results::-webkit-scrollbar-thumb{background:#6366f140;border-radius:4px}.ecol-lib-result-row{border-bottom:1px solid var(--ecol-border);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;transition:background .12s;display:flex}.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{opacity:.5;cursor:default}.ecol-lib-result-img{object-fit:cover;background:var(--ecol-surface2);border-radius:8px;flex-shrink:0;width:38px;height:38px}.ecol-lib-result-no-img{background:var(--ecol-surface2);border:1px solid var(--ecol-border);width:38px;height:38px;color:var(--ecol-text3);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.ecol-lib-result-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ecol-lib-result-name{color:var(--ecol-text1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ecol-lib-result-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ecol-lib-result-cat{color:var(--ecol-text3);background:var(--ecol-surface2);border:1px solid var(--ecol-border);text-transform:uppercase;letter-spacing:.4px;border-radius:4px;padding:1px 6px;font-size:10px}.ecol-lib-result-cond{color:#f59e0b;text-transform:capitalize;background:#f59e0b1a;border-radius:4px;padding:1px 6px;font-size:10px}.ecol-lib-result-val{color:#22c55e;font-size:11px;font-weight:700}.ecol-lib-add-btn{background:var(--ecol-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:opacity .15s,background .15s;display:flex}.ecol-lib-add-btn:hover:not(:disabled){opacity:.85}.ecol-lib-add-btn.done{cursor:default;background:#22c55e}.ecol-lib-no-results{text-align:center;color:var(--ecol-text3);padding:10px 0;font-size:13px}.ecol-lib-hint{text-align:center;color:var(--ecol-text3);padding:8px 0;font-size:12px;font-style:italic}.ecol-divider{color:var(--ecol-text3);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:10px;padding:4px 20px;font-size:11px;display:flex}.ecol-divider:before,.ecol-divider:after{content:"";background:var(--ecol-border);flex:1;height:1px}.ecol-add-item-form{border-bottom:1px solid var(--ecol-border);flex-direction:column;gap:10px;padding:16px 24px;display:flex}.ecol-add-item-label{text-transform:uppercase;letter-spacing:.5px;color:var(--ecol-text2);margin-bottom:2px;font-size:12px;font-weight:600}.ecol-add-item-row{align-items:center;gap:8px;display:flex}.ecol-type-select{background:var(--ecol-input-bg);border:1.5px solid var(--ecol-input-border);color:var(--ecol-text1);cursor:pointer;border-radius:8px;outline:none;min-width:110px;padding:9px 10px;font-family:inherit;font-size:13px}.ecol-item-name-input{background:var(--ecol-input-bg);border:1.5px solid var(--ecol-input-border);color:var(--ecol-text1);border-radius:8px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:14px;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);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:700;line-height:1;transition:opacity .15s}.ecol-add-item-btn:hover{opacity:.85}.ecol-item-list{flex-direction:column;flex:1;gap:6px;padding:12px 24px 20px;display:flex;overflow-y:auto}.ecol-item-list-empty{text-align:center;color:var(--ecol-text3);padding:32px 0;font-size:14px}.ecol-item-row{background:var(--ecol-surface2);border:1px solid var(--ecol-border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.ecol-item-row:hover{border-color:var(--ecol-border-hover)}.ecol-item-row.clickable{cursor:pointer}.ecol-item-row.clickable:hover{background:var(--ecol-accent-soft,#6366f114)}.ecol-item-row-left{align-items:center;gap:8px;min-width:0;display:flex}.ecol-item-thumb{object-fit:cover;background:var(--ecol-surface2);border-radius:6px;flex-shrink:0;width:32px;height:32px}.ecol-item-link-badge{color:var(--ecol-accent);opacity:.6;flex-shrink:0;font-size:10px}.ecol-type-badge{white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:700}.ecol-item-name{color:var(--ecol-text1);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.ecol-item-remove{cursor:pointer;color:var(--ecol-text3);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:0 4px;font-size:16px;line-height:1;transition:color .15s}.ecol-item-remove:hover{color:var(--ecol-danger)}.ecol-type-document{color:#818cf8;background:#6366f126}.ecol-type-image{color:#fb923c;background:#fb923c26}.ecol-type-link{color:#22c55e;background:#22c55e26}.ecol-type-note{color:#a855f7;background:#a855f726}.ecol-type-video{color:#ef4444;background:#ef444426}.ecol-type-audio{color:#14b8a6;background:#14b8a626}.ecol-type-spreadsheet{color:#16a34a;background:#22c55e26}.ecol-type-presentation{color:#3b82f6;background:#3b82f626}.ecol-type-report{color:#94a3b8;background:#94a3b826}.ecol-type-task{color:#eab308;background:#eab30826}.ecol-type-invoice{color:#ca8a04;background:#fbbf2426}.ecol-type-contract{color:#f43f5e;background:#f43f5e26}.ecol-type-email{color:#60a5fa;background:#3b82f626}.ecol-type-contact{color:#0d9488;background:#14b8a626}.ecol-type-blueprint{color:#6366f1;background:#6366f126}.ecol-type-code{color:#64748b;background:#94a3b826}body.theme-light .ecol-type-document{color:#6366f1;background:#eef2ff}body.theme-light .ecol-type-image{color:#ea580c;background:#fff7ed}body.theme-light .ecol-type-link{color:#16a34a;background:#f0fdf4}body.theme-light .ecol-type-note{color:#7c3aed;background:#faf5ff}body.theme-light .ecol-type-video{color:#dc2626;background:#fef2f2}body.theme-light .ecol-type-audio{color:#0f766e;background:#f0fdfa}body.theme-light .ecol-type-spreadsheet{color:#15803d;background:#f0fdf4}body.theme-light .ecol-type-presentation{color:#2563eb;background:#eff6ff}body.theme-light .ecol-type-report{color:#64748b;background:#f8fafc}body.theme-light .ecol-type-task{color:#ca8a04;background:#fefce8}body.theme-light .ecol-type-invoice{color:#b45309;background:#fffbeb}body.theme-light .ecol-type-contract{color:#be123c;background:#fff1f2}body.theme-light .ecol-type-email{color:#1d4ed8;background:#eff6ff}body.theme-light .ecol-type-contact{color:#0f766e;background:#f0fdfa}body.theme-light .ecol-type-blueprint{color:#4338ca;background:#eef2ff}body.theme-light .ecol-type-code{color:#475569;background:#f8fafc}.search-clear-btn{width:28px;height:28px;color:var(--ecol-text3,#8b949e);cursor:pointer;z-index:2;white-space:nowrap;background:#ffffff0f;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex;position:absolute;top:50%;right:10px;overflow:hidden;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--ecol-text1,#e2e8f0);background:#ffffff1a}@media (width<=768px){.ecol-page{max-width:100vw;padding:12px;overflow-x:hidden}.ecol-grid{grid-template-columns:1fr;gap:12px}.ecol-header{flex-wrap:wrap;gap:10px}.ecol-header h1{font-size:20px}.ecol-toolbar{grid-template-columns:1fr;gap:10px;width:100%;display:grid}.ecol-search-wrap,.ecol-sort-select{width:100%;min-width:0}.ecol-search-input{font-size:14px}.ecol-detail{border-radius:16px;max-width:96vw;max-height:90vh;padding:16px}.ecol-detail-header{gap:10px}.ecol-detail-name{font-size:18px}.ecol-detail-tabs{gap:0}.ecol-detail-tabs button{padding:10px 14px;font-size:13px}.ecol-lib-mode-tabs{flex-wrap:wrap}.ecol-lib-cats{flex-wrap:wrap;gap:6px}.ecol-lib-cats button{padding:4px 10px;font-size:12px}.ecol-add-item-row{flex-wrap:wrap;gap:8px}.ecol-add-item-row select,.ecol-add-item-row input{min-width:100%}.ecol-lib-item{padding:8px 10px;font-size:13px}.ecol-lib-item-thumb{width:36px;height:36px}.ecol-card{padding:16px}.ecol-card-name{font-size:15px}.ecol-card-delete{opacity:1}}@media (width<=480px){.ecol-page{padding:8px}.ecol-toolbar{gap:8px}.ecol-search-wrap,.ecol-sort-select{width:100%}.ecol-detail{border-radius:12px;max-width:100vw;padding:12px}.ecol-detail-name{word-break:break-word;font-size:16px}.ecol-detail-tabs button{padding:8px 10px;font-size:12px}.ecol-header h1{font-size:18px}}.ecol-confirm-wrap{text-align:center;color:#e2e8f0;background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea33;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:420px;max-width:92vw;padding:36px 32px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalEnter;display:flex;box-shadow:0 24px 64px #00000080,0 0 0 1px #667eea14}body.theme-light .ecol-confirm-wrap{color:#1e293b;background:#fff;border-color:#e2e8f0;box-shadow:0 24px 64px #00000026,0 0 0 1px #0000000d}.ecol-confirm-icon{color:#f43f5e;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.ecol-confirm-title{color:#f1f5f9;margin:0;font-size:19px;font-weight:700}body.theme-light .ecol-confirm-title{color:#1e293b}.ecol-confirm-desc{color:#94a3b8;margin:0;font-size:14px;line-height:1.6}body.theme-light .ecol-confirm-desc{color:#64748b}.ecol-btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e,#e11d48);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 28px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #f43f5e4d}.ecol-btn-danger:hover{background:linear-gradient(135deg,#e11d48,#be123c);transform:translateY(-1px);box-shadow:0 6px 24px #f43f5e66}.ecol-modal-actions{justify-content:center;gap:12px;width:100%;margin-top:8px;display:flex}.ecol-btn-cancel{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:11px 24px;font-size:14px;font-weight:500;transition:all .2s}.ecol-btn-cancel:hover{color:#e2e8f0;background:#ffffff1a}.elvoaq-calendar{--cal-bg:#0f0f13;--cal-surface:#17171f;--cal-surface2:#1e1e28;--cal-surface3:#25252f;--cal-border:#ffffff12;--cal-border2:#ffffff1f;--cal-text:#f0f0f5;--cal-text2:#8888a0;--cal-text3:#5a5a72;--cal-accent:#7c5cfc;--cal-accent2:#9b7fff;--cal-accent-glow:#7c5cfc40;--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 #0006;--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:#00000014;--cal-border2:#00000024;--cal-text:#1a1a2e;--cal-text2:#6b6b80;--cal-text3:#9898a8;--cal-accent:#7c5cfc;--cal-accent2:#6a4de0;--cal-accent-glow:#7c5cfc2e;--cal-red:#e63956;--cal-green:#00b893;--cal-orange:#e67a30;--cal-blue:#3b8fde;--cal-pink:#e05a9e;--cal-yellow:#d4a833;--cal-shadow:0 8px 32px #00000014}.elvoaq-calendar{font-family:var(--cal-font);color:var(--cal-text);background:0 0;flex-direction:column;height:calc(100vh - 64px);display:flex;overflow:hidden}.content-body:has(.elvoaq-calendar){min-height:0;overflow:hidden}.ecal-header{border-bottom:1px solid var(--cal-border);background:var(--cal-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px 12px;display:flex}.ecal-header-left{align-items:center;gap:16px;display:flex}.ecal-page-title{background:linear-gradient(135deg, var(--cal-accent2), var(--cal-pink));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:18px;font-weight:700}.ecal-nav-arrows{align-items:center;gap:4px;display:flex}.ecal-nav-btn{background:var(--cal-surface2);border:1px solid var(--cal-border);color:var(--cal-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.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);color:var(--cal-text2);cursor:pointer;font-size:13px;font-family:var(--cal-font);border-radius:8px;padding:6px 14px;font-weight:500;transition:all .2s}.ecal-today-btn:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-current-title{letter-spacing:-.5px;min-width:200px;margin:0;font-size:20px;font-weight:700}.ecal-header-right{align-items:center;gap:10px;display:flex}.ecal-view-tabs{background:var(--cal-surface2);border:1px solid var(--cal-border);border-radius:var(--cal-radius-sm);gap:2px;padding:3px;display:flex}.ecal-view-tab{cursor:pointer;color:var(--cal-text2);font-size:12px;font-weight:600;font-family:var(--cal-font);background:0 0;border:none;border-radius:7px;padding:5px 12px;transition:all .2s}.ecal-view-tab.active{background:var(--cal-accent);color:#fff;box-shadow:0 2px 8px var(--cal-accent-glow)}.ecal-view-tab:not(.active):hover{color:var(--cal-text)}.ecal-search-btn,.ecal-add-btn{border:1px solid var(--cal-border);background:var(--cal-surface2);width:36px;height:36px;color:var(--cal-text2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.ecal-search-btn:hover{color:var(--cal-text);background:var(--cal-surface3)}.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{flex:1;display:flex;overflow:hidden}.ecal-sidebar{background:var(--cal-surface);border-right:1px solid var(--cal-border);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--cal-border2) transparent;flex-direction:column;flex-shrink:0;width:240px;min-height:0;display:flex;overflow:hidden auto}.ecal-sidebar::-webkit-scrollbar{width:8px}.ecal-sidebar::-webkit-scrollbar-thumb{background:var(--cal-border2);border-radius:999px}.ecal-mini-calendar{border-bottom:1px solid var(--cal-border);flex-shrink:0;padding:20px 16px 12px}.ecal-mini-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ecal-mini-title{font-size:13px;font-weight:700}.ecal-mini-nav{gap:4px;display:flex}.ecal-mini-nav-btn{color:var(--cal-text2);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .15s;display:flex}.ecal-mini-nav-btn:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-mini-days-row{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.ecal-mini-day-label{text-align:center;color:var(--cal-text3);text-transform:uppercase;padding:2px 0;font-size:9px;font-weight:700}.ecal-mini-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.ecal-mini-cell{text-align:center;cursor:pointer;color:var(--cal-text2);font-size:11px;font-weight:500;font-family:var(--cal-font);background:0 0;border:none;border-radius:6px;padding:4px 0;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);color:#fff;box-shadow:0 2px 8px var(--cal-accent-glow);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{content:"";background:var(--cal-accent2);border-radius:50%;width:3px;height:3px;margin:1px auto 0;display:block}.ecal-sidebar-section{flex-shrink:0;padding:16px}.ecal-sidebar-section-title{color:var(--cal-text3);text-transform:uppercase;letter-spacing:.8px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.ecal-add-cat-btn{color:var(--cal-accent);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:14px;transition:color .15s;display:flex}.ecal-add-cat-btn:hover{color:var(--cal-accent2)}.ecal-calendar-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:6px 8px;transition:background .15s;display:flex}.ecal-calendar-item:hover{background:var(--cal-surface2)}.ecal-cal-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ecal-cal-name{flex:1;font-size:13px;font-weight:500}.ecal-cal-toggle{border:1.5px solid var(--cal-border2);cursor:pointer;color:#fff;background:0 0;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:9px;transition:all .15s;display:flex}.ecal-cal-toggle.checked{border-color:#0000}.ecal-cal-delete-btn{color:var(--cal-text3);cursor:pointer;opacity:0;background:0 0;border:none;padding:2px;font-size:10px;transition:all .15s}.ecal-calendar-item:hover .ecal-cal-delete-btn{opacity:1}.ecal-cal-delete-btn:hover{color:var(--cal-red)}.ecal-calendar-list,.ecal-upcoming-scroll{max-height:none;padding-right:2px;overflow:visible}.ecal-calendar-list::-webkit-scrollbar{width:6px}.ecal-upcoming-scroll::-webkit-scrollbar{width:6px}.ecal-calendar-list::-webkit-scrollbar-thumb{background:var(--cal-border2);border-radius:999px}.ecal-upcoming-scroll::-webkit-scrollbar-thumb{background:var(--cal-border2);border-radius:999px}.ecal-upcoming-list{flex:none;padding:16px;overflow:visible}.ecal-upcoming-event{background:var(--cal-surface2);border-left:3px solid var(--cal-accent);cursor:pointer;border-radius:10px;margin-bottom:8px;padding:10px;transition:all .2s}.ecal-upcoming-event:hover{background:var(--cal-surface3);transform:translate(2px)}.ecal-upcoming-event-title{margin-bottom:2px;font-size:12px;font-weight:600}.ecal-upcoming-event-time{color:var(--cal-text2);font-size:11px}.ecal-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.ecal-content>*{animation:.25s ecalFadeIn}@keyframes ecalFadeIn{0%{opacity:0}to{opacity:1}}.ecal-month-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.ecal-weekday-headers{border-bottom:1px solid var(--cal-border);background:var(--cal-surface);flex-shrink:0;grid-template-columns:repeat(7,1fr);display:grid}.ecal-weekday-header{text-align:center;color:var(--cal-text3);text-transform:uppercase;letter-spacing:.5px;padding:10px 0;font-size:11px;font-weight:700}.ecal-month-grid{border-left:1px solid var(--cal-border);flex:1;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.ecal-month-cell{border-right:1px solid var(--cal-border);border-bottom:1px solid var(--cal-border);cursor:pointer;flex-direction:column;padding:8px;transition:background .15s;display:flex;position:relative;overflow:hidden}.ecal-month-cell:hover{background:var(--cal-surface2)}.ecal-month-cell.other-month{background:#00000026}body.theme-light .ecal-month-cell.other-month{background:#00000008}.ecal-month-cell.other-month .ecal-cell-day{color:var(--cal-text3)}.ecal-month-cell.today .ecal-cell-day{background:var(--cal-accent);color:#fff;box-shadow:0 2px 10px var(--cal-accent-glow)}body.theme-light .ecal-mini-cell.today{color:#fff;background:#0057c2;font-weight:700;box-shadow:0 2px 8px #0057c24d}body.theme-light .ecal-month-cell.today .ecal-cell-day{color:#fff;background:#0057c2;box-shadow:0 2px 10px #0057c24d}body.theme-light .ecal-ymc-cell.today{color:#003f8c;background:#0057c226;border-color:#0057c2;font-weight:700}.ecal-month-cell.selected{background:#7c5cfc0f}.ecal-cell-day{width:26px;height:26px;color:var(--cal-text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.ecal-event-pill{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:5px;flex-shrink:0;margin-bottom:2px;padding:2px 7px;font-size:10px;font-weight:600;transition:opacity .15s;overflow:hidden}.ecal-event-pill:hover{opacity:.8}.ecal-event-pill[draggable=true]{cursor:grab}.ecal-more-events{color:var(--cal-text2);cursor:pointer;padding:1px 4px;font-size:10px;font-weight:600}.ecal-month-cell.drag-over{outline:2px dashed var(--cal-accent);outline-offset:-2px;background:#7c5cfc1f!important}.ecal-week-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.ecal-week-header{border-bottom:1px solid var(--cal-border);background:var(--cal-surface);flex-shrink:0;grid-template-columns:60px repeat(7,1fr);display:grid}.ecal-week-day-header{text-align:center;padding:10px 0 8px}.ecal-wdh-name{color:var(--cal-text3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.ecal-wdh-num{margin-top:2px;font-size:22px;font-weight:700;line-height:1.2}.ecal-wdh-num.today-num{color:var(--cal-accent)}.ecal-week-body{flex:1;display:flex;overflow:hidden auto}.ecal-week-times{flex-shrink:0;width:60px;padding-top:0}.ecal-week-time-slot{height:60px;color:var(--cal-text3);justify-content:flex-end;align-items:flex-start;padding-top:4px;padding-right:8px;font-size:10px;font-weight:600;display:flex}.ecal-week-columns{flex:1;grid-template-columns:repeat(7,1fr);display:grid;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{cursor:pointer;z-index:2;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:600;transition:all .15s;position:absolute;left:3px;right:3px;overflow:hidden}.ecal-week-event:hover{filter:brightness(1.15);transform:scale(1.01)}.ecal-week-event-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ecal-week-event-time{opacity:.8;margin-top:1px;font-size:9px;display:block}.ecal-current-time-line{background:var(--cal-red);z-index:10;height:2px;position:absolute;left:0;right:0}.ecal-current-time-line:before{content:"";background:var(--cal-red);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.ecal-day-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.ecal-day-header{border-bottom:1px solid var(--cal-border);background:var(--cal-surface);flex-shrink:0;padding:20px 24px 16px}.ecal-day-header-title{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.ecal-day-header-sub{color:var(--cal-text2);margin-top:2px;font-size:13px;font-weight:500}.ecal-day-body{flex:1;display:flex;overflow-y:auto}.ecal-day-times{flex-shrink:0;width:60px}.ecal-day-events-col{border-left:1px solid var(--cal-border);flex: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{cursor:pointer;border-radius:10px;padding:8px 12px;transition:all .2s;position:absolute;left:8px;right:8px}.ecal-day-event:hover{filter:brightness(1.15);transform:translate(3px)}.ecal-day-event-title{margin-bottom:2px;font-size:13px;font-weight:700}.ecal-day-event-time{opacity:.8;font-size:11px}.ecal-year-view{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:20px;padding:24px;display:grid;overflow-y:auto}.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{margin-bottom:10px;font-size:13px;font-weight:700}.ecal-ymc-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.ecal-ymc-day-label{text-align:center;color:var(--cal-text3);text-transform:uppercase;padding:2px 0;font-size:7px;font-weight:700}.ecal-ymc-cell{text-align:center;color:var(--cal-text2);font-size:9px;font-weight:500;font-family:var(--cal-font);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 0;position:relative}.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{content:"";background:var(--cal-accent2);border-radius:50%;width:3px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ecal-event-popup{background:var(--cal-surface);border:1px solid var(--cal-border2);width:280px;box-shadow:var(--cal-shadow);z-index:50;border-radius:16px;padding:20px;animation:.2s ecalSlideUp;position:fixed}.ecal-ep-color-bar{border-radius:4px;height:4px;margin-bottom:14px}.ecal-ep-title{margin-bottom:4px;font-size:16px;font-weight:700}.ecal-ep-time{color:var(--cal-text2);margin-bottom:6px;font-size:12px;font-weight:500}.ecal-ep-category{color:var(--cal-text3);margin-bottom:12px;font-size:11px;font-weight:600}.ecal-ep-location{color:var(--cal-text2);margin-bottom:12px;font-size:12px}.ecal-ep-location svg{margin-right:4px;font-size:11px}.ecal-ep-actions{gap:8px;display:flex}.ecal-ep-btn{background:var(--cal-surface2);border:1px solid var(--cal-border);color:var(--cal-text2);font-family:var(--cal-font);cursor:pointer;border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:600;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{border-color:var(--cal-red);background:#ff4d6a1a}.ecal-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.2s ecalFadeIn;display:flex;position:fixed;inset:0}@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:#00000059}.ecal-modal{background:var(--cal-surface);border:1px solid var(--cal-border2);border-radius:20px;width:440px;max-width:90vw;max-height:90vh;padding:28px;animation:.25s ecalSlideUp;overflow-y:auto;box-shadow:0 32px 80px #0009}body.theme-light .ecal-modal{box-shadow:0 32px 80px #0000001f}.ecal-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ecal-modal-title{margin:0;font-size:18px;font-weight:700}.ecal-modal-close{background:var(--cal-surface2);border:1px solid var(--cal-border);width:30px;height:30px;color:var(--cal-text2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.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);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.ecal-form-input{background:var(--cal-surface2);border:1px solid var(--cal-border);width:100%;color:var(--cal-text);font-family:var(--cal-font);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.ecal-form-input:focus{border-color:var(--cal-accent)}.ecal-form-input::placeholder{color:var(--cal-text3)}textarea.ecal-form-input{resize:none;min-height:60px}select.ecal-form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%238888a0'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.ecal-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ecal-color-picker{flex-wrap:wrap;gap:8px;display:flex}.ecal-color-swatch{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:all .15s}.ecal-color-swatch.selected{border-color:#fff;transform:scale(1.2);box-shadow:0 2px 8px #0000004d}body.theme-light .ecal-color-swatch.selected{border-color:var(--cal-text)}.ecal-allday-toggle{cursor:pointer;align-items:center;gap:8px;padding:8px 0;display:flex}.ecal-allday-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--cal-accent);cursor:pointer}.ecal-allday-toggle span{color:var(--cal-text2);font-size:13px;font-weight:500}.ecal-form-actions{gap:10px;margin-top:24px;display:flex}.ecal-btn-primary{background:var(--cal-accent);color:#fff;font-family:var(--cal-font);cursor:pointer;border:none;border-radius:10px;flex:1;padding:11px;font-size:14px;font-weight:600;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);color:var(--cal-text2);border:1px solid var(--cal-border);font-family:var(--cal-font);cursor:pointer;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s}.ecal-btn-secondary:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-btn-danger{color:var(--cal-red);font-family:var(--cal-font);cursor:pointer;background:#ff4d6a1a;border:1px solid #ff4d6a33;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s}.ecal-btn-danger:hover{background:#ff4d6a33}.ecal-search-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#000000bf;flex-direction:column;align-items:center;padding-top:80px;animation:.2s ecalFadeIn;display:flex;position:fixed;inset:0}body.theme-light .ecal-search-panel{background:#00000059}.ecal-search-box{background:var(--cal-surface);border:1px solid var(--cal-border2);border-radius:16px;width:560px;max-width:90vw;animation:.2s ecalSlideUp;overflow:hidden;box-shadow:0 32px 80px #0009}.ecal-search-input-wrap{border-bottom:1px solid var(--cal-border);align-items:center;gap:12px;padding:16px 20px;display:flex}.ecal-search-icon{color:var(--cal-text2);font-size:16px}.ecal-search-input{color:var(--cal-text);font-family:var(--cal-font);background:0 0;border:none;outline:none;flex:1;font-size:16px}.ecal-search-input::placeholder{color:var(--cal-text3)}.ecal-search-close{color:var(--cal-text2);cursor:pointer;background:0 0;border:none;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{cursor:pointer;border-bottom:1px solid var(--cal-border);align-items:center;gap:14px;padding:14px 20px;transition:background .15s;display:flex}.ecal-search-result:hover{background:var(--cal-surface2)}.ecal-sr-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ecal-sr-info{flex:1}.ecal-sr-title{font-size:14px;font-weight:600}.ecal-sr-date{color:var(--cal-text2);margin-top:2px;font-size:12px}.ecal-search-empty{text-align:center;color:var(--cal-text3);padding:40px;font-size:14px}.ecal-add-cat-form{background:var(--cal-surface2);border-radius:var(--cal-radius-sm);border:1px solid var(--cal-border);flex-direction:column;gap:8px;margin-bottom:8px;padding:12px;display:flex}.ecal-add-cat-form input{background:var(--cal-surface);border:1px solid var(--cal-border);color:var(--cal-text);font-family:var(--cal-font);border-radius:6px;outline:none;padding:7px 10px;font-size:12px}.ecal-add-cat-form input:focus{border-color:var(--cal-accent)}.ecal-add-cat-colors{flex-wrap:wrap;gap:4px;display:flex}.ecal-add-cat-color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:all .15s}.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{gap:6px;display:flex}.ecal-add-cat-actions button{font-family:var(--cal-font);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .15s}.ecal-add-cat-save{background:var(--cal-accent);color:#fff;border:none}.ecal-add-cat-save:hover{background:var(--cal-accent2)}.ecal-add-cat-cancel-btn{background:var(--cal-surface);color:var(--cal-text2);border:1px solid var(--cal-border)}.ecal-add-cat-cancel-btn:hover{background:var(--cal-surface3)}.ecal-popup-overlay{z-index:40;background:0 0;position:fixed;inset:0}.ecal-trash-link{border:1px solid var(--cal-border);width:100%;color:var(--cal-text2);font-size:12px;font-weight:600;font-family:var(--cal-font);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.ecal-trash-link:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.ecal-trash-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background:#0000008c;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.ecal-trash-panel{background:var(--cal-surface2);border-left:1px solid var(--cal-border);flex-direction:column;width:480px;max-width:95vw;height:100dvh;animation:.25s trashSlideIn;display:flex;box-shadow:-8px 0 40px #0000004d}@keyframes trashSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ecal-trash-header{border-bottom:1px solid var(--cal-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:20px 24px 16px;display:flex}.ecal-trash-header-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.ecal-trash-icon-wrap{color:#ef4444;background:#ef44441f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.ecal-trash-title{color:var(--cal-text);margin:0;font-size:16px;font-weight:700}.ecal-trash-sub{color:var(--cal-text2);margin:2px 0 0;font-size:11px}.ecal-trash-close{cursor:pointer;color:var(--cal-text2);background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;font-size:16px;transition:all .15s;display:flex}.ecal-trash-close:hover{background:var(--cal-surface3);color:var(--cal-text)}.ecal-trash-settings-btn{border:1px solid var(--cal-border);background:var(--cal-surface2);min-height:34px;color:var(--cal-accent);cursor:pointer;font-family:var(--cal-font);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;transition:all .15s;display:inline-flex}.ecal-trash-settings-btn:hover{background:var(--cal-surface3);border-color:var(--cal-border2)}@media (width<=520px){.ecal-trash-header{flex-wrap:wrap;padding:16px}.ecal-trash-settings-btn{order:3;justify-content:center;width:100%}}.ecal-trash-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex}.ecal-trash-empty-icon{color:var(--cal-text3);opacity:.4;margin-bottom:8px;font-size:36px}.ecal-trash-empty p{color:var(--cal-text2);margin:0;font-size:15px;font-weight:600}.ecal-trash-empty span{color:var(--cal-text3);font-size:13px}.ecal-trash-list{flex:1;padding:12px 0;overflow-y:auto}.ecal-trash-list::-webkit-scrollbar{width:4px}.ecal-trash-list::-webkit-scrollbar-track{background:0 0}.ecal-trash-list::-webkit-scrollbar-thumb{background:var(--cal-surface3);border-radius:4px}.ecal-trash-row{border-bottom:1px solid var(--cal-border);align-items:center;gap:12px;padding:10px 24px;transition:background .12s;display:flex}.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;width:4px;height:40px}.ecal-trash-row-info{flex:1;min-width:0}.ecal-trash-row-title{color:var(--cal-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:600;overflow:hidden}.ecal-trash-row-meta{color:var(--cal-text2);font-size:12px}.ecal-trash-row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.ecal-trash-restore-btn{color:#22c55e;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e40;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .15s;display:flex}.ecal-trash-restore-btn:hover{background:#22c55e33}.ecal-trash-del-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .15s;display:flex}.ecal-trash-del-btn:hover{background:#ef444433}body.theme-light .ecal-trash-panel,:root[data-theme=light] .ecal-trash-panel{background:#fff;border-left-color:#dbe3ef}body.theme-light .ecal-trash-header,:root[data-theme=light] .ecal-trash-header{background:#fff;border-bottom-color:#e5eaf2}body.theme-light .ecal-trash-title,:root[data-theme=light] .ecal-trash-title{color:#111827}body.theme-light .ecal-trash-sub,:root[data-theme=light] .ecal-trash-sub,body.theme-light .ecal-trash-close,:root[data-theme=light] .ecal-trash-close{color:#667085}.elvoaq-calendar ::-webkit-scrollbar{width:4px}.elvoaq-calendar ::-webkit-scrollbar-track{background:0 0}.elvoaq-calendar ::-webkit-scrollbar-thumb{background:var(--cal-surface3);border-radius:4px}@media (width<=1024px){.ecal-sidebar{width:200px}.ecal-year-view{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.content-body:has(.elvoaq-calendar){overflow:hidden}.elvoaq-calendar{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;height:calc(100dvh - 64px);min-height:0;overflow:hidden auto}.ecal-main{flex-direction:column;overflow:visible}.ecal-content{order:1;min-height:520px}.ecal-sidebar{z-index:auto;background:var(--cal-surface);width:100%;height:auto;max-height:none;box-shadow:none;border-right:none;border-top:1px solid var(--cal-border);-webkit-overflow-scrolling:touch;touch-action:pan-y;order:2;transition:none;position:static;overflow:visible;transform:none}.ecal-mini-calendar,.ecal-calendar-list,.ecal-upcoming-list,.ecal-upcoming-scroll,.ecal-calendar-item,.ecal-upcoming-event{touch-action:pan-y}.ecal-calendar-list,.ecal-upcoming-scroll{max-height:none;overflow:visible}.ecal-sidebar.mobile-open{box-shadow:none;transform:none}.ecal-sidebar-backdrop{z-index:2099;-webkit-backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.ecal-sidebar-backdrop.visible{display:none}.ecal-sidebar-toggle{display:none!important}.ecal-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.ecal-header-left{gap:8px}.ecal-header-right{flex-wrap:wrap;gap:6px}.ecal-current-title{min-width:auto;font-size:14px}.ecal-page-title{font-size:15px}.ecal-view-tabs{gap:2px}.ecal-view-tab{padding:6px 10px;font-size:12px}.ecal-year-view{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.ecal-modal{width:95vw;padding:20px}.ecal-search-box{width:95vw}.ecal-day-header-title{font-size:20px}.ecal-main{overflow-x:hidden}.ecal-content{min-width:0;overflow-x:hidden}}@media (width<=480px){.ecal-year-view,.ecal-form-row{grid-template-columns:1fr}.ecal-header{padding:8px 10px}.ecal-view-tab{padding:5px 8px;font-size:11px}}.ecal-sidebar-toggle{background:var(--cal-surface2);border:1px solid var(--cal-border);width:34px;height:34px;color:var(--cal-text2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:none}.ecal-sidebar-toggle:hover{background:var(--cal-surface3);color:var(--cal-text)}.main-content:has(.elvoaq-calendar){height:100vh;overflow:hidden}.content-body:has(.elvoaq-calendar){min-height:0;padding:0;overflow:hidden}.elvoaq-calendar{--cal-bg:#08111f;--cal-surface:#0f1b2d;--cal-surface2:#14243a;--cal-surface3:#1d3350;--cal-border:#7dd3fc1f;--cal-border2:#7dd3fc38;--cal-text:#f4fbff;--cal-text2:#a9bed2;--cal-text3:#6f879d;--cal-accent:#38bdf8;--cal-accent2:#0ea5e9;--cal-accent-glow:#0ea5e947;background:radial-gradient(circle at 20% 0,#0ea5e92e,#0000 34%),linear-gradient(135deg,#07111f 0%,#0a1627 46%,#07111d 100%);height:calc(100dvh - 64px)}body.theme-light .elvoaq-calendar{--cal-bg:#eef6ff;--cal-surface:#fff;--cal-surface2:#f2f8ff;--cal-surface3:#e4f1ff;--cal-border:#0057c21a;--cal-border2:#0057c22e;--cal-text:#0f172a;--cal-text2:#475569;--cal-text3:#7c8aa0;--cal-accent:#0057c2;--cal-accent2:#0087d7;--cal-accent-glow:#0057c22e;background:radial-gradient(circle at 16% 0,#0087d724,#0000 34%),linear-gradient(135deg,#f8fbff 0%,#edf6ff 48%,#f7fbff 100%)}.ecal-header{border-bottom-color:var(--cal-border2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1b2ddb;padding:12px 18px}body.theme-light .ecal-header{background:#ffffffe6}.ecal-page-title{background:linear-gradient(135deg,#67e8f9,#38bdf8 44%,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,2vw,30px);font-weight:900}body.theme-light .ecal-page-title{background:linear-gradient(135deg,#003f8c,#0057c2 46%,#0087d7);-webkit-background-clip:text;background-clip:text}.ecal-current-title{color:var(--cal-text);font-size:clamp(18px,1.5vw,24px);font-weight:850}.ecal-main{background:0 0;gap:14px;min-height:0;padding:14px}.ecal-sidebar{border:1px solid var(--cal-border);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0f1b2dc7;border-radius:18px;min-height:0;max-height:100%;overflow:hidden auto;box-shadow:0 20px 60px #0206173d}body.theme-light .ecal-sidebar{background:#ffffffe6;box-shadow:0 18px 50px #0f172a14}.ecal-content{border:1px solid var(--cal-border);background:#0f1b2dbd;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #02061738}body.theme-light .ecal-content{background:#ffffffeb;box-shadow:0 18px 50px #0f172a14}.ecal-search-btn,.ecal-add-btn,.ecal-nav-btn,.ecal-today-btn,.ecal-mini-nav-btn,.ecal-modal-close{border-color:var(--cal-border2);background:var(--cal-surface2)}.ecal-add-btn,.ecal-view-tab.active,.ecal-mini-cell.today,.ecal-month-cell.today .ecal-cell-day,.ecal-ymc-cell.today,.ecal-btn-primary{background:linear-gradient(135deg, var(--cal-accent), var(--cal-accent2));color:#fff}.ecal-view-tabs{border-color:var(--cal-border2);background:var(--cal-surface2)}.ecal-month-cell.selected,.ecal-mini-cell.selected{background:#38bdf829;outline:1px solid #38bdf838}body.theme-light .ecal-month-cell.selected,body.theme-light .ecal-mini-cell.selected{background:#0057c217;outline-color:#0057c233}.ecal-event-pill,.ecal-week-event,.ecal-day-event{border:1px solid #ffffff14;box-shadow:inset 0 0 0 1px #ffffff0a;color:var(--cal-text)!important}body.theme-light .ecal-event-pill,body.theme-light .ecal-week-event,body.theme-light .ecal-day-event{border-color:#0f172a14;box-shadow:inset 0 0 0 1px #ffffffb8;color:#0f172a!important}.ecal-upcoming-list{min-height:110px;max-height:none}.ecal-sidebar-section:has(.ecal-trash-link){z-index:3;border-top:1px solid var(--cal-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1b2df5;margin-top:8px;padding:10px 14px 14px;position:sticky;bottom:0}body.theme-light .ecal-sidebar-section:has(.ecal-trash-link){background:#fffffff5}.ecal-trash-link{color:#fca5a5;cursor:pointer;background:#f8717114;border:1px solid #f8717138;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:42px;font-weight:800;display:inline-flex}body.theme-light .ecal-trash-link{color:#b91c1c;background:#dc26260f;border-color:#dc26262e}.ecal-modal{background:#0f1b2dfa;border-radius:24px;width:min(520px,92vw);max-height:min(760px,100dvh - 32px)}body.theme-light .ecal-modal{background:#fffffffa}.ecal-form-input{border-color:var(--cal-border2);background:var(--cal-surface2);min-height:42px}.ecal-picker-field{position:relative}.ecal-picker-button{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.ecal-picker-button svg{color:var(--cal-accent)}.ecal-picker-caret{transform:rotate(90deg)}.ecal-picker-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.ecal-picker-label i{border-radius:999px;flex:none;width:10px;height:10px}.ecal-picker-popover{z-index:130;border:1px solid var(--cal-border2);background:#0b1728;border-radius:14px;max-height:260px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 60px #02061770}body.theme-light .ecal-picker-popover{background:#fff;box-shadow:0 24px 60px #0f172a29}.ecal-picker-option{width:100%;min-height:38px;color:var(--cal-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-weight:750;display:flex}.ecal-picker-option:hover,.ecal-picker-option.selected{background:#38bdf826}body.theme-light .ecal-picker-option:hover,body.theme-light .ecal-picker-option.selected{background:#0057c214}.ecal-date-popover{width:286px;max-height:none;right:auto}.ecal-picker-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.ecal-picker-head button{border:1px solid var(--cal-border);background:var(--cal-surface2);width:30px;height:30px;color:var(--cal-text);cursor:pointer;border-radius:9px}.ecal-date-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.ecal-date-dow{text-align:center;color:var(--cal-text3);font-size:10px;font-weight:900}.ecal-date-cell{height:32px;color:var(--cal-text2);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:800}.ecal-date-cell:hover{background:var(--cal-surface2);color:var(--cal-text)}.ecal-date-cell.selected{background:linear-gradient(135deg, var(--cal-accent), var(--cal-accent2));color:#fff}.ecal-date-cell.muted{opacity:.44}.ecal-time-popover{max-height:220px}.ecal-trash-panel{border-color:var(--cal-border2);background:#0f1b2dfa}body.theme-light .ecal-trash-panel{background:#fff}@media (width<=900px){.elvoaq-calendar{height:auto;min-height:calc(100dvh - 64px);overflow-y:auto}:is(.main-content:has(.elvoaq-calendar),.content-body:has(.elvoaq-calendar)){overflow:auto}.ecal-main{overflow:visible}}body.theme-light .elvoaq-calendar .ecal-mini-cell.today{color:#fff;background:linear-gradient(135deg,#0057c2,#0087d7);border:1px solid #0057c26b;box-shadow:0 8px 18px #0057c233}body.theme-light .elvoaq-calendar .ecal-month-cell.today{background:#0057c20b;box-shadow:inset 0 0 0 1px #0057c229}body.theme-light .elvoaq-calendar .ecal-month-cell.today .ecal-cell-day{color:#fff;background:linear-gradient(135deg,#0057c2,#0087d7);border:1px solid #ffffffb3;box-shadow:0 8px 18px #0057c233}body.theme-light .elvoaq-calendar .ecal-ymc-cell.today{color:#003f8c;background:linear-gradient(135deg,#0057c21f,#0087d729);border:1px solid #0057c261;box-shadow:inset 0 0 0 1px #ffffffb8,0 8px 18px #0057c21f}body.theme-light .elvoaq-calendar .ecal-wdh-num.today-num{color:#0057c2;font-weight:900}body.theme-light .ecal-modal .ecal-btn-primary{color:#fff;text-shadow:0 1px #00285a47;background:linear-gradient(135deg,#0057c2,#0087d7);border:1px solid #0057c273;box-shadow:0 12px 24px #0057c22e}body.theme-light .ecal-modal .ecal-btn-primary:hover{background:linear-gradient(135deg,#004da8,#0076bd);box-shadow:0 14px 28px #0057c23d}.notification-settings-page{--primary:#667eea;--primary-dark:#5a67d8;--primary-alpha:#667eea33;--text-primary:#fff;--text-secondary:#a0aec0;--text-tertiary:#718096;--surface:#667eea0d;--surface-hover:#667eea14;--border:#667eea33;--bg-hover:#667eea1a;max-width:900px;margin:0 auto;padding:24px 24px 100px}.notification-settings-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.notification-settings-page .header-content h1{color:var(--text-primary);align-items:center;gap:12px;margin:0 0 8px;font-size:24px;font-weight:600;display:flex}.notification-settings-page .header-content h1 svg{color:var(--primary)}.notification-settings-page .header-content p{color:var(--text-secondary);margin:0;font-size:14px}.notification-settings-page .header-actions{flex-wrap:wrap;gap:12px;display:flex}.settings-content{flex-direction:column;gap:24px;display:flex}.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{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 4px;font-size:16px;font-weight:600;display:flex}.section-header h2 svg{color:var(--primary)}.section-header p{color:var(--text-tertiary);margin:0;font-size:13px}.settings-list{flex-direction:column;display:flex}.setting-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;transition:background .2s;display:flex}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:var(--surface-hover)}.setting-icon{background:var(--primary-alpha);width:40px;height:40px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.setting-icon.security{color:#ef4444;background:#ef44441a}.setting-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.email-toggle-btn{color:#a0aec080;cursor:pointer;background:#667eea0d;border:1px solid #667eea33;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;transition:all .2s;display:flex}.email-toggle-btn:hover:not(:disabled){color:#a0aec0cc;background:#667eea1f;border-color:#667eea4d}.email-toggle-btn.active{color:#667eea;background:#667eea26;border-color:#667eea66}.email-toggle-btn.active:hover{background:#667eea40}.email-toggle-btn:disabled{opacity:.3;cursor:not-allowed}.setting-info{flex:1;min-width:0}.setting-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:500}.setting-description{color:var(--text-tertiary);font-size:13px}.toggle{cursor:pointer;background-color:#a0aec033;border:none;border-radius:999px;flex-shrink:0;align-items:center;width:52px;height:28px;padding:0;transition:background-color .2s;display:inline-flex;position:relative}.toggle:hover{background-color:#a0aec04d}.toggle.checked{background-color:#667eea}.toggle-slider{pointer-events:none;background-color:#0000;border-radius:50%;width:24px;height:24px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 2px 4px #0003}.toggle.checked .toggle-slider{transform:translate(24px)}.toggle:focus-visible{outline-offset:2px;outline:2px solid #667eea}.channels-list .channel-item{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 24px;display:flex}.channels-list .channel-item:last-child{border-bottom:none}.channel-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.channel-icon.email{color:#3b82f6;background:#3b82f61a}.channel-icon.push{color:#10b981;background:#10b9811a}.channel-icon.in-app{color:#8b5cf6;background:#8b5cf61a}.channel-info{flex:1}.channel-name{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:500}.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{background:var(--surface);align-items:flex-end;gap:16px;padding:20px 24px;display:flex}.time-input{flex-direction:column;gap:6px;display:flex}.time-input label{color:var(--text-secondary);font-size:12px;font-weight:500}.time-input input{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;min-width:120px;padding:10px 14px;font-size: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);padding-bottom:10px;font-size:14px}.floating-save{background:var(--surface);border:1px solid var(--border);z-index:100;opacity:0;pointer-events:none;contain:layout paint;border-radius:12px;align-items:center;gap:16px;padding:12px 20px;transition:opacity .22s,transform .22s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 8px 24px #00000026}.floating-save.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)!important}.floating-save.visible:hover,.floating-save.visible:focus-within{transform:translate(-50%)translateY(0)!important}.floating-save .btn-primary,.floating-save .btn-primary:hover,.floating-save .btn-primary:focus-visible,.floating-save .btn-primary:hover:not(:disabled),.floating-save .btn-primary:active{transform:none!important}.floating-save span{color:var(--text-secondary);font-size:14px}.alert{border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.alert-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.alert-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.alert button{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:18px}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px var(--primary-alpha);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--surface-hover)}@media (width<=768px){.notification-settings-page .page-header{flex-direction:column;align-items:stretch}.notification-settings-page .header-actions{grid-template-columns:1fr 1fr;justify-content:stretch;gap:10px;display:grid}.notification-settings-page .desktop-save-btn{display:none}.notification-settings-page .header-actions .btn-secondary{justify-content:center;width:100%}.setting-item,.channel-item{flex-wrap:wrap;gap:12px}.setting-info,.channel-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:translate(0)translateY(100px)}.floating-save.visible,.floating-save.visible:hover,.floating-save.visible:focus-within{transform:translate(0)translateY(0)!important}}body.theme-light .notification-settings-page{--primary:#667eea;--primary-dark:#5a67d8;--primary-alpha:#667eea26;--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#64748b;--surface:#fff;--surface-hover:#667eea0a;--border:#e2e8f0;--bg-hover:#667eea0d}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 #0000000f}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:#667eea08}body.theme-light .setting-name{color:#1a202c}body.theme-light .setting-description{color:#64748b}body.theme-light .setting-icon{color:#667eea;background:#667eea1a}body.theme-light .setting-icon.security{color:#dc2626;background:#ef444414}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{color:#2563eb;background:#3b82f614}body.theme-light .channel-icon.push{color:#059669;background:#10b98114}body.theme-light .channel-icon.in-app{color:#7c3aed;background:#8b5cf614}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 #00000026}body.theme-light .email-toggle-btn{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}body.theme-light .email-toggle-btn:hover:not(:disabled){color:#64748b;background:#667eea14;border-color:#cbd5e1}body.theme-light .email-toggle-btn.active{color:#667eea;background:#667eea1a;border-color:#667eea4d}body.theme-light .email-toggle-btn.active:hover{background:#667eea2e}body.theme-light .email-toggle-btn:disabled{opacity:.35}body.theme-light .alert-error{color:#dc2626;background:#ef44440f;border:1px solid #ef444433}body.theme-light .alert-success{color:#16a34a;background:#22c55e0f;border:1px solid #22c55e33}body.theme-light .btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#5a67d8);box-shadow:0 1px 3px #667eea4d}body.theme-light .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea59}body.theme-light .btn-secondary{color:#1a202c;background:#fff;border:1px solid #e2e8f0}body.theme-light .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}body.theme-light .time-input input{color:#1a202c;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px}body.theme-light .floating-save{background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000f}body.theme-light .floating-save span{color:#4a5568}body.theme-light .quiet-hours-content{background:0 0}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{color:#1a202c;background:#fff;border:1px solid #e2e8f0}body.theme-light .time-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}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{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--fm-bg:linear-gradient(135deg, #1a1a2ef2 0%, #252540f2 100%);--fm-border:#667eea33;--fm-shadow:0 25px 80px #00000080;--fm-heading:#fff;--fm-close-color:#a0aec0;--fm-close-hover-bg:#667eea1a;--fm-close-hover-color:#fff;--fm-label:#fff;--fm-input-bg:#667eea0d;--fm-input-border:#667eea33;--fm-input-color:#fff;--fm-input-ph:#a0aec0;--fm-opt-bg:#1a1a2e;--fm-opt-color:#fff;--fm-card-bg:#667eea0d;--fm-card-border:#667eea33;--fm-card-sel-bg:#667eea33;--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:#ff3b301a;--fm-err-border:#ff3b304d;--fm-err-color:#ff6b6b;--fm-divider:#667eea33;--fm-cancel-bg:#667eea1a;--fm-cancel-color:#fff;--fm-upload-bg:#667eea1a;--fm-upload-border:#667eea4d;--fm-upload-color:#667eea;--fm-preview-bg:#667eea0d;--fm-preview-border:#667eea33;--fm-file-color:#a0aec0;--fm-help:#a0aec0;--fm-scroll-thumb:#667eea4d;--fm-scroll-track:#667eea0d;--fm-success-h:#fff;--fm-success-p:#fff9;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}body.theme-light .feedback-modal-overlay{--fm-bg:#fff;--fm-border:#e5e7eb;--fm-shadow:0 20px 60px #00000026;--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:#667eea1f;--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);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--fm-shadow);border:1px solid #667eea40;border-radius:16px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalEnter;overflow-y:auto}.feedback-modal-header{border-bottom:1px solid var(--fm-divider);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.feedback-modal-header h2{color:var(--fm-heading);margin:0;font-size:24px;font-weight:600}.feedback-modal-close{color:var(--fm-close-color);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:32px;transition:all .2s;display:flex}.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 input,.form-group textarea,.form-group select{background:var(--fm-input-bg);border:1px solid var(--fm-input-border);width:100%;color:var(--fm-input-color);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-group select option{background:var(--fm-opt-bg);color:var(--fm-opt-color);padding:8px}.char-count{color:var(--fm-char);font-size:12px;position:absolute;bottom:-20px;right:0}.feedback-type-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px;display:grid}.feedback-type-card{background:var(--fm-card-bg);border:2px solid var(--fm-card-border);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px;transition:all .2s;display:flex}.feedback-type-card:hover{background:#667eea1a;border-color:#667eea66;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 #667eea33}.type-icon{color:#667eea;margin-bottom:4px;font-size:28px}.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{cursor:pointer;color:var(--fm-sys-sum);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500}.system-info summary:hover{color:var(--fm-heading)}.system-info-content{border-top:1px solid var(--fm-divider);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:12px;padding-top:12px;display:grid}.info-section{background:#667eea08;border-radius:6px;padding:12px}.info-section h4{color:#667eea;margin:0 0 8px;font-size:13px;font-weight:600}.system-info-content p{color:var(--fm-sys-p);word-break:break-word;margin:6px 0;font-size:12px;line-height:1.4}.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);color:var(--fm-err-color);border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.feedback-modal-actions{border-top:1px solid var(--fm-divider);justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;display:flex}.feedback-modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel{background:var(--fm-cancel-bg);color:var(--fm-cancel-color)}.btn-cancel:hover:not(:disabled){opacity:.85}.btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.feedback-modal-actions button:disabled{opacity:.5;cursor:not-allowed}.file-upload-section{margin-top:8px}.file-upload-button{background:var(--fm-upload-bg);border:2px dashed var(--fm-upload-border);color:var(--fm-upload-color);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;transition:all .2s;display:inline-flex}.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;max-width:100%;max-height:200px;margin-bottom:8px;display:block}.file-info{color:var(--fm-file-color);align-items:center;gap:8px;margin-bottom:8px;display:flex}.file-info svg{color:#667eea;font-size:24px}.remove-file-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.remove-file-btn:hover{background:#ef444433;border-color:#ef444480}.help-text{color:var(--fm-help);margin-top:8px;font-size:12px;display:block}.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:#667eea80}.feedback-success-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;animation:.4s ease-out feedbackSuccessFadeIn;display:flex}.feedback-success-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:36px;font-weight:700;animation:.5s ease-out .1s both feedbackSuccessBounce;display:flex}.feedback-success-message h2{color:var(--fm-success-h);margin:0 0 12px;font-size:24px}.feedback-success-message p{color:var(--fm-success-p);max-width:350px;margin:0;font-size:15px}@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 (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-modal-overlay{-webkit-backdrop-filter:blur(12px);background:#0009!important}.feedback-modal{animation:.3s cubic-bezier(.34,1.56,.64,1) modalEnter;background:linear-gradient(135deg,#1a1a2efa 0%,#252540fa 100%)!important;border:1px solid #667eea40!important;box-shadow:0 25px 80px #00000080!important}.feedback-page{--fp-h1:#fff;--fp-subtitle:#a0aec0;--fp-tab-color:#a0aec0;--fp-tab-hover:#fff;--fp-tab-divider:#667eea33;--fp-filter-bg:#667eea0d;--fp-filter-bd:#667eea33;--fp-filter-col:#fff;--fp-filter-opt:#1a1a2e;--fp-empty:#a0aec0;--fp-item-bg:#667eea0d;--fp-item-bd:#667eea33;--fp-item-hover:#667eea14;--fp-item-hv-bd:#667eea66;--fp-vote-bg:#667eea1a;--fp-vote-bd:#667eea4d;--fp-vote-count:#fff;--fp-title:#fff;--fp-desc:#a0aec0;--fp-footer-bd:#667eea33;--fp-author:#a0aec0;--fp-stats:#a0aec0;--fp-resp-color:#a0aec0;max-width:1200px;margin:0 auto;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:#667eea14;--fp-vote-bd:#667eea40;--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{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.header-content h1{color:var(--fp-h1);margin:0 0 8px;font-size:32px;font-weight:700}.header-content p{color:var(--fp-subtitle);margin:0;font-size:16px}.btn-new-feedback{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-new-feedback:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.feedback-tabs{border-bottom:2px solid var(--fp-tab-divider);gap:12px;margin-bottom:24px;display:flex}.feedback-tabs .tab{color:var(--fp-tab-color);cursor:pointer;background:0 0;border:none;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s;position:relative}.feedback-tabs .tab:hover{color:var(--fp-tab-hover)}.feedback-tabs .tab.active{color:#667eea}.feedback-tabs .tab.active:after{content:"";background:#667eea;height:2px;position:absolute;bottom:-2px;left:0;right:0}.feedback-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.feedback-filters select{background:var(--fp-filter-bg);border:1px solid var(--fp-filter-bd);color:var(--fp-filter-col);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .2s}.feedback-filters select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.feedback-filters select option{background:var(--fp-filter-opt);color:var(--fp-filter-col)}.loading-state,.empty-state{text-align:center;color:var(--fp-empty);padding:64px 32px}.empty-state button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;margin-top:16px;padding:12px 24px;font-weight:600;transition:all .2s}.empty-state button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.feedback-list{flex-direction:column;gap:16px;display:flex}.feedback-item{background:var(--fp-item-bg);border:1px solid var(--fp-item-bd);cursor:pointer;border-radius:12px;gap:16px;padding:20px;transition:all .2s;display:flex}.feedback-item:hover{background:var(--fp-item-hover);border-color:var(--fp-item-hv-bd);transform:translate(4px)}.feedback-vote{flex-direction:column;align-items:center;gap:4px;min-width:48px;display:flex}.vote-btn{background:var(--fp-vote-bg);border:1px solid var(--fp-vote-bd);color:#667eea;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.vote-btn:hover{background:#667eea33;border-color:#667eea;transform:translateY(-2px)}.vote-btn.voted{color:#fff;background:#667eea;border-color:#667eea}.vote-count{color:var(--fp-vote-count);font-size:14px;font-weight:700}.feedback-content{flex:1}.feedback-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.feedback-type{font-size:20px}.status-badge{color:#fff;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.priority-badge{color:#fff;text-transform:uppercase;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:700}.feedback-title{color:var(--fp-title);margin:0 0 8px;font-size:18px;font-weight:600}.feedback-description{color:var(--fp-desc);margin:0 0 12px;font-size:14px;line-height:1.6}.admin-response-preview{color:var(--fp-resp-color);background:#48bb781a;border-left:3px solid #48bb78;border-radius:4px;margin:12px 0;padding:12px;font-size:13px}.admin-response-preview strong{color:#48bb78;margin-bottom:4px;display:block}.feedback-footer{border-top:1px solid var(--fp-footer-bd);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.feedback-author{align-items:center;gap:8px;display:flex}.feedback-author img,.avatar-placeholder{object-fit:cover;border-radius:50%;width:28px;height:28px}.avatar-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.feedback-author span{color:var(--fp-author);font-size:13px}.feedback-stats{color:var(--fp-stats);gap:16px;font-size:13px;display:flex}@media (width<=768px){.feedback-page{padding:20px 16px}.feedback-header{flex-direction:column;align-items:flex-start}.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{flex-direction:column;align-items:flex-start;gap:12px}.feedback-stats{justify-content:space-between;width:100%}}.feedback-detail-page{--fd-back-color:#667eea;--fd-back-bg:#667eea1a;--fd-back-bd:#667eea33;--fd-main-bg:#667eea0d;--fd-main-bd:#667eea33;--fd-title:#fff;--fd-author-bg:#667eea0d;--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:#667eea33;--fd-sys-bg:#667eea0d;--fd-sys-sum:#fff;--fd-sys-grid-bd:#667eea33;--fd-info-strong:#fff;--fd-info-span:#a0aec0;--fd-resp-p:#a0aec0;--fd-resp-date:#a0aec0;--fd-act-bd:#667eea33;--fd-comment-bg:#667eea0d;--fd-comment-bd:#667eea33;--fd-comm-sec-bd:2px solid #667eea33;--fd-comm-h:#fff;--fd-cf-bg:#667eea0d;--fd-cf-bd:#667eea33;--fd-cf-ta-bg:#667eea0d;--fd-cf-ta-bd:#667eea33;--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:#667eea0d;--fd-panel-bd:#667eea33;--fd-panel-h:#fff;--fd-adm-label:#fff;--fd-adm-sel-bg:#667eea0d;--fd-adm-sel-bd:#667eea33;--fd-adm-sel-col:#fff;--fd-adm-opt-bg:#1a1a2e;--fd-state-color:#a0aec0;max-width:1400px;margin:0 auto;padding:32px}body.theme-light .feedback-detail-page{--fd-back-color:#667eea;--fd-back-bg:#667eea14;--fd-back-bd:#667eea33;--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);cursor:pointer;border-radius:8px;margin-bottom:24px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-back:hover{background:#667eea33;border-color:#667eea}.feedback-detail-container{grid-template-columns:1fr 350px;gap:24px;display:grid}.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{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.type-icon-large{font-size:32px}.feedback-title-detail{color:var(--fd-title);margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.3}.category-tag{color:#667eea;background:#667eea33;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.feedback-author-info{background:var(--fd-author-bg);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;padding:20px;display:flex}.author-details{align-items:center;gap:12px;display:flex}.author-avatar,.author-avatar-placeholder{object-fit:cover;border-radius:50%;width:48px;height:48px}.author-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.author-name{color:var(--fd-author-name);margin-bottom:4px;font-size:16px;font-weight:600}.feedback-date{color:var(--fd-date);font-size:13px}.feedback-stats-detail{align-items:center;gap:20px;display:flex}.stat-item{color:var(--fd-stat);font-size:15px;font-weight:500}.vote-button-large{color:#667eea;cursor:pointer;background:#667eea1a;border:2px solid #667eea4d;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:700;transition:all .2s}.vote-button-large:hover{background:#667eea33;border-color:#667eea;transform:translateY(-2px)}.vote-button-large.voted{color:#fff;background:#667eea;border-color:#667eea}.feedback-description-detail{margin-bottom:32px}.feedback-description-detail h3{color:var(--fd-desc-h);margin-bottom:12px;font-size:18px}.feedback-description-detail p{color:var(--fd-desc-p);white-space:pre-wrap;font-size:15px;line-height:1.7}.feedback-screenshot{margin-bottom:32px}.feedback-screenshot h3{color:var(--fd-screen-h);margin-bottom:12px;font-size:18px}.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{cursor:pointer;color:var(--fd-sys-sum);-webkit-user-select:none;user-select:none;font-size:15px;font-weight:600}.system-info-section summary:hover{color:#667eea}.system-info-grid{border-top:1px solid var(--fd-sys-grid-bd);grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;padding-top:16px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-item strong{color:var(--fd-info-strong);font-size:13px}.info-item span,.info-item a{color:var(--fd-info-span);word-break:break-word;font-size:13px}.info-item a:hover{color:#667eea}.admin-response-section{background:#48bb781a;border-left:4px solid #48bb78;border-radius:8px;margin-bottom:32px;padding:20px}.admin-response-section h3{color:#48bb78;margin:0 0 12px;font-size:18px}.admin-response-section p{color:var(--fd-resp-p);white-space:pre-wrap;margin:0;font-size:15px;line-height:1.7}.response-date{color:var(--fd-resp-date);margin-top:12px;font-size:12px;font-style:italic}.actions-section{border-top:1px solid var(--fd-act-bd);margin-bottom:32px;padding-top:24px}.btn-delete{color:#f56565;cursor:pointer;background:#f565651a;border:1px solid #f565654d;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.btn-delete:hover{background:#f5656533;border-color:#f56565}.comments-section{border-top:var(--fd-comm-sec-bd);padding-top:32px}.comments-section h3{color:var(--fd-comm-h);margin-bottom:20px;font-size: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);width:100%;color:var(--fd-cf-ta-color);resize:vertical;border-radius:8px;margin-bottom:12px;padding:12px;font-family:inherit;font-size:14px}.comment-form textarea::placeholder{color:var(--fd-cf-ta-ph)}.comment-form textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.comment-form-actions{justify-content:space-between;align-items:center;display:flex}.comment-form-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.comment-form-actions button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.comment-form-actions button:disabled{opacity:.5;cursor:not-allowed}.comments-list{flex-direction:column;gap:16px;display:flex}.comment-item{background:var(--fd-comment-bg);border:1px solid var(--fd-comment-bd);border-radius:12px;padding:16px}.comment-item.admin-comment{background:#48bb780d;border-color:#48bb784d}.comment-header{margin-bottom:12px}.comment-author{align-items:center;gap:12px;display:flex}.comment-author img,.comment-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.comment-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.comment-author-name{color:var(--fd-ca-name);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.admin-badge{color:#fff;background:#48bb78;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.comment-date{color:var(--fd-ca-date);margin-top:2px;font-size:12px}.comment-content{color:var(--fd-ca-content);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.feedback-admin-panel{background:var(--fd-panel-bg);border:1px solid var(--fd-panel-bd);border-radius:16px;height:fit-content;padding:24px;position:sticky;top:24px}.feedback-admin-panel h3{color:var(--fd-panel-h);margin:0 0 20px;font-size:18px}.admin-form-group{margin-bottom:20px;position:relative}.admin-form-group label{color:var(--fd-adm-label);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.admin-form-group select,.admin-form-group textarea{background:var(--fd-adm-sel-bg);border:1px solid var(--fd-adm-sel-bd);width:100%;color:var(--fd-adm-sel-col);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.admin-form-group select option{background:var(--fd-adm-opt-bg)}.admin-form-group textarea{resize:vertical;min-height:120px}.btn-update-admin{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-update-admin:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-update-admin:disabled{opacity:.5;cursor:not-allowed}.loading-state,.error-state{text-align:center;color:var(--fd-state-color);padding:64px 32px;font-size:16px}@media (width<=1024px){.feedback-detail-container{grid-template-columns:1fr}.feedback-admin-panel{position:static}}@media (width<=768px){.feedback-detail-page{padding:20px 16px}.feedback-main{padding:20px}.feedback-title-detail{font-size:24px}.feedback-author-info{flex-direction:column;align-items:flex-start}.system-info-grid{grid-template-columns:1fr}}.ai-disabled-notice{width:100%;color:var(--text-primary,#f8fafc);background:linear-gradient(135deg,#6366f124,#0ea5e914);border:1px solid #6366f147;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.ai-disabled-icon{color:#c7d2fe;background:#6366f133;border:1px solid #6366f147;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.ai-disabled-copy{min-width:0}.ai-disabled-copy strong{color:var(--text-primary,#f8fafc);margin-bottom:4px;font-size:15px;display:block}.ai-disabled-copy p{color:var(--text-secondary,#cbd5e1);margin:0;font-size:13px;line-height:1.45}.ai-disabled-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ai-disabled-actions button{cursor:pointer;border:1px solid #6366f147;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:800;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.ai-disabled-primary{color:#fff;background:#6366f1}.ai-disabled-primary:disabled{opacity:.75;cursor:default}.ai-disabled-secondary{color:var(--text-primary,#f8fafc);background:#ffffff0a}.ai-disabled-actions button:hover:not(:disabled){background-color:#6366f138;border-color:#818cf88c}body.theme-light .ai-disabled-notice,[data-theme=light] .ai-disabled-notice{color:#0f172a;background:linear-gradient(135deg,#6366f11a,#0ea5e90f);border-color:#6366f133}body.theme-light .ai-disabled-icon,[data-theme=light] .ai-disabled-icon{color:#4f46e5;background:#6366f11f}body.theme-light .ai-disabled-copy strong,[data-theme=light] .ai-disabled-copy strong{color:#0f172a}body.theme-light .ai-disabled-copy p,[data-theme=light] .ai-disabled-copy p{color:#475569}body.theme-light .ai-disabled-primary,[data-theme=light] .ai-disabled-primary{color:#fff;background:#0057c2;border-color:#0057c2}body.theme-light .ai-disabled-secondary,[data-theme=light] .ai-disabled-secondary{color:#1e293b;background:#fff}@media (width<=760px){.ai-disabled-notice{grid-template-columns:1fr;align-items:stretch}.ai-disabled-actions{justify-content:stretch}.ai-disabled-actions button{flex:160px}}.ai-hub{max-width:1200px;margin:0 auto;padding:0 4px}.ai-loading{color:#94a3b8;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:15px;display:flex}.ai-loading svg{color:#667eea;font-size:20px}.ai-hub-header{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border:1px solid #6366f140;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 24px;display:flex}.header-title{align-items:center;gap:12px;display:flex}.header-title svg{color:#818cf8;font-size:22px}.header-title h2{color:#f1f5f9;margin:0;font-size:22px;font-weight:700}.header-subtitle{color:#94a3b8;margin-left:4px;font-size:13px}.ai-generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ai-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.ai-generate-btn:disabled{opacity:.6;cursor:not-allowed}.ai-hub-tabs{background:#0f172a99;border:1px solid #94a3b81f;border-radius:14px;gap:4px;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.hub-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.hub-tab:hover{color:#cbd5e1;background:#94a3b814}.hub-tab.active{color:#a5b4fc;background:#6366f126;border-color:#6366f14d;font-weight:600}.tab-badge{color:#a5b4fc;text-align:center;background:#6366f14d;border-radius:10px;min-width:20px;padding:2px 7px;font-size:11px;font-weight:700}.ai-hub-content{min-height:400px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.summary-card{background:#0f172a80;border:1px solid #94a3b81f;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:border-color .2s;display:flex}.summary-card:hover{border-color:#94a3b840}.card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.card-icon.items{color:#818cf8;background:#6366f126}.card-icon.value{color:#34d399;background:#10b98126}.card-icon.categories{color:#fbbf24;background:#f59e0b26}.card-icon.reminders{color:#f87171;background:#ef444426}.card-info{flex-direction:column;gap:2px;display:flex}.card-value{color:#f1f5f9;font-size:20px;font-weight:700}.card-label{color:#94a3b8;font-size:12px}.ai-summary-box{background:#0f172a80;border:1px solid #6366f133;border-radius:12px;margin-bottom:16px;padding:18px 20px}.summary-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.summary-header svg{color:#818cf8;font-size:16px}.summary-header h4{color:#e2e8f0;margin:0;font-size:15px;font-weight:600}.summary-text{color:#cbd5e1;margin:0 0 12px;font-size:14px;line-height:1.6}.top-categories{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.cat-label{color:#94a3b8;font-size:12px;font-weight:500}.cat-pill{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f133;border-radius:20px;padding:3px 10px;font-size:12px}.valuable-item{color:#94a3b8;align-items:center;gap:8px;font-size:13px;display:flex}.item-value{color:#34d399;font-weight:600}.overview-quick{flex-direction:column;gap:8px;display:flex}.quick-alert{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.quick-alert:hover{transform:translate(4px)}.quick-alert svg:last-child{opacity:.5;margin-left:auto;font-size:12px}.quick-alert.warning{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}.quick-alert.info{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f133}.quick-alert.neutral{color:#cbd5e1;background:#94a3b814;border:1px solid #94a3b826}.item-link,.item-link-inline,.item-link-sm{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:13px;text-decoration:none;transition:all .15s;display:inline-flex}.item-link:hover,.item-link-inline:hover,.item-link-sm:hover{color:#a5b4fc;background:#6366f11f;text-decoration:underline}.item-link svg,.item-link-inline svg{font-size:10px}.item-link-sm{padding:1px 4px;font-size:12px}.item-link-inline{font-size:12px}.locked-item-link{letter-spacing:.5px;font-style:italic;color:#f59e0b!important}.locked-item-link:hover{color:#fbbf24!important;background:#f59e0b1f!important}.tab-toolbar{justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 0;display:flex}.filter-group{color:#94a3b8;align-items:center;gap:8px;font-size:13px;display:flex}.filter-group select{color:#e2e8f0;cursor:pointer;background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;padding:6px 12px;font-size:13px}.filter-group select:focus{border-color:#6366f180;outline:none}.add-btn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.add-btn:hover{background:#6366f140}.new-form{background:#0f172ab3;border:1px solid #6366f140;border-radius:12px;margin-bottom:16px;overflow:hidden}.form-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.form-header h4{color:#e2e8f0;margin:0;font-size:14px}.form-header button{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.form-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.form-hint{color:#94a3b8;margin:-2px 0 4px;font-size:12px}.form-body input[type=text],.form-body input[type=date],.form-body input[type=time],.form-body textarea,.form-body select{color:#f1f5f9;box-sizing:border-box;background:#080c1ab3;border:1px solid #94a3b833;border-radius:8px;width:100%;padding:9px 12px;font-size:13px}.form-body input:focus,.form-body textarea:focus,.form-body select:focus{border-color:#6366f180;outline:none}.form-body textarea{resize:vertical;min-height:60px;font-family:inherit}.date-time-row{grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #94a3b81a;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.btn-cancel{color:#94a3b8;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b833;border-radius:8px;padding:8px 16px;font-size:13px}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.btn-save:disabled{opacity:.5;cursor:not-allowed}.tags-input{flex-direction:column;gap:8px;display:flex}.tags-list{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f133;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.tag button{color:#a5b4fc;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px}.tag-input-row{align-items:center;gap:8px;display:flex}.tag-input-row svg{color:#94a3b8;font-size:13px}.tag-input-row input{color:#f1f5f9;background:#080c1ab3;border:1px solid #94a3b833;border-radius:6px;flex:1;padding:6px 10px;font-size:12px}.tag-input-row button{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:6px 12px;font-size:12px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.empty-state svg{color:#64748b;margin-bottom:12px;font-size:32px}.empty-state p{color:#e2e8f0;margin:0 0 4px;font-size:16px;font-weight:600}.empty-state span{color:#94a3b8;font-size:13px}.generate-report-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.generate-report-btn svg{color:currentColor}.generate-report-btn:disabled,.refresh-btn:disabled{opacity:1;cursor:not-allowed;color:#cbd5e1;background:#334155;border-color:#475569}.reminders-list{flex-direction:column;gap:6px;display:flex}.reminder-item{background:#0f172a80;border:1px solid #94a3b81a;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.reminder-item:hover{border-color:#94a3b833}.reminder-item.completed{opacity:.5}.reminder-item.completed .reminder-title{text-decoration:line-through}.reminder-item.ai-suggestion{border-left:3px solid #6366f180}.reminder-item.overdue{border-left:3px solid #ef4444}.checkbox{color:#0000;cursor:pointer;background:0 0;border:2px solid #94a3b84d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;transition:all .2s;display:flex}.checkbox:hover{color:#818cf8;border-color:#818cf8}.reminder-item.completed .checkbox{color:#fff;background:#818cf8;border-color:#818cf8}.reminder-content{flex:1;min-width:0}.reminder-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.reminder-title{color:#f1f5f9;font-size:14px;font-weight:600}.ai-badge{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.reminder-description{color:#94a3b8;margin:2px 0 6px;font-size:13px;line-height:1.4}.reminder-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.reminder-type{color:var(--type-color,#94a3b8);text-transform:capitalize;align-items:center;gap:4px;font-size:12px;display:flex}.reminder-due{color:#94a3b8;align-items:center;gap:4px;font-size:12px;display:flex}.reminder-due.overdue{color:#ef4444;font-weight:600}.reminder-priority{text-transform:capitalize;font-size:12px;font-weight:600}.reminder-assignee{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f133;border-radius:999px;padding:2px 8px;font-size:12px}.reminder-actions{opacity:1;gap:6px;transition:opacity .2s;display:flex}.reminder-item:hover .reminder-actions{opacity:1}.reminder-actions button{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #94a3b833;border-radius:6px;padding:6px 8px;font-size:13px;transition:all .2s}.reminder-actions button:hover{color:#cbd5e1;background:#6366f126;border-color:#6366f14d;transform:translateY(-1px)}.reminder-actions button.delete-btn:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.reminder-actions button.complete-btn{color:#10b981;border-color:#10b9814d}.reminder-actions button.complete-btn:hover{background:#10b98126;border-color:#10b98166}.reminder-actions button.incomplete-btn:hover{color:#fbbf24;background:#fbbf2426;border-color:#fbbf244d}.notes-list{flex-direction:column;gap:6px;display:flex}.note-item{background:#0f172a80;border:1px solid #94a3b81a;border-radius:10px;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.note-item:hover{border-color:#94a3b833}.note-item.pinned{border-left:3px solid #fbbf24}.note-item.ai-generated{border-left:3px solid #818cf8}.note-content{flex:1;min-width:0}.note-content p{color:#e2e8f0;margin:0 0 6px;font-size:14px;line-height:1.5}.ai-context{color:#818cf8;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.note-tags{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.note-footer{align-items:center;gap:10px;display:flex}.note-date{color:#64748b;font-size:12px}.note-assignee{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f133;border-radius:999px;padding:2px 8px;font-size:12px}.note-actions{opacity:1;flex-direction:column;gap:6px;transition:opacity .2s;display:flex}.note-item:hover .note-actions{opacity:1}.note-actions button{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #94a3b833;border-radius:6px;padding:6px 8px;font-size:13px;transition:all .2s}.note-actions button:hover{color:#cbd5e1;background:#6366f126;border-color:#6366f14d;transform:translate(2px)}.note-actions button.delete-btn:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.note-actions button.active{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2466}.insights-list{flex-direction:column;gap:8px;display:flex}.insight-item{background:#0f172a80;border:1px solid #94a3b81a;border-radius:12px;gap:14px;padding:16px 18px;transition:all .2s;display:flex}.insight-item:hover{border-color:#94a3b833}.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{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.insight-item.suggestion .insight-icon{color:#818cf8;background:#6366f126}.insight-item.warning .insight-icon{color:#fbbf24;background:#f59e0b26}.insight-item.tip .insight-icon{color:#34d399;background:#10b98126}.insight-item.analysis .insight-icon{color:#a78bfa;background:#8b5cf626}.insight-content{flex:1;min-width:0}.insight-content h4{color:#f1f5f9;margin:0 0 4px;font-size:14px;font-weight:600}.insight-content p{color:#cbd5e1;margin:0 0 8px;font-size:13px;line-height:1.5}.insight-items{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.items-label{color:#94a3b8;font-size:12px;font-weight:500}.insight-meta{align-items:center;gap:12px;display:flex}.confidence{color:#64748b;font-size:12px}.action-btn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.action-btn:hover{background:#6366f140}.dismiss-btn{color:#475569;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 6px;font-size:14px}.dismiss-btn:hover{color:#94a3b8}.report-content{flex-direction:column;gap:12px;display:flex}.report-header-info{background:#0f172a80;border:1px solid #6366f133;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 20px;display:flex}.report-header-info>svg{color:#818cf8;font-size:24px}.report-header-info>div{flex:1;min-width:220px}.report-header-info h4{color:#f1f5f9;margin:0;font-size:16px;font-weight:600}.report-header-info span{color:#94a3b8;font-size:12px}.refresh-btn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;max-width:100%;margin-left:auto;padding:8px 14px;font-size:13px;display:inline-flex;overflow:hidden}.refresh-btn:hover{background:#6366f140}.report-section{background:linear-gradient(#0f172ab8,#0f172a7a);border:1px solid #94a3b824;border-radius:16px;padding:20px;box-shadow:inset 0 1px #ffffff0a}.report-section h4{color:#f8fafc;letter-spacing:.01em;margin:0 0 8px;font-size:15px;font-weight:700}.report-section p{color:#cbd5e1;margin:0 0 14px;font-size:14px;line-height:1.6}.report-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{background:#02061747;border:1px solid #94a3b81f;border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.stat-value{color:#f1f5f9;font-size:22px;font-weight:700}.stat-label{color:#94a3b8;font-size:12px}.report-bars{flex-direction:column;gap:10px;display:flex}.bar-item{background:#02061738;border:1px solid #94a3b81a;border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.bar-label{justify-content:space-between;gap:12px;font-size:13px;display:flex}.bar-label span:first-child{color:#e2e8f0;font-weight:500}.bar-label span:last-child{color:#94a3b8}.bar-track{background:#94a3b81a;border-radius:3px;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;min-width:4px;height:100%;transition:width .5s}.bar-items,.cond-items{flex-wrap:wrap;gap:6px;display:flex}.condition-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.condition-card{background:#0f172a66;border:1px solid #94a3b81a;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.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;text-transform:capitalize;font-size:13px;font-weight:600}.cond-count{color:#94a3b8;font-size:12px}.cond-items{margin-top:4px}.completeness-list{flex-direction:column;gap:8px;display:flex}.incomplete-item{background:#0f172a66;border:1px solid #94a3b81a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.missing-tags{flex-wrap:wrap;gap:4px;display:flex}.missing-tag{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:20px;padding:2px 8px;font-size:11px}.recommendations-list{margin:0;padding-left:20px}.recommendations-list li{color:#cbd5e1;margin-bottom:8px;font-size:14px;line-height:1.5}@media (width<=768px){.summary-grid{grid-template-columns:repeat(2,1fr)}.ai-hub-tabs{flex-wrap:nowrap}.hub-tab{padding:8px 12px;font-size:12px}.hub-tab span{display:none}.ai-hub-header{flex-direction:column;align-items:stretch;gap:12px}.header-subtitle{display:none}.report-stats{grid-template-columns:1fr}.condition-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.summary-grid{grid-template-columns:1fr 1fr}.form-row,.date-time-row{grid-template-columns:1fr}}body.theme-light .ai-hub-header{background:linear-gradient(135deg,#6366f10f,#8b5cf60a);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{color:#374151;background:#6366f10f}body.theme-light .hub-tab.active{color:#4f46e5;background:#6366f114;border-color:#6366f140}body.theme-light .tab-badge{color:#4f46e5;background:#6366f11f}body.theme-light .summary-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000a}body.theme-light .card-value{color:#1e293b}body.theme-light .card-label{color:#64748b}body.theme-light .ai-summary-box{background:#fff;border-color:#6366f126}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{color:#4f46e5;background:#6366f10f;border-color:#6366f126}body.theme-light .valuable-item{color:#64748b}body.theme-light .quick-alert.neutral{color:#374151;background:#f8fafc;border-color:#e2e8f0}body.theme-light .filter-group{color:#64748b}body.theme-light .filter-group select{color:#1e293b;background:#fff;border-color:#e2e8f0}body.theme-light .add-btn{color:#4f46e5;background:#6366f10f;border-color:#6366f133}body.theme-light .add-btn:hover{background:#6366f11f}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=text],body.theme-light .form-body input[type=date],body.theme-light .form-body input[type=time],body.theme-light .form-body textarea,body.theme-light .form-body select{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}body.theme-light .form-body input:focus,body.theme-light .form-body textarea:focus,body.theme-light .form-body select:focus{background:#fff;border-color:#6366f180}body.theme-light .btn-cancel{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}body.theme-light .tag{color:#4f46e5;background:#6366f10f;border-color:#6366f126}body.theme-light .tag-input-row input{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}body.theme-light .tag-input-row button{color:#4f46e5;background:#6366f10f;border-color:#6366f133}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-type,body.theme-light .reminder-due{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{color:#64748b;background:#f8fafc;border-color:#e2e8f0}body.theme-light .reminder-actions button:hover{color:#4f46e5;background:#6366f10f;border-color:#6366f133}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{color:#64748b;background:#f8fafc;border-color:#e2e8f0}body.theme-light .note-actions button:hover{color:#4f46e5;background:#6366f10f;border-color:#6366f133}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{color:#4f46e5;background:#6366f10f;border-color:#6366f133}body.theme-light .action-btn:hover{background:#6366f11f}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:#6366f126}body.theme-light .report-header-info h4{color:#1e293b}body.theme-light .report-header-info span{color:#64748b}body.theme-light .refresh-btn{color:#4f46e5;background:#6366f10f;border-color:#6366f133}body.theme-light .generate-report-btn{color:#fff;background:#0057c2;border:1px solid #0057c2}body.theme-light .generate-report-btn svg{color:#fff}body.theme-light .generate-report-btn:disabled,body.theme-light .refresh-btn:disabled{color:#64748b;background:#e2e8f0;border-color:#cbd5e1}body.theme-light .generate-report-btn:disabled svg,body.theme-light .refresh-btn:disabled svg{color:#64748b}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 .stat,body.theme-light .bar-item{background:#f8fafc;border-color:#e2e8f0}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{color:#dc2626;background:#ef44440f;border-color:#ef444426}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{width:100%;max-width:1440px;margin:0 auto;padding:28px 32px 48px;animation:.4s acctFadeIn}@keyframes acctFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.accounting-loading{min-height:60vh;color:var(--text-muted,#a0aec0);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.acct-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.acct-header-left h1{color:var(--text-primary,#fff);letter-spacing:-.3px;margin:0;font-size:26px;font-weight:800}.acct-subtitle{color:#64748b;margin-top:4px;font-size:13px;font-weight:500;display:block}.acct-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acct-btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.acct-btn:hover{color:#f1f5f9;background:#ffffff14;border-color:#ffffff1f}.acct-btn.primary{color:#fff;background:#6366f1;border-color:#6366f1}.acct-btn.primary:hover{background:#4f46e5}.acct-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.acct-kpi-card{background:var(--surface-primary,#1a1a2ed9);border:1px solid var(--border-subtle,#ffffff0f);border-radius:14px;align-items:center;gap:14px;padding:20px;transition:all .25s;display:flex}.acct-kpi-card:hover{background:#1e1e37e6;border-color:#6366f140}.acct-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.acct-kpi-icon.purple{color:#a5b4fc;background:#6366f126}.acct-kpi-icon.green{color:#6ee7b7;background:#10b98126}.acct-kpi-icon.red{color:#fca5a5;background:#ef444426}.acct-kpi-icon.blue{color:#93c5fd;background:#3b82f626}.acct-kpi-info{flex:1;min-width:0}.acct-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.acct-kpi-value{color:var(--text-primary,#fff);margin-top:2px;font-size:22px;font-weight:800;line-height:1.2}.acct-kpi-sub{color:#64748b;margin-top:2px;font-size:11.5px}.acct-tabs{background:#0003;border-radius:10px;gap:4px;width:fit-content;margin-bottom:24px;padding:3px;display:flex}.acct-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.acct-tab:hover{color:#e2e8f0;background:#ffffff0d}.acct-tab.active{color:#fff;background:#6366f1;box-shadow:0 2px 8px #6366f14d}.acct-table-wrap{background:var(--surface-primary,#1a1a2ed9);border:1px solid var(--border-subtle,#ffffff0f);border-radius:14px;overflow:hidden}.acct-table-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.acct-table-title{color:var(--text-primary,#fff);font-size:15px;font-weight:700}.acct-filters{align-items:center;gap:8px;display:flex}.acct-filter-select{color:#cbd5e1;cursor:pointer;appearance:auto;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:500}.acct-filter-select:focus{border-color:#6366f180;outline:none}.acct-table{border-collapse:collapse;width:100%}.acct-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#0000001a;border-bottom:1px solid #ffffff0a;padding:12px 16px;font-size:11.5px;font-weight:700}.acct-table th.right{text-align:right}.acct-table td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #ffffff08;padding:14px 16px;font-size:13.5px}.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:#6366f10a}.acct-table tr:last-child td{border-bottom:none}.acct-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.acct-badge.active{color:#6ee7b7;background:#10b98126}.acct-badge.disposed{color:#94a3b8;background:#64748b26}.acct-badge.impaired{color:#fcd34d;background:#f59e0b26}.acct-badge.written-off{color:#fca5a5;background:#ef444426}.acct-badge.held{color:#93c5fd;background:#3b82f626}.acct-badge.method{color:#a5b4fc;text-transform:none;background:#6366f11a;font-weight:600}.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-link-btn{color:#818cf8;cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;padding:0}.acct-link-btn:hover{color:#a5b4fc;text-decoration:underline}.acct-item-name{align-items:center;gap:10px;display:flex}.acct-item-thumb{object-fit:cover;background:#6366f11a;border-radius:8px;flex-shrink:0;width:36px;height:36px}.acct-item-thumb-placeholder{color:#6366f1;background:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.acct-item-details{min-width:0}.acct-item-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.acct-item-class{color:#64748b;margin-top:1px;font-size:11px}.acct-actions{gap:4px;display:flex}.acct-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:all .2s;display:flex}.acct-action-btn:hover{color:#a5b4fc;background:#6366f11a}.acct-action-btn.danger:hover{color:#fca5a5;background:#ef44441a}.acct-dep-bar-wrap{width:100%;max-width:120px}.acct-dep-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.acct-dep-bar-fill{border-radius:3px;height:100%;transition:width .3s}.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;margin-top:3px;font-size:10.5px}.acct-empty{text-align:center;padding:60px 20px}.acct-empty-icon{color:#6366f133;margin-bottom:16px;font-size:48px}.acct-empty h3{color:#e2e8f0;margin:0 0 8px;font-size:18px}.acct-empty p{color:#64748b;max-width:400px;margin:0 auto 20px;font-size:13.5px}.acct-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;padding:calc(72px + env(safe-area-inset-top,0px)) 18px calc(env(safe-area-inset-bottom,0px) + 18px);-webkit-overflow-scrolling:touch;background:#0009;justify-content:center;align-items:flex-start;animation:.2s acctFadeIn;display:flex;position:fixed;inset:0;overflow:hidden auto}.acct-modal{background:var(--surface-primary,#1a1a2efa);width:90%;max-width:520px;max-height:calc(100dvh - 108px - env(safe-area-inset-bottom,0px));border:1px solid #ffffff14;border-radius:16px;flex-direction:column;animation:.3s acctSlideUp;display:flex;overflow:hidden}@keyframes acctSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.acct-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.acct-modal-header h2{color:#f1f5f9;margin:0;font-size:18px;font-weight:700}.acct-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.acct-modal-close:hover{color:#fca5a5;background:#ef44441a}.acct-modal-body{min-height:0;padding:20px 24px;overflow-y:auto}.acct-modal-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:8px;padding:16px 24px 20px;display:flex}.acct-form-group{margin-bottom:16px}.acct-form-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.acct-form-input,.acct-form-select{color:#e2e8f0;box-sizing:border-box;background:#0003;border:1px solid #ffffff14;border-radius:10px;width:100%;padding:10px 14px;font-size:13.5px;font-weight:500;transition:all .2s}.acct-form-input:focus,.acct-form-select:focus{background:#0000004d;border-color:#6366f180;outline:none}.acct-form-hint{color:#64748b;margin-top:4px;font-size:11px}.acct-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.acct-alert{border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:12.5px;line-height:1.5;display:flex}.acct-alert.info{color:#93c5fd;background:#3b82f614;border:1px solid #3b82f626}.acct-alert.warning{color:#fcd34d;background:#f59e0b14;border:1px solid #f59e0b26}.acct-alert.error{color:#fca5a5;background:#ef444414;border:1px solid #ef444426}.acct-alert.success{color:#6ee7b7;background:#10b98114;border:1px solid #10b98126}.acct-detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.acct-detail-card{background:#00000026;border:1px solid #ffffff0a;border-radius:12px;padding:16px}.acct-detail-card h4{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:12px;font-weight:700}.acct-detail-row{border-bottom:1px solid #ffffff08;justify-content:space-between;padding:6px 0;display:flex}.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{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.acct-search-box{flex:1;min-width:200px;max-width:400px;position:relative}.acct-search-icon{color:#64748b;pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.acct-search-input{color:#e2e8f0;box-sizing:border-box;background:#0003;border:1px solid #ffffff0f;border-radius:10px;width:100%;padding:9px 36px;font-size:13px;font-weight:500;transition:all .2s}.acct-search-input::placeholder{color:#4b5563}.acct-search-input:focus{background:#0000004d;border-color:#6366f180;outline:none}.acct-search-clear{color:#64748b;cursor:pointer;box-sizing:border-box;background:#94a3b814;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:11px;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.acct-search-clear:hover{color:#fca5a5;background:#f871711a;border-color:#f871712e;transform:translateY(-50%)}.acct-search-clear:focus-visible{outline-offset:2px;outline:2px solid #6366f18c;transform:translateY(-50%)}.acct-search-box .fav-search-clear,.acct-search-box .fav-search-clear:hover,.acct-search-box .fav-search-clear:focus-visible{box-sizing:border-box!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;position:absolute!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important}.acct-search-box .fav-search-clear{cursor:pointer;color:#64748b!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;line-height:1!important;transition:color .15s,background-color .15s!important;display:inline-flex!important}.acct-search-box .fav-search-clear:hover,.acct-search-box .fav-search-clear:focus-visible{color:#a0aec0!important;background:#94a3b814!important}.acct-search-box .fav-search-clear:focus-visible{outline-offset:2px;outline:2px solid #6366f18c}.acct-toolbar-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acct-pagination{align-items:center;gap:8px;display:flex}.acct-page-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;transition:all .15s;display:flex}.acct-page-btn:hover:not(:disabled){color:#a5b4fc;background:#6366f126;border-color:#6366f14d}.acct-page-btn:disabled{opacity:.3;cursor:default}.acct-page-info{color:#94a3b8;text-align:center;min-width:48px;font-size:12px;font-weight:600}.acct-table-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.acct-table-count{color:#64748b;font-size:12px;font-weight:500}.acct-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.acct-table th.sortable:hover{color:#a5b4fc}.sort-icon{flex-shrink:0;margin-left:6px;font-size:16px}.sort-icon.active{color:#6366f1}.sort-icon.inactive{color:#475569;opacity:.5}.sort-head{align-items:center;gap:6px;display:inline-flex}.acct-alert-close{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px 4px;transition:opacity .15s}.acct-alert-close:hover{opacity:1}.acct-btn.sm{border-radius:8px;padding:5px 10px;font-size:12px}.acct-btn:disabled{opacity:.5;cursor:default;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{border-color:var(--border-color);color:var(--text-secondary);background:#0000000a}:root[data-theme=light] .acct-btn:hover{border-color:var(--border-color);color:var(--text-primary);background:#00000014}:root[data-theme=light] .acct-btn.primary{color:#fff;background:#6366f1;border-color:#6366f1}: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:#6366f140}:root[data-theme=light] .acct-kpi-icon.purple{color:#6366f1;background:#6366f11a}:root[data-theme=light] .acct-kpi-icon.green{color:#059669;background:#10b9811a}:root[data-theme=light] .acct-kpi-icon.red{color:#dc2626;background:#ef44441a}:root[data-theme=light] .acct-kpi-icon.blue{color:#2563eb;background:#3b82f61a}: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:#0000000d}:root[data-theme=light] .acct-tab{color:var(--text-muted)}:root[data-theme=light] .acct-tab:hover{color:var(--text-primary);background:#0000000d}:root[data-theme=light] .acct-tab.active{color:#fff;background:#6366f1}: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{color:var(--text-muted);border-bottom-color:var(--border-color);background:var(--surface-secondary)}:root[data-theme=light] .acct-table td{color:var(--text-primary);border-bottom-color:var(--border-color)}:root[data-theme=light] .acct-table tr:hover td{background:#6366f10a}:root[data-theme=light] .acct-badge.active{color:#059669;background:#10b9811a}:root[data-theme=light] .acct-badge.disposed{color:#64748b;background:#64748b1a}:root[data-theme=light] .acct-badge.impaired{color:#d97706;background:#f59e0b1a}:root[data-theme=light] .acct-badge.written-off{color:#dc2626;background:#ef44441a}:root[data-theme=light] .acct-badge.held{color:#2563eb;background:#3b82f61a}:root[data-theme=light] .acct-badge.method{color:#6366f1;background:#6366f114}: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-link-btn{color:#4338ca}:root[data-theme=light] .acct-link-btn:hover{color:#3730a3}:root[data-theme=light] .acct-item-thumb-placeholder{color:#6366f1;background:#6366f114}:root[data-theme=light] .acct-item-title{color:var(--text-primary)}:root[data-theme=light] .acct-item-class,:root[data-theme=light] .acct-action-btn{color:var(--text-muted)}:root[data-theme=light] .acct-action-btn:hover{color:#6366f1;background:#6366f114}:root[data-theme=light] .acct-dep-bar{background:#0000000f}: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:#6366f14d}: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:#6366f180}:root[data-theme=light] .acct-form-hint{color:var(--text-muted)}:root[data-theme=light] .acct-alert.info{color:#2563eb;background:#3b82f60f;border-color:#3b82f626}:root[data-theme=light] .acct-alert.warning{color:#d97706;background:#f59e0b0f;border-color:#f59e0b26}:root[data-theme=light] .acct-alert.error{color:#dc2626;background:#ef44440f;border-color:#ef444426}:root[data-theme=light] .acct-alert.success{color:#059669;background:#10b9810f;border-color:#10b98126}: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:#6366f180}:root[data-theme=light] .acct-search-icon{color:var(--text-muted)}:root[data-theme=light] .acct-page-btn{border-color:var(--border-color);background:var(--surface-secondary);color:var(--text-muted)}:root[data-theme=light] .acct-page-btn:hover:not(:disabled){color:#6366f1;background:#6366f114;border-color:#6366f14d}: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.active{color:#6366f1}:root[data-theme=light] .sort-icon.inactive{color:#94a3b8;opacity:.6}:root[data-theme=light] .accounting-loading{color:var(--text-muted)}@media (width<=1024px){.acct-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.accounting{padding:16px}.acct-header{flex-direction:column}.acct-kpi-row{grid-template-columns:1fr}.acct-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;padding:5px;display:grid;overflow:visible}.acct-tab{text-align:center;white-space:normal;justify-content:center;gap:6px;width:100%;min-width:0;padding:10px 8px;line-height:1.15}.acct-tab svg{flex-shrink:0}.acct-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.acct-table{min-width:760px;font-size:12px}.acct-detail-grid,.acct-form-row{grid-template-columns:1fr}.acct-toolbar{flex-direction:column;align-items:stretch}.acct-search-box{max-width:100%}.acct-toolbar-filters{flex-wrap:wrap}.acct-table-footer{flex-direction:column;align-items:center;gap:8px}.acct-modal-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.acct-modal-footer .acct-btn{white-space:normal;text-align:center;justify-content:center;width:100%;min-width:0;padding:11px 8px;line-height:1.2}.acct-detail-row{align-items:flex-start;gap:10px}.acct-detail-label{overflow-wrap:anywhere;min-width:0}.acct-detail-value{text-align:right;flex-shrink:0}}@media (width<=430px){.acct-tab{font-size:12px}.acct-modal-footer{grid-template-columns:1fr}}.sa-access-denied{background:#0a0a1a;justify-content:center;align-items:center;min-height:100vh;display:flex}.sa-denied-card{text-align:center;background:#12122a;border:1px solid #1e1e3a;border-radius:16px;max-width:420px;padding:48px}.sa-denied-icon{color:#f5576c;margin-bottom:20px;font-size:48px}.sa-denied-card h2{color:#fff;margin:0 0 12px;font-size:24px}.sa-denied-card p{color:#8892b0;margin:0 0 8px;font-size:14px;line-height:1.5}.sa-btn-back{color:#ccd6f6;cursor:pointer;background:#1e1e3a;border:1px solid #2a2a4a;border-radius:8px;margin-top:24px;padding:10px 24px;font-size:14px;transition:all .2s}.sa-btn-back:hover{background:#2a2a4a}.sa-console{color:#ccd6f6;background:#0a0a1a;min-height:100vh}.sa-topbar{z-index:100;background:#0f0f23;border-bottom:1px solid #1e1e3a;justify-content:space-between;align-items:center;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.sa-topbar-left{align-items:center;gap:12px;display:flex}.sa-topbar-icon{color:#f5576c;font-size:18px}.sa-topbar-title{color:#e6f1ff;letter-spacing:.3px;font-size:15px;font-weight:700}.sa-topbar-env{color:#f5576c;letter-spacing:1px;background:#f5576c26;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.sa-topbar-right{align-items:center;gap:12px;display:flex}.sa-topbar-user{color:#8892b0;font-size:13px}.sa-topbar-btn{color:#a0aec0;cursor:pointer;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .2s;display:flex}.sa-topbar-btn:hover{color:#ccd6f6;background:#2a2a4a}.sa-topbar-btn.logout{color:#f5576c}.sa-topbar-btn.logout:hover{background:#f5576c1a}.sa-body{max-width:1400px;margin:0 auto;padding:32px;animation:.4s sa-fadeIn}@keyframes sa-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sa-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.sa-header-left{align-items:center;gap:16px;display:flex}.sa-header-icon{color:#fff;background:linear-gradient(135deg,#f5576c 0%,#ff6b81 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;box-shadow:0 8px 24px #f5576c4d}.sa-header h1{color:#e6f1ff;margin:0;font-size:28px;font-weight:800}.sa-header p{color:#8892b0;margin:4px 0 0;font-size:14px}.sa-header-badge{color:#f5576c;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#f5576c26,#ff6b811a);border:1px solid #f5576c4d;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:12px;font-weight:700;display:flex}.sa-toast{border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-weight:500;animation:.3s sa-slideIn;display:flex}@keyframes sa-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sa-toast.success{color:#48bb78;background:#48bb7826;border:1px solid #48bb784d}.sa-toast.error{color:#f56565;background:#f5656526;border:1px solid #f565654d}.sa-tabs{border-bottom:1px solid #667eea1a;gap:8px;margin-bottom:28px;padding-bottom:12px;display:flex}.sa-tab{color:var(--text-muted,#a0aec0);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sa-tab:hover{color:var(--accent,#667eea);background:#667eea14}.sa-tab.active{color:var(--accent,#667eea);background:linear-gradient(135deg,#667eea26,#764ba21a)}.sa-stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.sa-stat-card{background:var(--surface-primary,#1a1a2e);text-align:center;border:1px solid #667eea1a;border-radius:14px;padding:24px;transition:all .3s}.sa-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.sa-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:20px;display:flex}.sa-stat-icon.users{color:#6366f1;background:#6366f126}.sa-stat-icon.verified{color:#48bb78;background:#48bb7826}.sa-stat-icon.unverified{color:#f5576c;background:#f5576c26}.sa-stat-icon.workspaces{color:#38bdf8;background:#38bdf826}.sa-stat-icon.items{color:#a78bfa;background:#a78bfa26}.sa-stat-icon.recent{color:#fbbf24;background:#fbbf2426}.sa-stat-value{color:var(--text-primary,#fff);margin-bottom:4px;font-size:32px;font-weight:800}.sa-stat-label{color:var(--text-muted,#a0aec0);font-size:13px;font-weight:500}.sa-stats-grid.compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.sa-dashboard-panels,.sa-overview-grid,.sa-split-grid,.sa-tool-grid{gap:16px;display:grid}.sa-dashboard-panels{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:20px}.sa-overview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sa-split-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.sa-admin-section{gap:20px;display:grid}.sa-section-heading{flex-direction:column;gap:6px;display:flex}.sa-section-heading h2{color:#e6f1ff;margin:0;font-size:24px}.sa-section-heading p{color:#8892b0;margin:0;line-height:1.6}.sa-panel{background:var(--surface-primary,#1a1a2e);border:1px solid #667eea1f;border-radius:14px;min-width:0;padding:20px}.sa-panel-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sa-panel-header>svg{color:#667eea;margin-top:4px;font-size:18px}.sa-panel-header h3{color:var(--text-primary,#fff);margin:0 0 4px;font-size:16px}.sa-panel-header p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.sa-metric-row{color:#94a3b8;border-top:1px solid #667eea14;justify-content:space-between;gap:16px;padding:11px 0;font-size:13px;display:flex}.sa-metric-row strong{color:#e6f1ff;font-size:15px}.sa-metric-row.warning strong{color:#f5576c}.sa-action-grid,.sa-tool-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.sa-action-grid button,.sa-tool-grid button,.sa-list-item button{color:#a5b4fc;white-space:normal;cursor:pointer;background:#667eea17;border:1px solid #667eea33;border-radius:8px;width:100%;min-height:38px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.35;transition:all .2s}.sa-action-grid button:hover,.sa-tool-grid button:hover,.sa-list-item button:hover{color:#c7d2fe;background:#667eea2e;border-color:#667eea61}.sa-tool-grid button{justify-content:center;align-items:center;gap:8px;padding:14px;display:flex}.sa-action-grid button{justify-content:center;align-items:center;display:flex}.sa-list-item button{flex-shrink:0;justify-content:center;justify-self:end;align-items:center;gap:7px;width:auto;min-width:112px;max-width:190px;display:inline-flex}.sa-list-item button:disabled{opacity:.45;cursor:wait}.sa-list{gap:10px;display:grid}.sa-list-item{background:#0f0f1e5c;border:1px solid #667eea14;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.sa-list-item--deletion{align-items:flex-start}.sa-list-item--deletion button{min-width:150px}.sa-list-item div{flex-direction:column;gap:3px;min-width:0;display:flex}.sa-list-item strong{color:var(--text-primary,#fff);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sa-list-item span,.sa-empty{color:#94a3b8;font-size:12px;line-height:1.5}.sa-empty{margin:0}.sa-large-meter{text-align:center;background:#667eea14;border-radius:12px;margin-bottom:14px;padding:18px}.sa-large-meter span{color:#e6f1ff;margin-bottom:8px;font-size:42px;font-weight:800;line-height:1;display:block}.sa-large-meter p{color:#94a3b8;margin:0;font-size:13px}.sa-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.sa-search-box{flex:1;min-width:250px;position:relative}.sa-search-icon{color:#64748b;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sa-search-box input{width:100%;color:var(--text-primary,#fff);background:#0f0f1e99;border:1px solid #667eea33;border-radius:10px;padding:10px 14px 10px 40px;font-size:14px}.sa-search-box input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.sa-search-box input::placeholder{color:#64748b}.sa-filters select{color:var(--text-primary,#fff);cursor:pointer;background:#0f0f1e99;border:1px solid #667eea33;border-radius:10px;padding:10px 14px;font-size:13px}.sa-filters select:focus{border-color:#667eea;outline:none}.sa-table-wrapper{border:1px solid #667eea1a;border-radius:12px;overflow-x:auto}.sa-table{border-collapse:collapse;width:100%}.sa-table thead{background:#0f0f1e99}.sa-table th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;border-bottom:1px solid #667eea1a;padding:12px 16px;font-size:11px;font-weight:700}.sa-table td{color:var(--text-primary,#fff);border-bottom:1px solid #667eea0d;padding:14px 16px;font-size:14px}.sa-table tbody tr:hover{background:#667eea0a}.sa-admin-row{background:#f5576c08!important}.sa-user-cell{align-items:center;gap:12px;display:flex}.sa-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sa-user-name{color:var(--text-primary,#fff);font-weight:600}.sa-user-email{color:#94a3b8;font-size:12px}.sa-role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.sa-role-badge.admin{color:#f5576c;background:#f5576c26;border:1px solid #f5576c4d}.sa-role-badge.user{color:#667eea;background:#667eea1a;border:1px solid #667eea33}.sa-status{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.sa-status.verified{color:#48bb78}.sa-status.unverified{color:#f5576c}.sa-num{text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.sa-date{color:#94a3b8;white-space:nowrap;font-size:12px}.sa-actions{gap:6px;display:flex}.sa-icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #667eea33;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;transition:all .2s;display:flex}.sa-icon-btn:hover:not(:disabled){color:#667eea;background:#667eea1a;border-color:#667eea66}.sa-icon-btn.impersonate:hover:not(:disabled){color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}.sa-icon-btn.verify:hover:not(:disabled){color:#48bb78;background:#48bb781a;border-color:#48bb784d}.sa-icon-btn.unverify:hover:not(:disabled){color:#f5576c;background:#f5576c1a;border-color:#f5576c4d}.sa-icon-btn:disabled{opacity:.3;cursor:not-allowed}.sa-pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:16px 0;display:flex}.sa-pagination button{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.sa-pagination button:hover:not(:disabled){background:#667eea33}.sa-pagination button:disabled{opacity:.3;cursor:not-allowed}.sa-pagination span{color:#94a3b8;font-size:13px}.sa-mail-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.4fr);align-items:start;gap:16px;display:grid}.sa-mail-panel,.sa-mail-compose-panel{min-height:0}.sa-mail-select-all{color:#c7d2fe;cursor:pointer;background:#667eea1a;border:1px solid #667eea38;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-bottom:12px;font-weight:800;display:inline-flex}.sa-mail-select-all:disabled{opacity:.5;cursor:not-allowed}.sa-mail-recipient-list{gap:8px;max-height:470px;padding-right:4px;display:grid;overflow:auto}.sa-mail-recipient{text-align:left;color:#94a3b8;background:#0f0f1e57;border:1px solid #667eea1a;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px;display:grid}.sa-mail-recipient.inactive{opacity:.72}.sa-mail-recipient-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:0;display:grid}.sa-mail-recipient-main:disabled{cursor:not-allowed}.sa-mail-recipient.selected{color:#a5b4fc;background:#667eea24;border-color:#667eea6b}.sa-mail-recipient-main div{gap:3px;min-width:0;display:grid}.sa-mail-recipient strong{color:var(--text-primary,#fff);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sa-mail-recipient span{color:#94a3b8;font-size:12px;line-height:1.4}.sa-mail-recipient>div:last-child{justify-items:end;gap:6px;display:grid}.sa-mail-status{border-radius:999px;align-items:center;min-height:22px;padding:2px 8px;font-weight:900;display:inline-flex;font-size:11px!important}.sa-mail-status.active{background:#48bb7821;color:#86efac!important}.sa-mail-status.inactive{background:#94a3b821;color:#cbd5e1!important}.sa-mail-status-action{color:#c7d2fe;cursor:pointer;background:#667eea1a;border:1px solid #667eea38;border-radius:7px;min-height:30px;padding:0 10px;font-size:11px;font-weight:800}.sa-mail-field{gap:8px;margin-bottom:14px;display:grid}.sa-mail-field span,.sa-mail-preview>span{color:var(--text-primary,#fff);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:900}.sa-mail-field input,.sa-mail-field textarea,.sa-mail-editor{width:100%;color:var(--text-primary,#fff);font:inherit;box-sizing:border-box;background:#0f0f1e7a;border:1px solid #667eea2e;border-radius:10px}.sa-mail-field input{height:42px;padding:0 12px}.sa-mail-editor{white-space:normal;text-align:left;writing-mode:horizontal-tb;direction:ltr;unicode-bidi:plaintext;min-height:220px;padding:12px;line-height:1.55;overflow:auto}.sa-mail-editor:empty:before{content:attr(data-placeholder);color:#64748b}.sa-mail-field input:focus,.sa-mail-field textarea:focus,.sa-mail-editor:focus{border-color:#667eea8a;outline:none;box-shadow:0 0 0 3px #667eea24}.sa-mail-editor h1,.sa-mail-editor h2,.sa-mail-editor h3{color:var(--text-primary,#fff);margin:0 0 10px;line-height:1.18}.sa-mail-editor p{margin:0 0 12px}.sa-mail-editor blockquote{background:#667eea14;border-left:3px solid #667eea;border-radius:8px;margin:14px 0;padding:10px 14px}.sa-mail-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.sa-mail-toolbar button{color:#a5b4fc;cursor:pointer;background:#667eea17;border:1px solid #667eea33;border-radius:8px;width:38px;height:38px}.sa-mail-toolbar button:hover,.sa-mail-color-tool:hover{color:#c7d2fe;background:#667eea2e}.sa-mail-color-tool{color:#a5b4fc;cursor:pointer;background:#667eea17;border:1px solid #667eea33;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative;overflow:hidden}.sa-mail-color-tool input{opacity:0;cursor:pointer;position:absolute;inset:0}.sa-mail-preview{gap:10px;margin-top:12px;display:grid}.sa-mail-preview>div{color:#172033;text-align:left;writing-mode:horizontal-tb;direction:ltr;unicode-bidi:plaintext;background:#f8fafc;border:1px solid #94a3b824;border-radius:10px;min-height:120px;max-height:320px;padding:16px;line-height:1.6;overflow:auto}.sa-mail-preview img{max-width:100%;height:auto}.sa-mail-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.sa-mail-actions button{color:#c7d2fe;cursor:pointer;background:#667eea17;border:1px solid #667eea3d;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:800;display:inline-flex}.sa-mail-actions button.primary{color:#fff;background:#667eea;border-color:#0000}.sa-mail-actions button:disabled{opacity:.5;cursor:not-allowed}.sa-loading{color:#667eea;justify-content:center;align-items:center;gap:12px;height:200px;font-size:16px;display:flex}.sa-user-detail-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s sa-fadeIn;display:flex;position:fixed;inset:0}.sa-user-detail-panel{background:var(--surface-primary,#1a1a2e);border:1px solid #667eea33;border-radius:16px;width:100%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.sa-detail-header{border-bottom:1px solid #667eea1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sa-detail-header h3{color:var(--text-primary,#fff);align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.sa-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.sa-close-btn:hover{color:#f5576c;background:#f5576c1a;border-color:#f5576c4d}.sa-detail-body{padding:24px}.sa-detail-info{align-items:center;gap:16px;margin-bottom:24px;display:flex}.sa-detail-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:800;display:flex}.sa-detail-info h4{color:var(--text-primary,#fff);margin:0;font-size:20px}.sa-detail-email{color:#94a3b8;margin:2px 0 8px;font-size:14px}.sa-detail-badges{flex-wrap:wrap;gap:6px;display:flex}.sa-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.sa-badge.admin{color:#f5576c;background:#f5576c26}.sa-badge.user{color:#667eea;background:#667eea1a}.sa-badge.verified{color:#48bb78;background:#48bb7826}.sa-badge.unverified{color:#f5576c;background:#f5576c26}.sa-badge.twofa{color:#fbbf24;background:#fbbf2426}.sa-detail-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.sa-mini-stat{text-align:center;background:#667eea0d;border:1px solid #667eea14;border-radius:10px;padding:12px}.sa-mini-stat span{color:var(--text-primary,#fff);margin-bottom:2px;font-size:22px;font-weight:700;display:block}.sa-mini-stat{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.sa-detail-meta{margin-bottom:20px}.sa-detail-meta p{color:#94a3b8;margin:6px 0;font-size:13px}.sa-detail-meta strong{color:var(--text-primary,#fff);margin-right:8px}.sa-detail-workspaces{margin-bottom:20px}.sa-detail-workspaces h5{color:var(--text-primary,#fff);margin:0 0 10px;font-size:14px}.sa-workspace-card{background:#667eea0d;border:1px solid #667eea14;border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;display:flex}.sa-ws-name{color:var(--text-primary,#fff);flex:1;font-size:13px;font-weight:600}.sa-ws-role{color:#667eea;text-transform:uppercase;font-size:11px;font-weight:700}.sa-ws-stats{color:#64748b;font-size:11px}.sa-detail-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sa-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sa-action-btn:disabled{opacity:.4;cursor:not-allowed}.sa-action-btn.verify{color:#48bb78;background:#48bb781a;border-color:#48bb784d}.sa-action-btn.verify:hover:not(:disabled){background:#48bb7833}.sa-action-btn.unverify{color:#f5576c;background:#f5576c14;border-color:#f5576c38}.sa-action-btn.unverify:hover:not(:disabled){background:#f5576c29}.sa-action-btn.impersonate{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}.sa-action-btn.impersonate:hover:not(:disabled){background:#fbbf2433}.sa-role-select{color:var(--text-primary,#fff);cursor:pointer;background:#0f0f1e99;border:1px solid #667eea33;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.sa-danger-zone{border-top:1px solid #f5576c26;padding-top:16px}.sa-action-btn.delete-trigger{color:#f5576c;background:#f5576c14;border-color:#f5576c33;justify-content:center;width:100%}.sa-action-btn.delete-trigger:hover:not(:disabled){background:#f5576c26}.sa-delete-confirm{background:#f5576c0d;border:1px solid #f5576c33;border-radius:10px;padding:16px}.sa-delete-confirm p{color:#f5576c;margin:0 0 12px;font-size:13px}.sa-delete-actions{gap:8px;display:flex}.sa-action-btn.cancel{color:var(--text-primary,#fff);background:#ffffff0d;border-color:#ffffff1a;flex:1;justify-content:center}.sa-action-btn.delete{color:#fff;background:#f5576c;border-color:#0000;flex: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{color:#4f46e5;background:#6366f10f}[data-theme=light] .sa-tab.active{color:#4f46e5;background:#6366f114}[data-theme=light] .sa-search-box input,[data-theme=light] .sa-filters select{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .sa-table-wrapper{border-color:#e2e8f0}[data-theme=light] .sa-table thead{background:#f8fafc}[data-theme=light] .sa-table th{color:#64748b;border-color:#e2e8f0}[data-theme=light] .sa-table td{color:#1e293b;border-color:#f1f5f9}[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{color:#64748b;border-color:#e2e8f0}[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-mini-stat span,[data-theme=light] .sa-detail-meta strong{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{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .sa-action-btn.cancel{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .sa-close-btn{color:#64748b;border-color:#e2e8f0}[data-theme=light] .sa-close-btn:hover{background:#f5576c14}[data-theme=light] .sa-pagination span{color:#64748b}[data-theme=light] .sa-delete-confirm p{color:#dc2626}[data-theme=light] .sa-section-heading h2{color:#1e293b}[data-theme=light] .sa-section-heading p{color:#64748b}[data-theme=light] .sa-panel{background:#fff;border-color:#e2e8f0;box-shadow:0 18px 45px #0f172a0f}[data-theme=light] .sa-panel-header h3{color:#1e293b}[data-theme=light] .sa-panel-header p,[data-theme=light] .sa-metric-row,[data-theme=light] .sa-list-item span,[data-theme=light] .sa-empty,[data-theme=light] .sa-large-meter p{color:#64748b}[data-theme=light] .sa-metric-row{border-color:#edf2f7}[data-theme=light] .sa-metric-row strong,[data-theme=light] .sa-list-item strong,[data-theme=light] .sa-large-meter span{color:#1e293b}[data-theme=light] .sa-list-item,[data-theme=light] .sa-large-meter{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .sa-action-grid button,[data-theme=light] .sa-tool-grid button,[data-theme=light] .sa-list-item button{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}[data-theme=light] .sa-action-grid button:hover,[data-theme=light] .sa-tool-grid button:hover,[data-theme=light] .sa-list-item button:hover{color:#312e81;background:#e0e7ff;border-color:#818cf8}[data-theme=light] .sa-mail-select-all,[data-theme=light] .sa-mail-toolbar button,[data-theme=light] .sa-mail-color-tool,[data-theme=light] .sa-mail-status-action,[data-theme=light] .sa-mail-actions button{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}[data-theme=light] .sa-mail-actions button.primary{color:#fff;background:#4f46e5;border-color:#0000}[data-theme=light] .sa-mail-recipient{color:#64748b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .sa-mail-recipient.selected{color:#3730a3;background:#eef2ff;border-color:#818cf8}[data-theme=light] .sa-mail-status.active{background:#dcfce7;color:#166534!important}[data-theme=light] .sa-mail-status.inactive{background:#e2e8f0;color:#475569!important}[data-theme=light] .sa-mail-recipient strong,[data-theme=light] .sa-mail-field span,[data-theme=light] .sa-mail-preview>span{color:#1e293b}[data-theme=light] .sa-mail-recipient span{color:#64748b}[data-theme=light] .sa-mail-field input,[data-theme=light] .sa-mail-field textarea,[data-theme=light] .sa-mail-editor{color:#0f172a;background:#fff;border-color:#dbe3ef}[data-theme=light] .sa-mail-field input::placeholder,[data-theme=light] .sa-mail-field textarea::placeholder,[data-theme=light] .sa-mail-editor:empty:before{color:#94a3b8}[data-theme=light] .sa-mail-editor h1,[data-theme=light] .sa-mail-editor h2,[data-theme=light] .sa-mail-editor h3{color:#0f172a}[data-theme=light] .sa-mail-editor blockquote{background:#eef2ff}[data-theme=light] .sa-mail-preview>div{color:#172033;background:#fff;border-color:#e2e8f0}@media (width<=768px){.super-admin{padding:16px}.sa-header{flex-direction:column;align-items:flex-start;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)}.sa-tabs{padding-bottom:10px;overflow-x:auto}.sa-tab{white-space:nowrap}.sa-dashboard-panels,.sa-overview-grid,.sa-split-grid,.sa-tool-grid,.sa-mail-grid{grid-template-columns:1fr}.sa-list-item{grid-template-columns:1fr;align-items:stretch}.sa-list-item button{width:100%;max-width:none}.sa-mail-actions{flex-direction:column}.sa-mail-actions button{width:100%}.sa-mail-recipient{grid-template-columns:1fr}.sa-mail-recipient>div:last-child{justify-items:stretch}.sa-mail-status,.sa-mail-status-action{justify-content:center;width:100%}}.grok-assistant{background:#09090b;height:calc(100dvh - 70px);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;display:flex;overflow:hidden}.content-body:has(.grok-assistant){min-height:0;padding:0;overflow:hidden}.grok-sidebar{background:#0f0f13;border-right:1px solid #ffffff0f;flex-direction:column;width:260px;min-width:260px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.grok-sidebar.collapsed{border-right:none;width:0;min-width:0}.grok-sidebar-top{flex-direction:column;gap:16px;padding:16px 12px 14px;display:flex}.grok-logo-container{justify-content:center;align-items:center;padding:8px 0;display:flex}.grok-sidebar-logo{object-fit:contain;width:auto;height:40px}.grok-brand{align-items:center;gap:10px;display:flex}.grok-brand-icon{color:#fff;background:radial-gradient(circle at 30% 25%,#7dd3fcf2,#0000 28%),linear-gradient(135deg,#1d4ed8 0%,#6366f1 48%,#22d3ee 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #6366f14d}.grok-brand-icon:after,.grok-header-icon:after,.grok-welcome-icon:after{content:"";border-radius:inherit;border:2px solid #ffffff73;border-left-color:#ffffff14;position:absolute;inset:7px;transform:rotate(-18deg)}.grok-ai-mark-core{z-index:1;letter-spacing:-.08em;text-shadow:0 2px 12px #0f172a52;font-weight:900;line-height:1;position:relative}.grok-brand-text{color:#fafafa;letter-spacing:-.3px;font-size:18px;font-weight:700}.grok-new-btn{color:#6366f1;cursor:pointer;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.grok-new-btn:hover{background:#f973162e;border-color:#f9731659;box-shadow:0 0 20px #f973161a}.grok-temp-btn{color:#5eead4;background:#14b8a61a;border-color:#14b8a633}.grok-chat-list{flex:1;padding:6px;overflow-y:auto}.grok-chat-list::-webkit-scrollbar{width:3px}.grok-chat-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.grok-sidebar-loading{color:#ffffff4d;justify-content:center;padding:32px;font-size:18px;display:flex}.grok-empty-sidebar{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;display:flex}.grok-empty-sidebar svg{color:#ffffff1f;margin-bottom:8px;font-size:32px}.grok-empty-sidebar p{color:#fff6;margin:0;font-size:13px;font-weight:600}.grok-empty-sidebar span{color:#fff3;font-size:12px}.grok-chat-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;transition:all .15s;display:flex;position:relative}.grok-chat-item:hover{background:#ffffff0a}.grok-chat-item.active{background:#f9731614;border:1px solid #f973161f}.grok-chat-item:not(.active){border:1px solid #0000}.grok-chat-item-icon{color:#ffffff4d;background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.grok-chat-item.active .grok-chat-item-icon{color:#6366f1;background:#6366f126}.grok-chat-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.grok-chat-item-title{color:#d4d4d8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.grok-chat-item.active .grok-chat-item-title{color:#fafafa}.grok-chat-item-date{color:#ffffff40;font-size:11px}.grok-chat-item-actions{gap:2px;display:none}.grok-chat-item:hover .grok-chat-item-actions{display:flex}.grok-chat-item-actions button{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:all .15s;display:flex}.grok-chat-item-actions button:hover{color:#fafafa;background:#ffffff14}.grok-chat-item-actions .grok-delete-btn:hover{color:#ef4444;background:#ef444426}.grok-chat-edit{align-items:center;gap:4px;width:100%;display:flex}.grok-chat-edit input{color:#fafafa;background:#ffffff0f;border:1px solid #f9731666;border-radius:6px;outline:none;flex:1;padding:5px 8px;font-size:13px}.grok-chat-edit button{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;width:26px;height:26px;font-size:11px}.grok-chat-edit button:hover{background:#ffffff14}.grok-edit-save:hover{color:#22c55e!important}.grok-edit-cancel:hover{color:#ef4444!important}.grok-sidebar-footer{border-top:1px solid #ffffff0f;padding:12px 16px}.grok-model-badge{color:#ffffff40;align-items:center;gap:6px;font-size:11px;display:flex}.grok-model-badge svg{color:#f97316;font-size:10px}.grok-main{background:#09090b;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.grok-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0f0f13cc;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.grok-header-left{align-items:center;gap:12px;display:flex}.grok-sidebar-toggle{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;transition:all .15s;display:flex}.grok-sidebar-toggle:hover{color:#fafafa;background:#ffffff0a}.grok-sidebar-toggle-icon{display:none}.grok-sidebar-toggle-glyph{border:1.8px solid;border-radius:4px;width:18px;height:15px;display:block;position:relative}.grok-sidebar-toggle-glyph:before{content:"";opacity:.9;background:currentColor;width:1.8px;position:absolute;top:0;bottom:0;left:5px}.grok-sidebar-toggle-glyph span{opacity:.75;background:currentColor;border-radius:2px;width:5px;height:1.8px;position:absolute;top:3px;right:3px;box-shadow:0 4px}.grok-sidebar-toggle:not(.is-open) .grok-sidebar-toggle-glyph{transform:scaleX(-1)}.grok-header-title{align-items:center;gap:10px;display:flex}.grok-header-icon{color:#fff;background:radial-gradient(circle at 30% 25%,#7dd3fcf2,#0000 28%),linear-gradient(135deg,#1d4ed8 0%,#6366f1 48%,#22d3ee 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;overflow:hidden}.grok-header-title h1{color:#fafafa;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:600}.grok-header-right{align-items:center;gap:6px;display:flex}.grok-settings-btn{color:#ffffffb8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:42px;height:42px}.grok-chat-flags{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.grok-chat-flags span,.grok-chat-flags button{color:#c4b5fd;background:#6366f11f;border:1px solid #6366f138;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.grok-chat-flags button{cursor:pointer}.grok-status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-glow;box-shadow:0 0 8px #22c55e80}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #22c55e80}50%{box-shadow:0 0 16px #22c55ecc}}.grok-status-text{color:#ffffff59;font-size:12px;font-weight:500}.grok-messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;flex:1;gap:4px;min-height:0;padding:24px 0;display:flex;overflow-y:auto}.grok-messages::-webkit-scrollbar{width:5px}.grok-messages::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}.grok-messages::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.grok-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.grok-welcome-glow{pointer-events:none;background:radial-gradient(circle,#f9731614 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.grok-welcome-icon{color:#fff;z-index:1;background:radial-gradient(circle at 30% 25%,#7dd3fcf2,#0000 28%),linear-gradient(135deg,#1d4ed8 0%,#6366f1 48%,#22d3ee 100%);border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #6366f14d,0 0 0 1px #6366f11a}.grok-brand-icon .grok-ai-mark-core{font-size:20px}.grok-header-icon .grok-ai-mark-core{font-size:17px}.grok-welcome-icon .grok-ai-mark-core{font-size:42px}.grok-welcome h2{color:#fafafa;letter-spacing:-.5px;z-index:1;margin:0 0 8px;font-size:28px;font-weight:800;position:relative}.grok-welcome p{color:#ffffff73;z-index:1;max-width:480px;margin:0 0 32px;font-size:15px;line-height:1.6;position:relative}.grok-suggestions{z-index:1;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:480px;display:grid;position:relative}.grok-suggestions button{color:#d4d4d8;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;transition:all .2s;display:flex}.grok-suggestions button:hover{background:#f9731614;border-color:#f9731633;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.grok-sug-icon{color:#818cf8;background:#6366f11f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:inline-flex}.grok-sug-text{font-weight:500}@media (width>=769px){.grok-sidebar{position:relative;transform:none!important}.grok-sidebar.collapsed{width:0;min-width:0;transform:none!important}}@media (width<=768px){.grok-assistant{position:relative}.grok-sidebar{z-index:30;width:min(280px,86vw);min-width:0;position:absolute;inset:0 auto 0 0;transform:translate(0);box-shadow:18px 0 48px #02061757}.grok-sidebar.collapsed{border-right:1px solid #ffffff0f;width:min(280px,86vw);transform:translate(-104%)}.grok-sidebar-backdrop{z-index:25;background:#0206176b;display:block;position:absolute;inset:0}}.main-content:has(.grok-assistant){height:100dvh;min-height:0;overflow:hidden}.content-body:has(.grok-assistant){flex:auto;min-height:0;padding:0;display:flex;overflow:hidden}.content-body:has(.grok-assistant) .grok-assistant{width:100%;height:100%;min-height:0}.grok-main{min-height:0;overflow:hidden}.grok-header-left,.grok-header-title{min-width:0}.grok-usage-strip{color:#ffffffad;background:#6366f11a;border:1px solid #6366f12e;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.grok-usage-strip strong{color:#fbbf24;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.grok-usage-strip.is-limit strong{color:#f87171}.grok-main.is-ai-disabled .grok-input-row{background:#7f1d1d2e;border-color:#f8717152}.grok-main.is-ai-disabled .grok-input-row textarea,.grok-main.is-ai-disabled .grok-attach,.grok-main.is-ai-disabled .grok-send{opacity:.72}@media (width<=768px){.grok-header,.grok-header-title{gap:8px}.grok-header-icon{border-radius:8px;flex:0 0 28px;width:28px;height:28px}.grok-settings-btn{flex:0 0 40px;width:40px;height:40px}.grok-sidebar-toggle{z-index:40;position:relative;box-shadow:0 8px 22px #0f172a38}.grok-ai-disabled-wrap{flex-shrink:0;padding:10px 12px 0}.grok-input-area{padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px))}.grok-input-row{border-radius:13px}.grok-input-row textarea{min-width:0;max-height:96px}.grok-usage-strip{flex-direction:column;align-items:flex-start;gap:4px;font-size:11px}.grok-usage-strip strong{white-space:normal}}.grok-msg{gap:12px;width:100%;max-width:900px;margin:0 auto;padding:12px 24px;transition:background .15s;display:flex}.grok-msg:hover{background:#ffffff04}.grok-msg.user{background:#ffffff05}.grok-msg-avatar{flex-shrink:0;padding-top:2px}.grok-avatar-user{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.grok-avatar-ai{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex;box-shadow:0 2px 8px #f9731633}.grok-msg-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.grok-msg-meta{align-items:center;gap:8px;display:flex}.grok-msg-sender{color:#fafafa;font-size:13px;font-weight:600}.grok-msg-time{color:#fff3;font-size:11px}.grok-msg-images{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.grok-msg-images img{object-fit:cover;border:1px solid #ffffff14;border-radius:12px;max-width:220px;max-height:220px;transition:transform .2s}.grok-msg-images img:hover{transform:scale(1.02)}.grok-msg-bubble{position:relative}.grok-msg-text{color:#d4d4d8;word-break:break-word;font-size:14px;line-height:1.7}.grok-msg.user .grok-msg-text{color:#e4e4e7}.grok-msg-text strong{color:#fafafa;font-weight:600}.grok-msg-text code{color:#fb923c;background:#f973161a;border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:13px}.grok-msg-text pre{background:#111113;border:1px solid #ffffff0f;border-radius:10px;margin:8px 0;padding:16px;overflow-x:auto}.grok-msg-text pre code{color:#d4d4d8;background:0 0;padding:0;font-size:13px}.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{color:#ffffff4d;cursor:pointer;opacity:0;background:0 0;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;font-size:11px;transition:all .15s;display:inline-flex}.grok-msg:hover .grok-copy-btn{opacity:1}.grok-copy-btn:hover{color:#fafafa;background:#ffffff0f;border-color:#ffffff1f}.grok-thinking{align-items:center;gap:10px;display:flex}.grok-thinking-dots{gap:4px;display:flex}.grok-thinking-dots span{background:#f97316;border-radius:50%;width:6px;height:6px;animation:1.4s infinite thinking-bounce}.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:#ffffff59;font-size:13px;font-style:italic}.grok-scroll-btn{color:#fff9;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f13e6;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;transition:all .15s;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.grok-scroll-btn:hover{color:#f97316;background:#f9731626;border-color:#f973164d}.grok-input-area{background:#09090b;padding:0 24px 20px;position:relative}.grok-input-area:before{content:"";pointer-events:none;background:linear-gradient(#0000,#09090b);height:40px;position:absolute;top:-40px;left:0;right:0}.grok-input-container{width:100%;max-width:800px;margin:0 auto}.grok-disclaimer{text-align:center;color:#ffffff52;margin:8px 0 0;font-size:11px;line-height:1.4}.grok-previews{gap:8px;padding-bottom:10px;display:flex;overflow-x:auto}.grok-preview-item{flex-shrink:0;position:relative}.grok-preview-item img{object-fit:cover;border:1px solid #ffffff14;border-radius:10px;width:64px;height:64px}.grok-preview-remove{color:#fff;cursor:pointer;background:#ef4444;border:2px solid #09090b;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:8px;transition:transform .15s;display:flex;position:absolute;top:-6px;right:-6px}.grok-preview-remove:hover{transform:scale(1.15)}.grok-input-row{background:#111113;border:1px solid #ffffff14;border-radius:14px;align-items:flex-end;gap:8px;padding:6px;transition:border-color .2s,box-shadow .2s;display:flex}.grok-input-row:focus-within{border-color:#f9731666;box-shadow:0 0 0 3px #f9731614,0 4px 16px #0000004d}.grok-attach{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;transition:all .15s;display:flex}.grok-attach:hover{color:#fafafa;background:#ffffff0f}.grok-input-row textarea{color:#fafafa;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:38px;max-height:160px;padding:8px 4px;font-family:inherit;font-size:14px;line-height:1.5}.grok-input-row textarea::placeholder{color:#ffffff40}.grok-send{color:#ffffff40;cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;transition:all .2s;display:flex}.grok-send.active{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 10px #f973164d}.grok-send.active:hover{transform:scale(1.04);box-shadow:0 4px 16px #f9731673}.grok-send:disabled{cursor:not-allowed;opacity:.5}.grok-input-hint{text-align:center;color:#ffffff26;margin-top:8px;font-size:11px}.grok-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6000;box-sizing:border-box;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.15s grok-fade-in;display:flex;position:fixed;inset:0;overflow:auto}.grok-modal{text-align:center;background:#18181b;border:1px solid #ffffff14;border-radius:20px;width:90%;max-width:420px;padding:36px;animation:.25s cubic-bezier(.4,0,.2,1) grok-slide-up;box-shadow:0 24px 48px #00000080}.grok-modal-icon{color:#ef4444;background:#ef44441f;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:22px;display:flex}.grok-modal h3{color:#fafafa;margin:0 0 8px;font-size:18px;font-weight:700}.grok-modal p{color:#ffffff80;margin:0 0 28px;font-size:14px;line-height:1.5}.grok-modal-actions{gap:10px;display:flex}.grok-modal-cancel{color:#fafafa;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:11px 20px;font-size:14px;font-weight:500;transition:all .15s}.grok-modal-cancel:hover{background:#ffffff0f}.grok-modal-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.grok-modal-confirm:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.grok-settings-modal{max-width:680px;max-height:min(760px,100dvh - 48px);margin:auto;overflow:auto}.grok-settings-intro{color:#ffffff94;margin:-6px 0 18px;line-height:1.5}.grok-settings-card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:12px;padding:16px;display:grid}.grok-settings-card>div:first-child{text-align:left;gap:5px;display:grid}.grok-settings-card strong{color:#f8fafc;font-weight:900}.grok-settings-card small,.grok-hours-field small{color:#ffffff80;line-height:1.45}.grok-pill-toggle{background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.grok-pill-toggle button,.grok-choice-grid button{cursor:pointer;color:#ffffffb8;background:0 0;border:0;font-weight:800;transition:all .15s}.grok-pill-toggle button{border-radius:999px;min-width:72px;padding:8px 14px}.grok-pill-toggle button.active,.grok-choice-grid button.active{color:#020617;background:linear-gradient(135deg,#67e8f9,#5eead4);box-shadow:0 12px 28px #2dd4bf33}.grok-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.grok-choice-grid button{background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;min-height:44px;padding:10px 12px}.grok-choice-grid button:hover,.grok-pill-toggle button:hover{color:#fff;background:#ffffff1a}.grok-time-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.grok-time-picker button{color:#ffffffb8;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;min-height:42px;font-weight:900;transition:background-color .15s,border-color .15s,color .15s}.grok-time-picker button:hover{color:#fff;background:#ffffff1a}.grok-time-picker button.active{color:#020617;background:linear-gradient(135deg,#67e8f9,#5eead4);box-shadow:0 12px 28px #2dd4bf33}.grok-settings-modal .grok-modal-actions{border-top:1px solid #ffffff14;margin-top:28px;padding-top:18px}.grok-ai-disabled-wrap{padding:18px 24px 0}.grok-setting-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.grok-setting-row span{text-align:left;gap:4px;display:grid}.grok-setting-row strong,.grok-setting-field{color:#f8fafc;font-weight:800}.grok-setting-row small{color:#ffffff7a;line-height:1.4}.grok-setting-row input[type=checkbox]{flex-shrink:0;width:20px;height:20px}.grok-setting-field{text-align:left;gap:8px;margin-top:14px;display:grid}.grok-setting-field select,.grok-setting-field input{color:#f8fafc;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:11px 12px}@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)}}.grok-sidebar-backdrop{display:none}@media (width<=768px){.grok-settings-card{grid-template-columns:1fr}.grok-choice-grid,.grok-time-picker{grid-template-columns:1fr 1fr}.grok-overlay{align-items:flex-start;padding:16px}.grok-settings-modal{width:min(100%,680px);max-height:calc(100dvh - 32px)}.grok-sidebar-backdrop{z-index:2050;-webkit-backdrop-filter:blur(2px);background:#00000080;display:block;position:fixed;inset:0}.grok-sidebar{z-index:2100;width:280px;min-width:280px;height:100dvh;box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.grok-sidebar:not(.collapsed){transform:translate(0);box-shadow:4px 0 30px #00000080}.grok-sidebar.collapsed{width:0;min-width:0;transform:translate(-100%)}.grok-assistant{height:calc(100dvh - 64px);min-height:0;overflow:hidden}.grok-suggestions{grid-template-columns:1fr}.grok-msg{padding:10px 16px}.grok-input-area{padding:0 12px 16px}.grok-welcome h2{font-size:22px}.grok-main{width:100%;min-width:0;min-height:0;overflow:hidden}.grok-header{flex-shrink:0;padding:10px 12px}.grok-sidebar-toggle{color:#fff;background:#6366f129;border-color:#6366f147;flex:0 0 42px;width:42px;height:42px}.grok-sidebar-toggle-icon{font-size:16px;display:block}.grok-sidebar-toggle-glyph{display:none}.grok-messages{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;padding:16px 0;overflow-y:auto}.grok-input-area{flex-shrink:0}.grok-header h1{text-overflow:ellipsis;white-space:nowrap;max-width:50vw;font-size:14px;overflow:hidden}}body.theme-light .grok-assistant{background:#f8fafc}body.theme-light .grok-sidebar{background:#fff;border-right:1px solid #00000014}body.theme-light .grok-brand-text{color:#18181b}body.theme-light .grok-new-btn{color:#4f46e5;background:#6366f114;border:1px solid #6366f126}body.theme-light .grok-new-btn:hover{background:#f973161f;border-color:#f9731640}body.theme-light .grok-temp-btn{color:#0f766e;background:#0d948814;border-color:#0d94882e}body.theme-light .grok-chat-list::-webkit-scrollbar-thumb{background:#0000001f}body.theme-light .grok-sidebar-loading{color:#0000004d}body.theme-light .grok-empty-sidebar svg{color:#00000026}body.theme-light .grok-empty-sidebar p{color:#00000080}body.theme-light .grok-empty-sidebar span{color:#0000004d}body.theme-light .grok-chat-item:hover{background:#0000000a}body.theme-light .grok-chat-item.active{background:#f9731614;border:1px solid #f9731626}body.theme-light .grok-chat-item-icon{color:#0006;background:#0000000a}body.theme-light .grok-chat-item.active .grok-chat-item-icon{color:#4f46e5;background:#6366f11f}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:#0006}body.theme-light .grok-chat-item-actions button{color:#00000080;background:#0000000a}body.theme-light .grok-chat-item-actions button:hover{color:#18181b;background:#00000014}body.theme-light .grok-chat-item-actions .grok-delete-btn:hover{color:#dc2626;background:#ef44441a}body.theme-light .grok-chat-edit input{color:#18181b;background:#0000000a;border:1px solid #f9731666}body.theme-light .grok-chat-edit button{color:#0006}body.theme-light .grok-chat-edit button:hover{background:#0000000f}body.theme-light .grok-sidebar-footer{border-top:1px solid #00000014}body.theme-light .grok-model-badge{color:#00000059}body.theme-light .grok-main{background:#fff}body.theme-light .grok-header{background:#ffffffd9;border-bottom:1px solid #00000014}body.theme-light .grok-sidebar-toggle{color:#1e293b;background:#eef2ff;border-color:#c7d2fe}body.theme-light .grok-sidebar-toggle:hover{color:#18181b;background:#00000014}body.theme-light .grok-header-title h1{color:#18181b}body.theme-light .grok-settings-btn{color:#475569;background:#0000000a;border-color:#0000001a}body.theme-light .grok-chat-flags span,body.theme-light .grok-chat-flags button{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}body.theme-light .grok-status-text{color:#0006}body.theme-light .grok-messages::-webkit-scrollbar-thumb{background:#00000014}body.theme-light .grok-messages::-webkit-scrollbar-thumb:hover{background:#00000026}body.theme-light .grok-welcome-glow{background:radial-gradient(circle,#f973160f 0%,#0000 70%)}body.theme-light .grok-welcome h2{color:#18181b}body.theme-light .grok-welcome p{color:#00000080}body.theme-light .grok-suggestions button{color:#18181b;background:#00000008;border:1px solid #00000014}body.theme-light .grok-suggestions button:hover{background:#6366f114;border-color:#6366f133;box-shadow:0 4px 16px #00000014}body.theme-light .grok-msg:hover{background:#00000005}body.theme-light .grok-msg.user{background:#6366f10a}body.theme-light .grok-msg-sender{color:#18181b}body.theme-light .grok-msg-time{color:#00000059}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{color:#6366f1;background:#6366f114}body.theme-light .grok-msg-text pre{background:#f1f5f9;border:1px solid #00000014}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 #0000001a}body.theme-light .grok-copy-btn{color:#00000080;background:#0000000a;border-color:#00000014}body.theme-light .grok-copy-btn:hover{color:#18181b;background:#00000014;border-color:#00000026}body.theme-light .grok-thinking-dots span{background:#0000004d}body.theme-light .grok-thinking-text{color:#0006}body.theme-light .grok-scroll-btn{color:#4f46e5;background:#ffffffeb;border:1px solid #0000001f;box-shadow:0 4px 12px #0000001a}body.theme-light .grok-scroll-btn:hover{background:#6366f11a;border-color:#6366f140}body.theme-light .grok-input-area{background:#fff}body.theme-light .grok-input-area:before{background:linear-gradient(#0000,#fff)}body.theme-light .grok-input-row{background:#f8fafc;border:1px solid #0000001f}body.theme-light .grok-main.is-ai-disabled .grok-input-row{background:#fff7ed;border-color:#fdba74}body.theme-light .grok-input-row:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a,0 4px 16px #0000000d}body.theme-light .grok-input-row textarea{color:#18181b}body.theme-light .grok-input-row textarea::placeholder{color:#0006}body.theme-light .grok-disclaimer{color:#64748b;font-weight:500}body.theme-light .grok-attach{color:#0006}body.theme-light .grok-attach:hover{color:#18181b;background:#0000000f}body.theme-light .grok-send{color:#0000004d;background:#0000000a}body.theme-light .grok-send.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 10px #6366f14d}body.theme-light .grok-send:disabled{opacity:.4}body.theme-light .grok-usage-strip{color:#334155;background:#eef2ff;border-color:#c7d2fe}body.theme-light .grok-usage-strip strong{color:#b45309}body.theme-light .grok-usage-strip.is-limit strong{color:#b91c1c}body.theme-light .grok-input-hint{color:#0000004d}body.theme-light .grok-preview-item img{border:1px solid #0000001a}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:#0006}body.theme-light .grok-modal{background:#fff;border:1px solid #0000001a;box-shadow:0 24px 48px #00000026}body.theme-light .grok-modal-icon{background:#ef44441a}body.theme-light .grok-modal h3{color:#18181b}body.theme-light .grok-modal p{color:#0000008c}body.theme-light .grok-modal-cancel{color:#18181b;border:1px solid #0000001f}body.theme-light .grok-modal-cancel:hover{background:#0000000a}body.theme-light .grok-modal-confirm{color:#fff;background:#ef4444}body.theme-light .grok-modal-confirm:hover{background:#dc2626;box-shadow:0 4px 12px #ef444440}body.theme-light .grok-settings-modal .grok-modal-actions{border-top-color:#dbe4ef}body.theme-light .grok-setting-row{border-bottom-color:#00000014}body.theme-light .grok-setting-row strong,body.theme-light .grok-setting-field{color:#0f172a}body.theme-light .grok-setting-row small,body.theme-light .grok-settings-intro{color:#64748b}body.theme-light .grok-settings-card{background:#f8fafc;border-color:#dbe4ef}body.theme-light .grok-settings-card strong{color:#0f172a}body.theme-light .grok-settings-card small,body.theme-light .grok-hours-field small{color:#64748b}body.theme-light .grok-pill-toggle{background:#e8eef7;border-color:#d5deea}body.theme-light .grok-pill-toggle button,body.theme-light .grok-choice-grid button{color:#64748b}body.theme-light .grok-pill-toggle button.active,body.theme-light .grok-choice-grid button.active{color:#042f2e}body.theme-light .grok-choice-grid button{background:#f8fafc;border-color:#d5deea}body.theme-light .grok-choice-grid button:hover,body.theme-light .grok-pill-toggle button:hover{color:#0f172a;background:#eef4fb}body.theme-light .grok-time-picker button{color:#64748b;background:#f8fafc;border-color:#d5deea}body.theme-light .grok-time-picker button:hover{color:#0f172a;background:#eef4fb}body.theme-light .grok-time-picker button.active{color:#042f2e;background:linear-gradient(135deg,#67e8f9,#5eead4);box-shadow:0 12px 28px #2dd4bf2e}body.theme-light .grok-setting-field select,body.theme-light .grok-setting-field input{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.dup-finder{max-width:960px;margin:0 auto;padding:24px}.dup-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.dup-header h1{color:var(--text-primary,#e4e4e7);align-items:center;gap:10px;margin:0 0 6px;font-size:22px;font-weight:700;display:flex}.dup-header h1 svg{color:var(--accent-color,#6366f1)}.dup-header p{color:var(--text-muted,#71717a);margin:0;font-size:14px}.dup-content{flex-direction:column;gap:24px;display:flex}.dup-icon-btn,.dup-notes-actions button,.dup-settings-actions button{border:1px solid var(--border-color,#ffffff1a);background:var(--bg-secondary,#12121a);color:var(--text-primary,#e4e4e7);cursor:pointer;border-radius:10px;padding:10px 14px;font-weight:700}.dup-icon-btn{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.dup-history-card{background:var(--bg-secondary,#12121a);border:1px solid var(--border-color,#ffffff0f);border-radius:14px;padding:18px}.dup-history-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dup-history-head h2{color:var(--text-primary,#e4e4e7);align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.dup-history-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.dup-history-actions>span{color:var(--text-muted,#71717a);font-weight:700}.dup-sort-select{border:1px solid var(--border-color,#ffffff1a);min-height:34px;color:var(--text-primary,#e4e4e7);font:inherit;background:#ffffff0a;border-radius:999px;outline:none;padding:0 32px 0 12px;font-size:12px;font-weight:700}.dup-history-empty{color:var(--text-muted,#71717a);margin:0}.dup-history-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.dup-history-item{text-align:left;border:1px solid var(--border-color,#ffffff14);color:var(--text-primary,#e4e4e7);cursor:pointer;background:#ffffff08;border-radius:12px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.dup-history-thumb{width:56px;height:56px;color:var(--accent-color,#6366f1);background:#6366f11f;border:0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.dup-history-thumb[role=button]{cursor:zoom-in}.dup-history-thumb img{object-fit:cover;width:100%;height:100%;display:block}.dup-history-copy{gap:4px;min-width:0;display:grid}.dup-history-copy strong,.dup-history-copy small,.dup-history-copy span{text-overflow:ellipsis;min-width:0;overflow:hidden}.dup-history-item.active{border-color:var(--accent-color,#6366f1);background:#6366f11f}.dup-history-item span,.dup-history-item small{color:var(--text-muted,#71717a)}.dup-history-expiry{font-size:11px}.dup-dropzone{border:2px dashed var(--border-color,#ffffff1a);text-align:center;cursor:pointer;background:#ffffff05;border-radius:16px;padding:48px 32px;transition:all .2s}.dup-dropzone:hover,.dup-dropzone.drag-over{border-color:var(--accent-color,#6366f1);background:#6366f10d}.dup-dropzone-icon{width:56px;height:56px;color:var(--accent-color,#6366f1);background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:24px;display:flex}.dup-dropzone h3{color:var(--text-primary,#e4e4e7);margin:0 0 6px;font-size:16px;font-weight:600}.dup-dropzone p{color:var(--text-muted,#71717a);margin:0;font-size:13px}.dup-preview-area{flex-direction:column;align-items:center;gap:16px;display:flex}.dup-preview-wrapper{display:inline-block;position:relative}.dup-preview-open{cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.dup-preview-img{object-fit:contain;border:1px solid var(--border-color,#ffffff14);border-radius:12px;max-width:400px;max-height:300px;display:block}.dup-clear-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex;position:absolute;top:-8px;right:-8px}.dup-scan-btn{background:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.dup-scan-btn:hover:not(:disabled){background:var(--accent-hover,#818cf8)}.dup-scan-btn:disabled{opacity:1;cursor:not-allowed;color:#cbd5e1;background:#334155}.dup-plan-notice{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b47;border-radius:14px;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;font-weight:700;line-height:1.45;display:flex}.dup-plan-notice svg{flex:none}.dup-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.dup-analysis-card{background:var(--bg-secondary,#12121a);border:1px solid var(--border-color,#ffffff0f);border-radius:14px;padding:20px}.dup-analysis-card h3{color:var(--text-primary,#e4e4e7);margin:0 0 16px;font-size:16px;font-weight:600}.dup-notes-card textarea,.dup-settings-modal input,.dup-settings-modal select{border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary,#e4e4e7);box-sizing:border-box;background:#ffffff0a;border-radius:10px;padding:12px}.dup-notes-actions,.dup-settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.dup-settings-actions button{border:1px solid var(--border-color,#ffffff1f);min-height:40px;color:var(--text-primary,#f8fafc);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:10px 16px;font-weight:800}.dup-notes-actions button,.dup-settings-actions button:last-child{background:var(--accent-color,#6366f1);color:#fff}.dup-notes-actions .danger{color:#ef4444;background:#ef44441f}.dup-settings-overlay{z-index:4000;background:#0000007a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dup-settings-modal{background:var(--bg-secondary,#12121a);border:1px solid var(--border-color,#ffffff1a);border-radius:14px;width:min(460px,100%);padding:22px;position:relative;box-shadow:0 24px 80px #00000059}.dup-settings-modal h3{color:var(--text-primary,#e4e4e7);margin:0 40px 6px 0}.dup-settings-subtitle{color:var(--text-muted,#71717a);margin:0 0 16px;font-size:13px}.dup-settings-close{border:1px solid var(--border-color,#ffffff1a);width:32px;height:32px;color:var(--text-muted,#71717a);cursor:pointer;background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.dup-settings-close:hover{color:var(--text-primary,#e4e4e7);background:#ffffff14}.dup-retention-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dup-retention-picker button{border:1px solid var(--border-color,#ffffff1a);min-height:42px;color:var(--text-primary,#e4e4e7);cursor:pointer;background:#ffffff0a;border-radius:10px;font-size:13px;font-weight:700}.dup-retention-picker button.active{color:#fff;background:#6366f129;border-color:#6366f1a6}.dup-custom-days{color:var(--text-muted,#71717a);gap:8px;margin:14px 0 0;font-weight:700;display:grid}body.theme-light .dup-icon-btn,body.theme-light .dup-history-card,body.theme-light .dup-analysis-card,body.theme-light .dup-settings-modal{background:#fff;border-color:#dbe4f0}body.theme-light .dup-history-item,body.theme-light .dup-notes-card textarea,body.theme-light .dup-settings-modal input,body.theme-light .dup-settings-modal select{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}body.theme-light .dup-history-thumb{color:#4338ca;background:#eef2ff}body.theme-light .dup-sort-select,body.theme-light .dup-analysis-photo{color:#0f172a;background:#f8fafc;border-color:#dbe4f0}body.theme-light .dup-analysis-photo span{color:#0057c2}body.theme-light .dup-photo-modal{background:#fff;border-color:#dbe4f0}body.theme-light .dup-photo-head{border-bottom-color:#e2e8f0}body.theme-light .dup-photo-head h3{color:#0f172a}body.theme-light .dup-photo-head button{color:#334155;background:#f8fafc;border-color:#dbe4f0}body.theme-light .dup-settings-subtitle,body.theme-light .dup-custom-days{color:#64748b}body.theme-light .dup-settings-close{color:#64748b;background:#f8fafc;border-color:#e2e8f0}body.theme-light .dup-settings-close:hover{color:#1e293b;background:#e2e8f0}body.theme-light .dup-retention-picker button{color:#1e293b;background:#f8fafc;border-color:#dbe4f0}body.theme-light .dup-retention-picker button.active{color:#4338ca;background:#eef2ff;border-color:#6366f1}body.theme-light .dup-settings-actions button{color:#0f172a;background:#fff;border-color:#cbd5e1}body.theme-light .dup-settings-actions button:hover{background:#f1f5f9}body.theme-light .dup-settings-actions button:last-child{color:#fff;background:#0057c2;border-color:#0057c2}body.theme-light .dup-scan-btn{color:#fff;background:#0057c2}body.theme-light .dup-scan-btn svg{color:#fff}body.theme-light .dup-scan-btn:disabled{color:#64748b;background:#e2e8f0;border:1px solid #cbd5e1}body.theme-light .dup-scan-btn:disabled svg{color:#64748b}body.theme-light .dup-plan-notice{color:#92400e;background:#fffbeb;border-color:#fde68a}body.theme-light .dup-history-item.active{background:#eef2ff;border-color:#6366f1}.dup-analysis-grid{flex-direction:column;gap:14px;display:flex}.dup-analysis-photo{border:1px solid var(--border-color,#ffffff14);width:100%;color:var(--text-primary,#e4e4e7);cursor:zoom-in;text-align:left;background:#6366f114;border-radius:12px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding:10px;display:grid}.dup-analysis-photo img{object-fit:cover;border:1px solid var(--border-color,#ffffff14);border-radius:10px;width:96px;height:72px}.dup-analysis-photo span{color:var(--accent-color,#818cf8);font-size:13px;font-weight:800}.dup-analysis-item label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#71717a);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.dup-analysis-item p{color:var(--text-primary,#e4e4e7);margin:0;font-size:14px;line-height:1.5}.dup-analysis-row{flex-wrap:wrap;gap:16px;display:flex}.dup-tag{border:1px solid var(--border-color,#ffffff14);color:var(--text-primary,#e4e4e7);background:#ffffff0d;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}.dup-value-estimate{background:#6366f10f;border:1px solid #6366f126;border-radius:10px;padding:14px 16px}.dup-value-estimate label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#71717a);margin-bottom:10px;font-size:11px;font-weight:600;display:block}.dup-value-range{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.dup-value-low{color:#71717a;font-size:15px}.dup-value-mid{color:var(--accent-color,#6366f1);font-size:22px;font-weight:700}.dup-value-high{color:#71717a;font-size:15px}.dup-value-labels{color:var(--text-muted,#71717a);justify-content:space-between;font-size:11px;display:flex}.dup-matches-section{margin-top:8px}.dup-matches-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dup-matches-section h3{color:var(--text-primary,#e4e4e7);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.dup-no-matches{color:var(--text-muted,#71717a);text-align:center;background:#22c55e0f;border-radius:10px;padding:20px;font-size:14px}.dup-matches-grid{flex-direction:column;gap:12px;display:flex}.dup-match-card{background:var(--bg-secondary,#12121a);border:1px solid var(--border-color,#ffffff0f);border-radius:12px;padding:16px;transition:border-color .15s}.dup-match-card:hover{border-color:#ffffff1f}.dup-match-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dup-match-score{border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.dup-match-rank{color:var(--text-muted,#71717a);font-size:12px}.dup-match-body{gap:14px;display:flex}.dup-match-img-btn{cursor:zoom-in;background:0 0;border:0;flex-shrink:0;width:80px;height:80px;padding:0}.dup-match-img{object-fit:cover;border:1px solid var(--border-color,#ffffff0f);border-radius:8px;width:80px;height:80px;display:block}.dup-match-info{flex:1;min-width:0}.dup-match-info h4{color:var(--text-primary,#e4e4e7);margin:0 0 4px;font-size:14px;font-weight:600}.dup-match-desc{color:var(--text-muted,#71717a);margin:0 0 8px;font-size:13px;line-height:1.4}.dup-match-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.dup-match-reasons{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.dup-reason{color:var(--text-muted,#71717a);align-items:center;gap:5px;font-size:12px;display:flex}.dup-reason svg{color:var(--accent-color,#6366f1);font-size:9px}.dup-match-price{color:var(--text-primary,#e4e4e7);align-items:center;gap:6px;font-size:13px;display:flex}.dup-match-price span{color:var(--text-muted,#71717a)}.dup-match-price strong{color:var(--accent-color,#6366f1)}.dup-photo-overlay{z-index:5000;background:#020617b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dup-photo-modal{border:1px solid var(--border-color,#ffffff1a);background:var(--bg-secondary,#12121a);border-radius:16px;flex-direction:column;width:min(920px,100%);max-height:min(86vh,760px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0006}.dup-photo-head{border-bottom:1px solid var(--border-color,#ffffff14);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 16px;display:flex}.dup-photo-head h3{color:var(--text-primary,#e4e4e7);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;overflow:hidden}.dup-photo-head button{border:1px solid var(--border-color,#ffffff1a);width:34px;height:34px;color:var(--text-primary,#e4e4e7);cursor:pointer;background:#ffffff0a;border-radius:999px}.dup-photo-modal>img{object-fit:contain;background:#0f172a73;width:100%;height:auto;max-height:calc(86vh - 58px)}@media (width<=640px){.dup-finder{padding:16px}.dup-header{align-items:center}.dup-analysis-row{flex-direction:column;gap:8px}.dup-match-body{flex-direction:column}.dup-match-img,.dup-match-img-btn{width:100%;height:160px}.dup-analysis-photo{grid-template-columns:76px minmax(0,1fr)}.dup-analysis-photo img{width:76px;height:58px}}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:hover,body.theme-light .dup-dropzone.drag-over{background:#6366f10a;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 #0000000f}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{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}body.theme-light .dup-value-estimate{background:#6366f10a;border-color:#6366f11f}body.theme-light .dup-value-estimate label,body.theme-light .dup-value-low,body.theme-light .dup-value-high{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{color:#64748b;background:#22c55e0f}body.theme-light .dup-match-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}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{color:#dc2626;background:#fef2f2;border-color:#fecaca}.hidden-folders{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:24px 32px}.hf-message{border-radius:14px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;font-size:.9rem;font-weight:500;animation:.3s hfSlideIn;display:flex}.hf-message.success{color:#34d399;background:#00b8941a;border:1px solid #00b89433}.hf-message.error{color:#f87171;background:#ef44441a;border:1px solid #ef444433}@keyframes hfSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hf-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.hf-header h2{color:#f1f5f9;letter-spacing:-.02em;align-items:center;gap:12px;margin:0 0 6px;font-size:1.75rem;font-weight:700;display:flex}.hf-header p{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.5}.hf-folder-title{flex:1;align-items:center;gap:16px;display:flex}.hf-folder-title h2{margin:0;font-size:1.5rem}.hf-folder-title p{color:#94a3b8;margin:4px 0 0;font-size:.9rem}.folder-icon-large{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.hf-folder-actions{gap:8px;display:flex}.hf-loading,.hf-empty{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;padding:100px 24px;display:flex}.hf-loading svg{opacity:.3;color:#6366f1;margin-bottom:20px;font-size:2.5rem}.hf-empty .empty-icon-wrap{background:#6366f114;border:1px solid #6366f126;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:28px;display:flex}.hf-empty .empty-icon-wrap svg{color:#6366f1;opacity:.7;font-size:2.4rem}.hf-empty h3{color:#f1f5f9;margin:0 0 10px;font-size:1.4rem;font-weight:700}.hf-empty p{color:#94a3b8;max-width:360px;margin:0 0 28px;font-size:.95rem;line-height:1.6}.hf-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.hf-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.hf-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1440px){.hf-grid{grid-template-columns:repeat(4,1fr)}}.hf-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2ecc;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:18px;padding:28px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.hf-card:hover{border-color:#6366f14d;transform:translateY(-3px);box-shadow:0 16px 40px #0000004d}.hf-card:after{content:"";background:linear-gradient(135deg, var(--folder-color,#6366f1) 0%, transparent 70%);opacity:.04;pointer-events:none;border-radius:16px;position:absolute;inset:0}.hf-card-icon{z-index:1;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex;position:relative}.hf-card-body{z-index:1;position:relative}.hf-card-body h3{color:#f1f5f9;letter-spacing:-.01em;margin:0 0 6px;font-size:1.15rem;font-weight:700}.hf-card-body p{color:#94a3b8;margin:0 0 12px;font-size:.88rem;line-height:1.5}.hf-card-count{color:#94a3b8;align-items:center;gap:6px;font-size:.82rem;font-weight:500;display:flex}.hf-card-actions{z-index:1;gap:8px;margin-top:auto;display:flex;position:relative}.btn-unlock{color:#c7d2fe;cursor:pointer;background:#6366f11f;border:1px solid #6366f140;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-unlock:hover{color:#e0e7ff;background:#6366f133;border-color:#6366f166;transform:translateY(-1px)}.hf-items-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.hf-items-header h3{color:#f1f5f9;align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.hf-items-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.hf-item-card{background:#1e1e2e99;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex}.hf-item-card:hover{background:#1e1e2ee6;border-color:#6366f133;transform:translateY(-1px);box-shadow:0 8px 24px #0003}.hf-item-info h4{color:#f1f5f9;margin:0 0 6px;font-size:.95rem;font-weight:600}.hf-item-category{color:#94a3b8;margin-bottom:4px;font-size:.8rem;display:block}.hf-item-value{color:#818cf8;font-size:.85rem;font-weight:700}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.full-width{justify-content:center;width:100%}.btn-compact{border-radius:8px;padding:6px 14px;font-size:.82rem}.btn-back{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-back:hover{color:#f1f5f9;background:#ffffff0d}.btn-icon{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-icon:hover{color:#e2e8f0;background:#ffffff0f}.btn-icon.danger:hover{color:#f87171;background:#ef44441f;border-color:#ef444440}.btn-cancel{cursor:pointer;color:#e2e8f0;background:0 0;border:1px solid #ffffff1a;border-radius:10px;padding:10px 22px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#ffffff0d}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e,#e11d48);border:none;border-radius:10px;padding:10px 22px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #f43f5e40}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f43f5e59}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:540px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) modalScale;overflow-y:auto;box-shadow:0 28px 64px #00000080,0 0 0 1px #6366f11a}.modal-large{max-width:660px}.modal-danger{border-color:#ef44444d}@keyframes modalScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header h3{color:#f1f5f9;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.btn-close{cursor:pointer;color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-close:hover{color:#f87171;background:#ef44441f;border-color:#ef444440}.form-group{margin-bottom:20px}.form-group label{color:#e2e8f0;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{color:#f1f5f9;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group textarea{resize:vertical;min-height:70px}.form-group select option{color:#f1f5f9;background:#1e1e2d}.field-error{color:#f87171;margin-top:6px;font-size:.82rem;font-weight:500;display:block}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-divider{border-top:1px solid #ffffff14;margin:20px 0;padding-top:20px}.form-divider label{color:#e2e8f0;margin-bottom:10px;font-weight:600;display:block}.form-divider p{color:#64748b;margin-bottom:14px;font-size:.82rem}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{width:100%;padding-right:48px}.password-toggle-btn{cursor:pointer;color:#64748b;z-index:2;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.hf-auth-mode{background:#0f172a73;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:4px;display:grid}.hf-auth-mode button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.hf-auth-mode button.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 10px 24px #6366f147}.password-toggle-btn:hover{color:#e2e8f0;background:#ffffff0f}.icon-picker,.color-picker{flex-wrap:wrap;gap:10px;display:flex}.icon-btn{cursor:pointer;color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;transition:all .2s;display:flex}.icon-btn:hover{color:#e2e8f0;background:#ffffff14;transform:scale(1.05)}.icon-btn.selected{color:#818cf8;background:#6366f126;border-color:#6366f1}.color-btn{cursor:pointer;border:3px solid #0000;border-radius:50%;width:36px;height:36px;transition:all .2s}.color-btn:hover{transform:scale(1.1)}.color-btn.selected{border-color:#f1f5f9;transform:scale(1.15);box-shadow:0 0 12px #ffffff26}.hf-toolbar{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:10px;margin-bottom:18px;display:grid}.hf-toolbar .search-box{margin-bottom:0}.hf-sort-control{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:inline-flex}.hf-sort-control select{color:#f1f5f9;background:0 0;border:0;outline:none;min-height:40px;font-family:inherit}.search-box{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;min-height:44px;margin-bottom:16px;padding:0 14px;transition:border-color .16s,background-color .16s;display:flex;position:relative}.search-box:focus-within{box-shadow:none;background:#ffffff0e;border-color:#94a3b857}.search-box input:focus{box-shadow:none!important}.search-box input{color:#f1f5f9;background:0 0;border:none;outline:none;flex:1;min-width:0;padding-right:34px;font-family:inherit;font-size:.9rem}.search-box input::placeholder{color:#64748b}.search-box svg{color:#64748b;flex-shrink:0}.hidden-folders .search-clear-btn{color:#64748b;cursor:pointer;z-index:2;white-space:nowrap;background:#ffffff0f;border:0;border-radius:999px;justify-content:center;align-items:center;width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;max-height:28px;padding:0;font-size:12px;line-height:1;transition:background-color .14s,color .14s;display:flex;position:absolute;top:50%;right:8px;overflow:hidden;transform:translateY(-50%)!important}.hidden-folders .search-clear-btn:hover,.hidden-folders .search-clear-btn:focus-visible,.hidden-folders .search-clear-btn:active{color:#e2e8f0;background:#ffffff1a;transform:translateY(-50%)!important}.hidden-folders .search-clear-btn svg{flex:0 0 12px;width:12px;height:12px}.items-list{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;max-height:320px;overflow-y:auto}.items-list::-webkit-scrollbar{width:6px}.items-list::-webkit-scrollbar-track{background:0 0}.items-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.item-row{border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.item-row:hover{background:#ffffff0a}.item-row.already-added{opacity:.4}.item-row-info{flex:1;min-width:0}.item-row-name{color:#f1f5f9;font-size:.9rem;font-weight:600;display:block}.item-row-cat{color:#94a3b8;font-size:.8rem}.item-row-fav{color:#eab308;margin-right:6px;font-size:.75rem}.already-badge{color:#64748b;background:#ffffff0f;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:500}.btn-add-item{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-add-item:hover{background:#4f46e5;transform:scale(1.05)}.btn-add-item:disabled{opacity:.5;transform:none}.no-results{text-align:center;color:#64748b;padding:24px;font-size:.9rem}.add-password-prompt{background:#6366f10f;border:1px solid #6366f133;border-radius:14px;flex-direction:column;gap:12px;margin-bottom:16px;padding:18px;display:flex}.add-password-prompt p{color:#94a3b8;margin:0;font-size:.88rem}.hf-add-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.hf-filter-select{color:#f1f5f9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex:1;min-width:140px;padding:9px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.hf-filter-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.hf-filter-select option{color:#f1f5f9;background:#1e1e2d}.hf-filter-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex}.hf-filter-btn:hover{color:#818cf8;border-color:#6366f1}.hf-filter-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}@media (width<=768px){.hidden-folders{max-width:100%;padding:16px;overflow-x:hidden}.hf-header{flex-direction:column;align-items:flex-start}.hf-grid,.hf-items-grid,.form-row{grid-template-columns:1fr}.hf-add-filters{flex-wrap:wrap}.hf-toolbar{grid-template-columns:1fr}.hf-toolbar .hf-filter-select,.hf-sort-control{box-sizing:border-box;width:100%}.hf-sort-control select{width:100%}.modal-content{max-width:95vw;max-height:90vh}.modal-header{padding:22px 22px 0}.modal-body{padding:16px 22px 22px}.hf-card{padding:22px}.hf-folder-title{flex-wrap:wrap}}@media (width<=480px){.hidden-folders{padding:12px}.hf-header h2{font-size:1.3rem}.modal-content{border-radius:14px;max-width:98vw}.hf-card{padding:18px}}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 #0000000d}body.theme-light .hf-card:hover{border-color:#6366f1;box-shadow:0 12px 32px #00000014}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 .hf-folder-title h2{color:#0f172a}body.theme-light .hf-folder-title p{color:#64748b}body.theme-light .folder-icon-large{background:#f8fafc;border-color:#e2e8f0}body.theme-light .btn-unlock{color:#6366f1;background:#6366f114;border-color:#6366f133}body.theme-light .btn-unlock:hover{color:#4f46e5;background:#6366f126}body.theme-light .btn-icon{color:#64748b;border-color:#e2e8f0}body.theme-light .btn-icon:hover{background:#f1f5f9}body.theme-light .btn-icon.danger{color:#ef4444}body.theme-light .btn-icon.danger:hover{background:#ef444414}body.theme-light .btn-back{color:#475569;border-color:#e2e8f0}body.theme-light .btn-back:hover{color:#0f172a;background:#f8fafc}body.theme-light .btn-cancel{color:#475569;border-color:#e2e8f0}body.theme-light .btn-cancel:hover{background:#f8fafc}body.theme-light .modal-content{color:#1e293b;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 60px #0000001f}body.theme-light .modal-header h3{color:#0f172a}body.theme-light .modal-danger{border-color:#fecaca}body.theme-light .btn-close{color:#64748b;background:#0000000a}body.theme-light .btn-close:hover{color:#ef4444;background:#ef444414}body.theme-light .form-group label{color:#374151}body.theme-light .form-group input,body.theme-light .form-group textarea,body.theme-light .form-group select{color:#1e293b;background:#f8fafc;border-color:#d1d5db}body.theme-light .form-group input:focus,body.theme-light .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}body.theme-light .form-group input::placeholder,body.theme-light .form-group textarea::placeholder{color:#94a3b8}body.theme-light .form-group select option{color:#1e293b;background:#fff}body.theme-light .form-divider{border-top-color:#e2e8f0}body.theme-light .form-divider label{color:#374151}body.theme-light .form-divider p{color:#64748b}body.theme-light .hf-auth-mode{background:#f8fafc;border-color:#e2e8f0}body.theme-light .hf-auth-mode button{color:#64748b}body.theme-light .hf-auth-mode button.active{color:#fff}body.theme-light .search-box{background:#f8fafc;border-color:#d1d5db}body.theme-light .search-box:focus-within{box-shadow:none;background:#fff;border-color:#cbd5e1}body.theme-light .search-box input:focus{box-shadow:none!important}body.theme-light .search-box input{color:#1e293b}body.theme-light .search-box input::placeholder,body.theme-light .search-box svg{color:#94a3b8}body.theme-light .hf-sort-control{color:#64748b;background:#f8fafc;border-color:#d1d5db}body.theme-light .hf-sort-control select,body.theme-light .item-row{color:#1e293b}body.theme-light .item-row:hover{background:#f8fafc}body.theme-light .item-row-name{color:#0f172a}body.theme-light .item-row-cat{color:#64748b}body.theme-light .already-badge{color:#94a3b8;background:#f1f5f9}body.theme-light .no-results{color:#94a3b8}body.theme-light .add-password-prompt{background:#6366f108;border-color:#6366f11f}body.theme-light .add-password-prompt p{color:#475569}body.theme-light .hf-items-header h3{color:#0f172a}body.theme-light .hf-item-card{background:#fff;border-color:#e2e8f0}body.theme-light .hf-item-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 6px 18px #0000000f}body.theme-light .hf-item-info h4{color:#0f172a}body.theme-light .hf-item-category{color:#64748b}body.theme-light .hf-item-value{color:#6366f1}body.theme-light .hf-filter-select{color:#1e293b;background:#f8fafc;border-color:#d1d5db}body.theme-light .hf-filter-select option{color:#1e293b;background:#fff}body.theme-light .hf-filter-btn{color:#64748b;border-color:#d1d5db}body.theme-light .hf-filter-btn:hover{color:#6366f1;border-color:#6366f1}body.theme-light .hf-filter-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}body.theme-light .hf-empty{color:#64748b}body.theme-light .hf-empty h3{color:#374151}body.theme-light .hf-empty .empty-icon-wrap{background:#6366f10f;border-color:#6366f11a}body.theme-light .hf-loading{color:#64748b}body.theme-light .hf-message.success{color:#166534;background:#f0fdf4;border-color:#86efac}body.theme-light .hf-message.error{color:#991b1b;background:#fef2f2;border-color:#fca5a5}body.theme-light .icon-btn{color:#64748b;background:#f8fafc;border-color:#d1d5db}body.theme-light .icon-btn:hover{background:#f1f5f9}body.theme-light .icon-btn.selected{color:#6366f1;background:#6366f114;border-color:#6366f1}body.theme-light .color-btn{border-color:#d1d5db}body.theme-light .color-btn.selected{border-color:#0f172a}body.theme-light .password-toggle-btn{color:#94a3b8}body.theme-light .password-toggle-btn:hover{color:#475569;background:#0000000a}body.theme-light .hidden-folders .search-clear-btn{color:#94a3b8;background:#f1f5f9}body.theme-light .hidden-folders .search-clear-btn:hover,body.theme-light .hidden-folders .search-clear-btn:focus-visible,body.theme-light .hidden-folders .search-clear-btn:active{color:#475569;background:#e2e8f0;transform:translateY(-50%)!important}.data-transfer{max-width:900px;margin:0 auto;padding:24px}.dt-message{border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;animation:.3s dtSlideIn;display:flex}.dt-message.success{color:#00b894;background:#00b8941f;border:1px solid #00b89433}.dt-message.error{color:#e17055;background:#e170551f;border:1px solid #e1705533}@keyframes dtSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dt-header{margin-bottom:24px}.dt-header h2{color:var(--text-primary,#1a1a2e);align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.dt-header p{color:var(--text-secondary,#6c757d);margin:4px 0 0;font-size:.9rem}.dt-tabs{border-bottom:2px solid var(--border-color,#e8e8e8);gap:8px;margin-bottom:24px;padding-bottom:0;display:flex}.dt-tab{color:var(--text-secondary,#6c757d);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.dt-tab.active{color:var(--primary,#6c5ce7);border-bottom-color:var(--primary,#6c5ce7)}.dt-tab:hover{color:var(--primary,#6c5ce7)}.dt-section{animation:.3s dtFadeIn}@keyframes dtFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dt-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e8e8e8);border-radius:14px;padding:28px}.dt-card h3{color:var(--text-primary,#1a1a2e);align-items:center;gap:8px;margin:0 0 8px;font-size:1.15rem;display:flex}.dt-card>p{color:var(--text-secondary,#6c757d);margin:0 0 24px;font-size:.9rem}.dt-format-picker{margin-bottom:20px}.dt-format-picker label{color:var(--text-primary,#1a1a2e);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.format-options{gap:10px;display:flex}.format-btn{border:2px solid var(--border-color,#e0e0e0);cursor:pointer;color:var(--text-primary,#1a1a2e);background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.format-btn.active{border-color:var(--primary,#6c5ce7);color:var(--primary,#6c5ce7);background:#6c5ce70f}.format-btn:hover{border-color:var(--primary,#6c5ce7)}.dt-fields{margin-bottom:24px}.dt-fields-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dt-fields-header label{color:var(--text-primary,#1a1a2e);font-size:.85rem;font-weight:600}.dt-fields-actions{gap:12px;display:flex}.btn-link{color:var(--primary,#6c5ce7);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600}.btn-link:hover{text-decoration:underline}.dt-fields-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.dt-field-checkbox{background:var(--hover-bg,#f8f8f8);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;transition:background .15s;display:flex;position:relative}.dt-field-checkbox:hover{background:#6c5ce70f}.dt-field-checkbox input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:2px solid #4a5568;border-radius:4px;width:18px;min-width:18px;height:18px;transition:all .2s;position:relative}.dt-field-checkbox input[type=checkbox]:checked{background:#667eea;border-color:#667eea}.dt-field-checkbox input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.dt-field-checkbox input[type=checkbox]:hover{border-color:#667eea}.dt-import-mode{margin-bottom:20px}.dt-import-mode>label{color:var(--text-primary,#1a1a2e);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.mode-options{gap:10px;display:flex}.mode-btn{border:2px solid var(--border-color,#e0e0e0);cursor:pointer;text-align:left;background:0 0;border-radius:10px;flex:1;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.mode-btn svg{color:var(--text-secondary,#6c757d);margin-top:3px;font-size:1.1rem}.mode-btn strong{color:var(--text-primary,#1a1a2e);font-size:.9rem;display:block}.mode-btn small{color:var(--text-secondary,#6c757d);margin-top:2px;font-size:.8rem;display:block}.mode-btn.active{border-color:var(--primary,#6c5ce7);background:#6c5ce70f}.mode-btn.active svg{color:var(--primary,#6c5ce7)}.dt-warning{color:#d35400;background:#fdcb6e26;border:1px solid #fdcb6e4d;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.85rem;display:flex}.dt-limit-note{color:var(--text-secondary,#cbd5e1);background:#3b82f614;border:1px solid #3b82f640;border-radius:10px;align-items:flex-start;gap:10px;margin:14px 0;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.dt-limit-note svg{color:#60a5fa;flex-shrink:0;margin-top:2px}.dt-limit-note.error{color:#fecaca;background:#ef44441a;border-color:#ef444459}.dt-limit-note.error svg{color:#f87171}body.theme-light .dt-limit-note{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}body.theme-light .dt-limit-note.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.dt-upload-area{margin-bottom:20px}.upload-dropzone{border:2px dashed var(--border-color,#d0d0d0);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:32px;transition:all .2s;display:flex}.upload-dropzone:hover{border-color:var(--primary,#6c5ce7);background:#6c5ce708}.upload-placeholder{color:var(--text-secondary,#6c757d);flex-direction:column;align-items:center;gap:8px;display:flex}.upload-placeholder svg{opacity:.5;font-size:2rem}.upload-placeholder span{font-weight:600}.upload-placeholder small{font-size:.8rem}.file-selected{justify-content:center;align-items:center;gap:12px;width:100%;display:flex;position:relative}.file-selected svg:first-child{color:var(--primary,#6c5ce7);font-size:1.5rem}.file-selected span{color:var(--text-primary,#1a1a2e);font-weight:600}.file-selected small{color:var(--text-secondary,#6c757d)}.btn-remove-file{color:var(--text-secondary,#6c757d);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:0}.dt-preview{border:1px solid var(--border-color,#e8e8e8);border-radius:10px;margin-bottom:20px;overflow:hidden}.dt-preview h4{background:var(--hover-bg,#f8f8f8);color:var(--text-primary,#1a1a2e);align-items:center;gap:8px;margin:0;padding:12px 16px;font-size:.85rem;display:flex}.preview-table-wrapper{overflow-x:auto}.preview-table{border-collapse:collapse;width:100%;font-size:.8rem}.preview-table th{text-align:left;background:var(--hover-bg,#f8f8f8);color:var(--text-secondary,#6c757d);white-space:nowrap;padding:8px 12px;font-weight:600}.preview-table td{border-top:1px solid var(--border-color,#e8e8e8);color:var(--text-primary,#1a1a2e);text-overflow:ellipsis;white-space:nowrap;max-width:150px;padding:8px 12px;overflow:hidden}.preview-note{text-align:center;color:var(--text-secondary,#6c757d);margin:0;padding:8px;font-size:.8rem}.btn-primary{background:var(--primary,#6c5ce7);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.full-width{width:100%}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg,#fff);border-radius:16px;width:100%;max-width:480px}.modal-danger{border:2px solid #e17055}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-header h3{align-items:center;gap:8px;font-size:1.1rem;display:flex}.btn-close{background:var(--hover-bg,#f5f5f5);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-body{padding:16px 24px 24px}.modal-body p{color:var(--text-secondary,#6c757d);margin:0 0 12px;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.btn-cancel{border:1px solid var(--border-color,#e8e8e8);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-weight:500}.btn-danger{color:#fff;cursor:pointer;background:#e17055;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.btn-danger:disabled{opacity:.5}@media (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:var(--card-bg,#1e1e2d)}[data-theme=dark] .upload-dropzone{border-color:#ffffff26}[data-theme=dark] .dt-field-checkbox{background:#ffffff0d}.sharing-page{--share-bg:#0f1118;--share-panel:#171923;--share-panel-strong:#1d2130;--share-card:#202434;--share-input:#0f172a;--share-border:#cbd5e138;--share-text:#f9fafb;--share-muted:#cbd5e1;--share-accent:#3b82f6;--share-accent-2:#06b6d4;color:var(--share-text);padding:24px 28px 32px}.sharing-hero{border:1px solid var(--share-border);box-shadow:none;background:0 0;border-width:0 0 1px;border-radius:0;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;padding:0 0 18px;display:flex}.sharing-kicker,.sharing-step{color:#38bdf8;text-transform:uppercase;letter-spacing:.16em;align-items:center;width:max-content;font-size:11px;font-weight:800;display:inline-flex}.sharing-hero h1{letter-spacing:0;margin:8px 0;font-size:clamp(26px,3vw,36px);line-height:1.08}.sharing-hero p{max-width:650px;color:var(--share-muted);margin:0;font-size:14px;line-height:1.55}.sharing-hero-badge{color:#dbeafe;white-space:nowrap;background:#3b82f624;border:1px solid #7dd3fc40;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;font-weight:800;display:inline-flex}.sharing-message{color:var(--share-text);background:#6366f121;border:1px solid #6366f159;border-radius:14px;margin-bottom:18px;padding:12px 14px;font-weight:700}.sharing-builder{grid-template-columns:minmax(0,1.35fr) minmax(340px,.72fr);align-items:start;gap:16px;display:grid}.sharing-panel,.sharing-list{border:1px solid var(--share-border);background:var(--share-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 14px 36px #0206172e}.sharing-panel{padding:18px}.sharing-panel-head{justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-bottom:14px;display:flex}.sharing-secondary-btn,.sharing-create-btn,.sharing-target-toggle button,.sharing-target-card,.sharing-access-card,.sharing-toggle-option,.sharing-mini-items button,.sharing-invite-results button,.sharing-invite-chips button,.sharing-row-actions button{cursor:pointer;border:0;font-family:inherit}.sharing-secondary-btn{color:#bfdbfe;background:#3b82f624;border:1px solid #7dd3fc38;border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-weight:800;display:inline-flex}.sharing-secondary-btn.muted{color:var(--share-text);background:#94a3b824}.sharing-target-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.sharing-target-toggle button,.sharing-access-card{text-align:left;background:var(--share-card);color:var(--share-text);border:1px solid #0000;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:flex}.sharing-target-toggle button:hover,.sharing-access-card:hover,.sharing-target-card:hover{border-color:#7dd3fc59;transform:translateY(-1px)}.sharing-target-toggle button.active,.sharing-access-card.active{color:#fff;background:#3b82f63d;border-color:#93c5fd8c;box-shadow:0 10px 28px #2563eb29}.sharing-target-toggle svg,.sharing-access-card svg{flex-shrink:0;margin-top:2px;font-size:18px}.sharing-target-toggle strong,.sharing-access-card strong{margin-bottom:3px;font-size:14px;display:block}.sharing-target-toggle small,.sharing-access-card small{color:currentColor;opacity:.86;line-height:1.35;display:block}.sharing-new-collection{background:color-mix(in srgb, var(--share-card) 72%, #0ea5e9 28%);border:1px solid #7dd3fc38;border-radius:14px;gap:12px;margin:0 0 14px;padding:14px;display:grid}.sharing-new-title{align-items:center;gap:8px;font-weight:900;display:flex}.sharing-new-grid,.sharing-target-controls,.sharing-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.sharing-new-grid label,.sharing-target-controls label,.sharing-options label,.sharing-invites label{color:var(--share-muted);gap:6px;min-width:0;font-size:12px;font-weight:800;display:grid}.sharing-new-grid input,.sharing-target-controls select,.sharing-options input,.sharing-options select,.sharing-invites input,.sharing-search-box{background:#0206176b;background:var(--share-input);min-height:44px;color:var(--share-text);box-sizing:border-box;border:1px solid #94a3b838;border-radius:14px;width:100%;min-width:0;padding:0 12px}.sharing-search-box{border-radius:12px;align-items:center;gap:10px;min-height:46px;margin-bottom:12px;display:flex}.sharing-search-box svg{color:#7dd3fc;font-size:18px}.sharing-search-box input{width:100%;color:var(--share-text);background:0 0;border:0;outline:0;font-size:16px}.sharing-mini-picker{color:var(--share-muted);gap:8px;font-size:12px;font-weight:800;display:grid}.sharing-mini-items{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;min-width:0;max-height:360px;padding:2px;display:grid;overflow:auto}.sharing-mini-item-card,.sharing-invite-chips button{background:var(--share-card);color:var(--share-text);border:1px solid #94a3b82e;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:8px;font-weight:800;display:grid}.sharing-mini-select,.sharing-preview-btn,.sharing-filter-pill{cursor:pointer;border:0;font-family:inherit}.sharing-mini-select{text-align:left;min-width:0;color:inherit;background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;font-weight:900;display:grid}.sharing-mini-select span,.sharing-mini-select small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sharing-mini-select small{color:var(--share-muted);grid-column:2;font-size:11px;font-weight:700}.sharing-preview-btn{color:#93c5fd;background:#3b82f624;border-radius:13px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.sharing-new-item-tools{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;min-width:0;display:grid}.sharing-new-item-tools select{background:var(--share-input);min-height:44px;color:var(--share-text);box-sizing:border-box;border:1px solid #94a3b838;border-radius:14px;width:100%;min-width:0;padding:0 12px}.sharing-search-box.compact{min-height:44px;margin-bottom:0}.sharing-filter-pill{background:var(--share-card);min-height:44px;color:var(--share-text);border:1px solid #94a3b833;border-radius:14px;font-weight:900}.sharing-filter-pill.active,.sharing-mini-item-card.selected,.sharing-invite-chips button{color:#bbf7d0;background:#10b9812e;border-color:#10b98157}.sharing-new-item-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);align-items:start;gap:12px;display:grid}.sharing-item-preview{background:var(--share-panel);border:1px solid var(--share-border);min-width:0;color:var(--share-text);border-radius:14px;gap:8px;padding:14px;display:grid;position:sticky;top:12px}.sharing-preview-image{aspect-ratio:4/3;object-fit:cover;background:var(--share-card);border:1px solid var(--share-border);border-radius:16px;width:100%}.sharing-preview-image.empty{color:var(--share-muted);justify-content:center;align-items:center;font-size:28px;display:flex}.sharing-preview-kicker{color:#38bdf8;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}.sharing-item-preview strong{font-size:17px}.sharing-item-preview p{color:var(--share-muted);margin:0;line-height:1.45}.sharing-item-preview dl{gap:8px;margin:4px 0 0;display:grid}.sharing-item-preview dl div{gap:2px;min-width:0;display:grid}.sharing-item-preview dt{color:var(--share-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.sharing-item-preview dd{color:var(--share-text);text-overflow:ellipsis;margin:0;font-weight:800;overflow:hidden}.sharing-target-controls{margin-bottom:12px}.sharing-selection-tools{background:var(--share-input);min-height:44px;color:var(--share-muted);border:1px solid #94a3b838;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 12px;font-size:12px;font-weight:900;display:flex}.sharing-selection-tools button{min-height:32px;color:var(--share-text);cursor:pointer;background:#94a3b829;border:0;border-radius:10px;padding:0 10px;font-weight:900}.sharing-selection-tools button:disabled{opacity:.5;cursor:not-allowed}.sharing-target-results{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;max-height:430px;padding:2px 4px 2px 2px;display:grid;overflow:auto}.sharing-target-card{text-align:left;background:var(--share-card);min-height:74px;color:var(--share-text);border:1px solid #94a3b829;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.sharing-target-card.selected{background:#2563eb29;border-color:#3b82f6eb}.sharing-target-icon,.sharing-selected-check{color:#93c5fd;background:#3b82f629;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.sharing-selected-check{color:#fff;background:#2563eb;border-radius:50%;width:28px;height:28px}.sharing-target-text{min-width:0;display:grid}.sharing-target-text strong,.sharing-target-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sharing-target-text small,.sharing-target-empty,.sharing-empty{color:var(--share-muted)}.sharing-target-empty,.sharing-empty{border:1px dashed #94a3b840;border-radius:18px;padding:18px}.settings-panel{position:sticky;top:18px}.sharing-access-grid{grid-template-columns:1fr;gap:10px;margin-bottom:14px;display:grid}.sharing-options{margin-bottom:14px}.sharing-invites{grid-column:1/-1;gap:10px;display:grid}.sharing-invite-results{background:var(--share-input);border-radius:14px;gap:6px;padding:8px;display:grid}.sharing-invite-results button{color:var(--share-text);text-align:left;background:0 0;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 8px;padding:9px;display:grid}.sharing-invite-results button:hover{background:#3b82f61f}.sharing-invite-results small{color:var(--share-muted);grid-column:2}.sharing-invite-status,.sharing-invite-empty{color:var(--share-muted);font-size:13px}.sharing-invite-chips{flex-wrap:wrap;gap:8px;display:flex}.sharing-toggle-option{background:var(--share-card);min-height:44px;color:var(--share-text);border:1px solid #94a3b833;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.sharing-toggle-option.active{color:#bbf7d0;background:#10b9812e}.sharing-publish-card{background:#3b82f61f;border:1px solid #7dd3fc3d;border-radius:14px;gap:8px;padding:16px;display:grid}.sharing-publish-card strong{font-size:18px}.sharing-publish-card small{color:var(--share-muted)}.sharing-create-btn{color:#fff;background:#2563eb;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:900;display:inline-flex;box-shadow:0 12px 28px #2563eb38}.sharing-create-btn.compact{width:max-content;min-height:42px}.sharing-create-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.sharing-edit-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0307129e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sharing-edit-modal{border:1px solid var(--share-border);background:var(--share-panel);width:min(520px,100%);color:var(--share-text);border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:20px;display:grid;box-shadow:0 24px 70px #02061759}.sharing-edit-modal-icon{color:#93c5fd;background:#3b82f629;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.sharing-edit-modal h2{margin:0 0 8px;font-size:20px}.sharing-edit-modal p{color:var(--share-muted);margin:0;line-height:1.5}.sharing-edit-modal code{background:var(--share-input);color:#bfdbfe;overflow-wrap:anywhere;border-radius:12px;margin-top:12px;padding:10px;display:block}.sharing-edit-modal-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.sharing-list{margin-top:18px;padding:18px}.sharing-list h2{margin:0 0 14px;font-size:20px}.sharing-table{gap:10px;display:grid}.sharing-row{background:#02061759;border:1px solid #94a3b829;border-radius:16px;grid-template-columns:minmax(180px,1.1fr) minmax(220px,1.4fr) auto auto;align-items:center;gap:12px;padding:13px;display:grid}.sharing-row.revoked{opacity:.55}.sharing-row>div:first-child{gap:3px;display:grid}.sharing-row span{color:var(--share-muted)}.sharing-row code{text-overflow:ellipsis;white-space:nowrap;color:#bfdbfe;overflow:hidden}.sharing-row-actions{gap:7px;display:inline-flex}.sharing-row-actions button{width:38px;height:38px;color:var(--share-text);background:#94a3b824;border-radius:12px}.sharing-loading{align-items:center;gap:10px;display:flex}body.theme-light .sharing-page{--share-bg:#f8fafc;--share-panel:#fff;--share-panel-strong:#fff;--share-card:#f8fafc;--share-input:#fff;--share-border:#dbe3ef;--share-text:#111827;--share-muted:#475569}body.theme-light .sharing-hero{box-shadow:none;background:0 0}body.theme-light .sharing-hero p{color:#64748b}body.theme-light .sharing-kicker,body.theme-light .sharing-step,body.theme-light .sharing-preview-kicker{color:#0369a1}body.theme-light .sharing-panel,body.theme-light .sharing-list,body.theme-light .sharing-new-grid input,body.theme-light .sharing-target-controls select,body.theme-light .sharing-options input,body.theme-light .sharing-options select,body.theme-light .sharing-invites input,body.theme-light .sharing-search-box,body.theme-light .sharing-target-card,body.theme-light .sharing-row{color:#111827;background:#fff;border-color:#dbe3ef}body.theme-light .sharing-target-toggle button,body.theme-light .sharing-access-card{color:#111827;background:#f8fafc;border-color:#e2e8f0}body.theme-light .sharing-secondary-btn{color:#075985;background:#e0f2fe;border-color:#bae6fd}body.theme-light .sharing-secondary-btn:hover{background:#bae6fd}body.theme-light .sharing-target-toggle button.active,body.theme-light .sharing-access-card.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb59}body.theme-light .sharing-target-toggle button.active small,body.theme-light .sharing-access-card.active small{color:#2563eb}body.theme-light .sharing-target-toggle button:not(.active) small,body.theme-light .sharing-access-card:not(.active) small,body.theme-light .sharing-target-text small,body.theme-light .sharing-publish-card small{color:#64748b}body.theme-light .sharing-mini-item-card,body.theme-light .sharing-filter-pill,body.theme-light .sharing-toggle-option,body.theme-light .sharing-item-preview,body.theme-light .sharing-new-item-tools select{color:#111827;background:#fff;border:1px solid #e2e8f0}body.theme-light .sharing-mini-item-card.selected,body.theme-light .sharing-filter-pill.active,body.theme-light .sharing-toggle-option.active{color:#166534;background:#dcfce7;border-color:#86efac}body.theme-light .sharing-toggle-option:not(.active){color:#334155}body.theme-light .sharing-new-collection{background:#eaf6ff;border-color:#bae6fd}body.theme-light .sharing-row code{color:#1d4ed8}@media (width<=1100px){.sharing-builder{grid-template-columns:1fr}.settings-panel{position:static}.sharing-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.sharing-page{padding:16px}.sharing-hero{padding-bottom:14px}.sharing-target-toggle,.sharing-new-item-layout,.sharing-row{grid-template-columns:1fr}.sharing-row code{max-width:100%}}@media (width<=760px){.sharing-page{padding:16px}.sharing-hero{flex-direction:column;padding:20px}.sharing-target-toggle,.sharing-access-grid,.sharing-new-grid,.sharing-new-item-layout,.sharing-new-item-tools,.sharing-target-controls,.sharing-options,.sharing-edit-modal{grid-template-columns:1fr}.sharing-panel-head{flex-direction:column;align-items:stretch}.sharing-secondary-btn,.sharing-create-btn.compact{justify-content:center;width:100%}.sharing-edit-modal-actions{flex-direction:column-reverse}.sharing-edit-modal-actions .sharing-secondary-btn,.sharing-edit-modal-actions .sharing-create-btn{width:100%}.sharing-target-results{grid-template-columns:1fr;max-height:none}.sharing-row{grid-template-columns:1fr;align-items:start}.sharing-row-actions{justify-content:flex-end;width:100%}}.certificates-page{--cert-bg:transparent;--cert-card:#151a2c;--cert-surface:#101626;--cert-border:#94a3b82e;--cert-text:#f8fafc;--cert-muted:#b7c3d6;--cert-soft:#667eea24;--cert-primary:#667eea;--cert-primary-strong:#4f46e5;--cert-danger:#ef4444;--cert-success:#10b981;box-sizing:border-box;width:100%;max-width:1240px;color:var(--cert-text);margin:0 auto;padding:24px 28px 40px}body.theme-light .certificates-page,[data-theme=light] .certificates-page{--cert-card:#fff;--cert-surface:#f8fafc;--cert-border:#dbe3ef;--cert-text:#111827;--cert-muted:#5c6b82;--cert-soft:#eef2ff;--cert-primary:#4f46e5;--cert-primary-strong:#4338ca;--cert-danger:#dc2626;--cert-success:#059669}body.theme-dark .certificates-page,[data-theme=dark] .certificates-page{--cert-card:#151a2c;--cert-surface:#101626;--cert-border:#94a3b82e;--cert-text:#f8fafc;--cert-muted:#b7c3d6}.certificates-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.certificates-header h1{color:var(--cert-text);align-items:center;gap:12px;margin:0;font-size:clamp(26px,3vw,34px);line-height:1.1;display:flex}.certificates-header p{color:var(--cert-muted);margin:8px 0 0;font-size:14px}.certificates-title-icon{color:var(--cert-primary);flex:none}.certificates-settings-toggle,.certificates-save-btn,.certificates-danger-secondary{border:1px solid var(--cert-border);background:var(--cert-card);min-height:44px;color:var(--cert-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.certificates-settings-toggle:hover,.certificates-save-btn:hover{background:var(--cert-soft);color:var(--cert-primary-strong);border-color:#667eea80;box-shadow:0 10px 24px #4f46e51f}.certificates-toolbar{grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:12px;margin-bottom:18px;display:grid}.certificates-search,.certificates-select-label{border:1px solid var(--cert-border);background:var(--cert-card);min-height:46px;color:var(--cert-muted);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex;position:relative}.certificates-search input,.certificates-select-label select,.certificates-settings-grid select,.certificates-settings-grid input{width:100%;color:var(--cert-text);background:0 0;border:0;outline:none;font-size:14px}.certificates-search input::placeholder{color:color-mix(in srgb, var(--cert-muted) 76%, transparent)}.certificates-select-label select,.certificates-settings-grid select{cursor:pointer;min-width:170px}.certificates-filter-group{border:1px solid var(--cert-border);background:var(--cert-card);border-radius:14px;gap:6px;padding:4px;display:inline-flex}.certificates-filter-group button{min-height:36px;color:var(--cert-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:0 14px;font-weight:700}.certificates-filter-group button.active{background:var(--cert-soft);color:var(--cert-primary-strong)}.certificates-settings-panel{border:1px solid var(--cert-border);background:var(--cert-card);border-radius:18px;margin:0 0 20px;padding:18px;box-shadow:0 18px 45px #0f172a14}.certificates-settings-panel h2{color:var(--cert-text);margin:0;font-size:18px}.certificates-settings-panel p,.certificates-retention-current{color:var(--cert-muted);margin:6px 0 0;font-size:13px}.certificates-settings-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-top:16px;display:grid}.certificates-settings-grid label{color:var(--cert-muted);flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.certificates-settings-grid label:not(.certificates-checkbox) select,.certificates-settings-grid label:not(.certificates-checkbox) input{border:1px solid var(--cert-border);background:var(--cert-surface);border-radius:12px;min-height:44px;padding:0 12px}.certificates-checkbox{border:1px solid var(--cert-border);background:var(--cert-surface);border-radius:12px;align-self:end;align-items:center;min-height:44px;padding:0 12px;flex-direction:row!important}.certificates-checkbox input{width:18px;height:18px;accent-color:var(--cert-primary)}.certificates-settings-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.certificates-save-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#4f46e5 100%);border-color:#0000}.certificates-save-btn:hover{color:#fff}.certificates-danger-secondary{color:var(--cert-danger)}.certificates-danger-secondary:hover:not(:disabled){background:#ef444414;border-color:#ef444459}.certificates-danger-secondary:disabled,.certificates-save-btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.certificates-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.certificates-stat-card{border:1px solid var(--cert-border);background:var(--cert-card);border-radius:16px;padding:18px;box-shadow:0 10px 28px #0f172a0f}.certificates-stat-card strong{color:var(--cert-primary);font-size:28px;line-height:1;display:block}.certificates-stat-card.green strong{color:var(--cert-success)}.certificates-stat-card.slate strong{color:var(--cert-muted)}.certificates-stat-card.violet strong{color:#7c3aed}.certificates-stat-card span{color:var(--cert-muted);margin-top:8px;font-size:12px;display:block}.certificates-state,.certificates-empty{border:1px dashed var(--cert-border);background:color-mix(in srgb, var(--cert-card) 88%, transparent);min-height:320px;color:var(--cert-muted);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.certificates-state svg,.certificates-empty svg{color:var(--cert-primary)}.certificates-empty p{color:var(--cert-text);margin:0;font-size:16px;font-weight:800}.certificates-empty span{max-width:340px;font-size:13px}.certificates-list{flex-direction:column;gap:10px;display:flex}.certificate-row{border:1px solid var(--cert-border);background:var(--cert-card);border-radius:18px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;display:grid;box-shadow:0 12px 28px #0f172a0f}.certificate-thumb{border:1px solid var(--cert-border);background:var(--cert-surface);width:64px;height:64px;color:var(--cert-muted);border-radius:14px;justify-content:center;align-items:center;display:flex;overflow:hidden}.certificate-thumb img{object-fit:cover;width:100%;height:100%}.certificate-main{min-width:0}.certificate-id-line{align-items:center;gap:8px;min-width:0;display:flex}.certificate-id-line code{color:var(--cert-text);overflow-wrap:anywhere;font-size:13px;font-weight:800}.certificate-status{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.certificate-status.current{color:var(--cert-success);background:#10b9811f}.certificate-status.archived{color:var(--cert-muted);background:#94a3b81f}.certificate-main h3{color:var(--cert-text);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:15px;overflow:hidden}.certificate-meta{color:var(--cert-muted);flex-wrap:wrap;gap:12px;margin-top:6px;font-size:12px;display:flex}.certificate-meta span{align-items:center;gap:5px;display:inline-flex}.certificate-actions{gap:7px;display:flex}.certificate-actions button{border:1px solid var(--cert-border);background:var(--cert-surface);width:40px;height:40px;color:var(--cert-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.certificate-actions button:hover,.certificate-actions button.copied{color:var(--cert-primary-strong);background:var(--cert-soft);border-color:#667eea73}.certificate-actions button.danger{color:var(--cert-danger)}.certificate-actions button.danger:hover{background:#ef444414;border-color:#ef444459}.certificate-preview-overlay{z-index:10001;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030712d6;flex-direction:column;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.certificate-preview-header{color:#fff;justify-content:space-between;align-items:center;width:100%;max-width:880px;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.certificate-preview-header button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:0 14px;display:inline-flex}.certificate-preview-body{flex:1;width:100%;max-width:880px;padding:0 0 20px;overflow:auto}.certificate-preview-body iframe{background:#fff;border:0;border-radius:10px;width:100%;height:1160px}@media (width<=1080px){.certificates-toolbar{grid-template-columns:1fr}.certificates-filter-group{justify-self:start;max-width:100%;overflow-x:auto}.certificates-stats,.certificates-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.certificates-page{padding:16px 14px 24px}.certificates-header{flex-direction:column}.certificates-settings-toggle,.certificates-save-btn,.certificates-danger-secondary{width:100%}.certificates-stats,.certificates-settings-grid{grid-template-columns:1fr}.certificate-row{grid-template-columns:54px minmax(0,1fr)}.certificate-thumb{width:54px;height:54px}.certificate-actions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.certificate-actions button{width:100%}.certificate-preview-header{flex-direction:column;align-items:flex-start;gap:10px}.certificate-preview-body{padding:0 0 14px}}.insurance-docs-page{--ins-card:#151a2c;--ins-surface:#101626;--ins-border:#94a3b82e;--ins-text:#f8fafc;--ins-muted:#b7c3d6;--ins-soft:#667eea24;--ins-primary:#667eea;--ins-primary-strong:#4f46e5;box-sizing:border-box;width:100%;max-width:1240px;color:var(--ins-text);margin:0 auto;padding:24px 28px 40px}body.theme-light .insurance-docs-page,[data-theme=light] .insurance-docs-page{--ins-card:#fff;--ins-surface:#f8fafc;--ins-border:#dbe3ef;--ins-text:#111827;--ins-muted:#5c6b82;--ins-soft:#eef2ff;--ins-primary:#4f46e5;--ins-primary-strong:#4338ca}.insurance-docs-header,.insurance-docs-builder,.insurance-doc-card,.insurance-docs-empty,.insurance-doc-preview,.insurance-docs-guidance{border:1px solid var(--ins-border);background:var(--ins-card);box-shadow:0 18px 45px #0f172a14}.insurance-docs-header{border-radius:22px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding:22px;display:flex}.insurance-docs-kicker{color:var(--ins-primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.insurance-docs-header h1{color:var(--ins-text);align-items:center;gap:12px;margin:0;font-size:clamp(26px,3vw,34px);line-height:1.12;display:flex}.insurance-docs-header p,.insurance-docs-builder p,.insurance-doc-main p,.insurance-docs-empty p,.insurance-doc-preview p{color:var(--ins-muted)}.insurance-docs-usage{background:var(--ins-soft);min-width:150px;color:var(--ins-muted);text-align:right;border-radius:16px;padding:14px 16px}.insurance-docs-usage span,.insurance-docs-usage strong{display:block}.insurance-docs-usage strong{color:var(--ins-text);margin-top:4px;font-size:24px}.insurance-docs-builder{border-radius:20px;margin-bottom:16px;padding:20px}.insurance-docs-builder-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.insurance-docs-builder h2{color:var(--ins-text);margin:0 0 6px}.insurance-docs-selection-count{border:1px solid var(--ins-border);background:var(--ins-surface);text-align:center;border-radius:16px;min-width:112px;padding:12px}.insurance-docs-selection-count strong{color:var(--ins-primary-strong);font-size:28px;line-height:1;display:block}.insurance-docs-selection-count span{color:var(--ins-muted);margin-top:4px;font-size:12px;font-weight:800;display:block}.insurance-docs-item-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.insurance-docs-item-tools>*{flex:150px;min-width:0}.insurance-docs-item-tools>.insurance-docs-search{flex-basis:260px}.insurance-docs-item-tools>.insurance-docs-secondary-btn{flex:0 auto;max-width:100%}.insurance-docs-item-picker{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.insurance-docs-item-chip{border:1px solid var(--ins-border);background:var(--ins-surface);max-width:260px;min-height:48px;color:var(--ins-text);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:6px 12px 6px 6px;font-weight:700;display:inline-flex}.insurance-docs-item-chip>span:last-child{text-align:left;gap:2px;min-width:0;display:grid}.insurance-docs-item-chip strong,.insurance-docs-item-chip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.insurance-docs-item-chip small{color:var(--ins-muted);font-size:11px;font-weight:700}.insurance-docs-item-chip.selected{background:var(--ins-soft);color:var(--ins-primary-strong);border-color:#667eeaa6}.insurance-docs-item-thumb,.insurance-doc-thumb{background:var(--ins-soft);color:var(--ins-primary-strong);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.insurance-docs-item-thumb{border-radius:10px;flex:0 0 36px;width:36px;height:36px}.insurance-docs-item-thumb img,.insurance-doc-thumb img{object-fit:cover;width:100%;height:100%}.insurance-docs-create-btn,.insurance-doc-actions button,.insurance-docs-secondary-btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.insurance-docs-secondary-btn{border:1px solid var(--ins-border);background:var(--ins-surface);color:var(--ins-text);white-space:nowrap}.insurance-docs-secondary-btn.muted{color:var(--ins-muted)}.insurance-docs-create-btn{color:#fff;background:linear-gradient(135deg,#667eea,#4f46e5)}.insurance-docs-create-btn:disabled,.insurance-docs-secondary-btn:disabled,.insurance-doc-actions button:disabled{opacity:.55;cursor:not-allowed}.insurance-docs-toolbar{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:12px;margin-bottom:16px;display:grid}.insurance-docs-search,.insurance-docs-select{background:var(--ins-card);min-height:58px;color:var(--ins-muted);border:0;border-radius:18px;align-items:center;gap:10px;padding:0 16px;display:flex;box-shadow:0 12px 28px #0f172a14}.insurance-docs-search{padding-right:58px;position:relative}.insurance-docs-search.compact,.insurance-docs-select.compact{border:1px solid var(--ins-border);min-height:46px;box-shadow:none;border-radius:14px}.insurance-docs-select.compact select{min-width:0}.insurance-docs-plan-note{color:#dc2626;background:#ef444414;border:1px solid #dc26263d;border-radius:14px;margin:0 0 12px;padding:11px 13px;font-size:13px;font-weight:800}.insurance-docs-search:focus-within,.insurance-docs-select:focus-within{box-shadow:0 14px 32px #0f172a1f}.insurance-docs-search input,.insurance-docs-select select{width:100%;color:var(--ins-text);background:0 0;border:0;outline:none;font-size:15px;font-weight:650}.insurance-docs-search-clear{background:var(--ins-surface);width:38px;height:38px;color:var(--ins-muted);cursor:pointer;border:0;border-radius:999px;flex:0 0 38px;justify-content:center;align-items:center;transition:color .18s,background-color .18s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.insurance-docs-search-clear:hover{background:var(--ins-soft);color:var(--ins-primary-strong);transform:translateY(-50%)}.insurance-docs-select select{cursor:pointer;min-width:160px}.insurance-docs-guidance{border-radius:22px;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr);gap:14px;margin-bottom:18px;padding:18px;display:grid}.insurance-docs-guidance h2{color:var(--ins-text);margin:0 0 8px}.insurance-docs-guidance-copy p{color:var(--ins-muted);margin:0;line-height:1.45}.insurance-docs-guidance-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.insurance-docs-guidance-item{background:var(--ins-surface);border-radius:14px;grid-template-columns:10px 1fr;align-items:start;gap:10px;padding:10px 12px;display:grid}.insurance-docs-guidance-item span{background:var(--ins-primary);border-radius:999px;width:8px;height:8px;margin-top:7px}.insurance-docs-guidance-item p{color:var(--ins-text);margin:0;font-size:13px;font-weight:650;line-height:1.35}.insurance-docs-guidance-disclaimer{background:color-mix(in srgb, var(--ins-primary) 10%, transparent);color:var(--ins-muted);border-radius:14px;grid-column:1/-1;margin:0;padding:12px 14px;line-height:1.5}.insurance-docs-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.insurance-doc-card{border-radius:18px;grid-template-columns:74px 1fr;gap:14px;padding:14px;display:grid}.insurance-doc-thumb{border-radius:16px;width:74px;height:74px;font-size:28px}.insurance-doc-main h3{color:var(--ins-text);margin:4px 0;font-size:18px}.insurance-doc-meta,.insurance-doc-stats{color:var(--ins-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.insurance-doc-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.insurance-doc-actions button{border:1px solid var(--ins-border);background:var(--ins-surface);color:var(--ins-text)}.insurance-docs-loading,.insurance-docs-empty,.insurance-docs-empty-inline{color:var(--ins-muted)}.insurance-docs-loading,.insurance-docs-empty{text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;display:flex}.insurance-docs-empty svg{color:var(--ins-primary);font-size:42px}.insurance-doc-preview-overlay{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06090e8f;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.insurance-doc-preview{border-radius:24px;width:min(680px,100%);max-height:min(760px,100vh - 48px);padding:28px;position:relative;overflow:auto}.insurance-doc-preview-close{background:var(--ins-surface);width:42px;height:42px;color:var(--ins-text);cursor:pointer;border:0;border-radius:12px;position:absolute;top:14px;right:14px}.insurance-doc-preview-list{gap:10px;margin:18px 0;display:grid}.insurance-doc-preview-item{border:1px solid var(--ins-border);background:var(--ins-surface);border-radius:14px;justify-content:space-between;gap:12px;padding:12px;display:flex}@media (width<=760px){.insurance-docs-page{padding:16px 14px 24px}.insurance-docs-header,.insurance-docs-builder,.insurance-docs-builder-head{flex-direction:column}.insurance-docs-usage{text-align:left;width:100%}.insurance-docs-toolbar,.insurance-docs-guidance,.insurance-docs-guidance-list{grid-template-columns:1fr}.insurance-docs-item-tools>*,.insurance-docs-item-tools>.insurance-docs-secondary-btn{flex:100%}.insurance-docs-select select{min-width:0}.insurance-doc-card{grid-template-columns:58px 1fr}.insurance-doc-thumb{border-radius:14px;width:58px;height:58px}.insurance-doc-actions button,.insurance-docs-create-btn{width:100%}.insurance-doc-preview-overlay{align-items:flex-start;padding:12px}.insurance-doc-preview{max-height:calc(100vh - 24px);padding:20px}}.dashboard-layout{background:var(--dark-bg,#0f0f1e);min-height:100vh;display:flex;position:relative}.sidebar{background:var(--sidebar-bg,#1a1a2e);color:var(--text-primary,white);border-right:1px solid var(--border-subtle,#667eea1a);height:calc(100vh - 16px);box-shadow:var(--shadow-md,4px 0 20px #0000004d);z-index:1000;border-radius:0 12px 12px 0;flex-direction:column;margin-left:0;transition:width .3s cubic-bezier(.34,1.56,.64,1),left .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:8px;left:0;overflow:hidden}.sidebar.closed{width:80px;padding:0!important}.sidebar.closed .nav-item{border:0;border-radius:8px;justify-content:center;margin-left:8px;margin-right:8px;padding:14px 12px}.sidebar.closed .nav-item:hover{background:var(--sidebar-hover,#667eea26)}.sidebar.closed .nav-item.active{color:#667eea;background:#667eea2e;border:0;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;min-height:0;overflow:hidden auto}.sidebar-nav-scroll::-webkit-scrollbar{width:8px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:#0003;border-radius:4px}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#667eea66 0%,#764ba266 100%) padding-box padding-box;border:2px solid #0000;border-radius:4px}.sidebar-nav-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#667eea99 0%,#764ba299 100%) padding-box padding-box}.sidebar-content{flex-direction:column;flex:1;min-height:0;padding-bottom:12px;display:flex;overflow:hidden auto}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb{background:linear-gradient(#667eea66 0%,#764ba266 100%) padding-box padding-box;border:2px solid #0000;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#667eea99 0%,#764ba299 100%) padding-box padding-box}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav li{margin-bottom:4px}.nav-item{color:var(--sidebar-text,#a0aec0);border-radius:0;align-items:center;padding:12px 16px;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.nav-item .nav-icon{text-align:center;width:24px;min-width:24px;font-size:18px}.nav-item .nav-label{white-space:nowrap;margin-left:16px;font-size:14px;font-weight:500}.categories-section{border-top:1px solid var(--border-subtle,#667eea1a);margin-top:12px;padding:16px 0}.categories-header{cursor:pointer;color:var(--accent,#667eea);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.categories-header:hover{background:#667eea0d}.categories-list{margin:8px 0 0;padding:0;list-style:none}.category-item{color:var(--sidebar-text,#a0aec0);align-items:center;gap:10px;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.category-item:hover{background:var(--sidebar-hover,#667eea14);color:var(--accent,#667eea)}.category-color{border-radius:2px;flex-shrink:0;width:10px;height:10px}.sidebar-header{background:0 0;border-bottom:1px solid #94a3b80f;flex-shrink:0;justify-content:center;align-items:center;min-height:28px;padding:4px 8px;display:flex}.sidebar.closed .sidebar-header{justify-content:center;padding:3px 4px}.sidebar.closed .toggle-btn{padding:8px}.sidebar-search-block{flex-shrink:0}.sidebar-search-wrap{background:#667eea14;border:1px solid #667eea26;border-radius:12px;flex-shrink:0;margin:10px 12px 6px;transition:all .3s;position:relative}.sidebar-search-clear{color:#cbd5e1;cursor:pointer;background:#667eea14;border:1px solid #667eea38;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 24px);margin:0 12px 8px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sidebar-search-clear svg,.sidebar-search-clear *{cursor:pointer}.sidebar-search-clear:hover{color:#fff;background:#667eea29;border-color:#667eea73}.sidebar-search-wrap.focused{background:#667eea1f;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.sidebar-search-wrap.has-value{background:#667eea0d;border-color:#667eea59}.sidebar-search-wrap .search-icon{color:#667eea;z-index:1;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sidebar-search-wrap input{width:100%;color:var(--text-primary,#e5e7eb);box-sizing:border-box;background:0 0;border:none;border-radius:12px;outline:none;padding:12px 14px 12px 40px;font-size:14px;transition:all .3s}.sidebar-search-wrap input::placeholder{color:#667eea80;font-size:12px}.sidebar-search-kbd{display:none}.search-results-count{color:var(--text-muted,#6b7280);text-align:right;letter-spacing:.02em;padding:4px 12px 8px;font-size:11px;font-weight:600}.sidebar.closed .search-results-count{display:none}.nav-item.search-hover{color:#c7d2fe!important;background:#6366f12e!important}.sidebar.closed .sidebar-search-wrap,.sidebar.closed .sidebar-search-block{display:none}.nav-search-breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.nav-search-lines{flex-direction:column;flex:1;gap:2px;min-width:0;margin-left:12px;display:flex}.nav-search-primary,.nav-search-secondary{white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.25;display:block}.nav-search-primary{color:var(--text-primary,#e5e7eb);font-size:13px}.nav-search-secondary{color:var(--text-muted,#94a3b8);font-size:11px}.nav-search-section-part{color:var(--text-muted,#6b7280);font-size:12px}.nav-search-label-part{color:var(--text-primary,#e5e7eb);font-size:13px}.nav-search-separator{color:var(--text-muted,#6b7280);opacity:.6;padding:0 2px;font-size:11px}.nav-search-highlight{color:#c7d2fe;background:#667eea40;border-radius:4px;padding:1px 4px;font-size:12px;font-weight:500}.nav-search-section-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted,#6b7280);white-space:nowrap;background:#94a3b814;border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:600;display:none}.nav-search-no-results{color:var(--text-muted,#6b7280);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;font-size:13px;display:flex}.nav-search-no-results svg{opacity:.4;font-size:20px}.nav-search-suggestion{color:#667eea;cursor:pointer;text-align:center;background:#667eea1a;border:1px solid #667eea40;border-radius:8px;margin-top:8px;padding:8px 14px;font-size:13px;transition:all .2s}.nav-search-suggestion:hover{background:#667eea33;border-color:#667eea66}.nav-search-suggestion strong{color:#a5b4fc;font-weight:600}body.theme-light .sidebar-search-wrap{background:#0000000a;border-color:#0000001a}body.theme-light .sidebar-search-wrap:focus-within{background:#6366f10a;border-color:#6366f166}body.theme-light .sidebar-search-input{color:#1f2937}body.theme-light .sidebar-search-input::placeholder,body.theme-light .nav-search-section-tag{color:#9ca3af}body.theme-light .nav-search-primary,body.theme-light .nav-search-label-part{color:#0f172a}body.theme-light .nav-search-secondary,body.theme-light .nav-search-section-part{color:#475569}body.theme-light .nav-search-highlight{color:#312e81;background:#e0e7ff}body.theme-light .sidebar-search-clear{color:#334155;background:#f8fafc;border-color:#d1d5db}body.theme-light .sidebar-search-clear:hover{color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.sidebar-brand{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0;line-height:1;display:inline-flex}.brand-primary{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#22d3ee 0%,#3b82f6 45%,#a855f7 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 16px #3b82f640;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.brand-secondary{letter-spacing:.18em;text-transform:uppercase;color:#93c5fd;font-size:12px;font-weight:600}.toggle-btn{color:#cbd5e1;cursor:pointer;background:#667eea1f;border:1px solid #667eea40;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:6px;font-size:13px;transition:all .2s;display:flex}.toggle-btn:hover{color:#667eea;background:#667eea40;border-color:#667eea80;transform:scale(1.05);box-shadow:0 0 12px #667eea40}.hamburger-btn{color:#9ca3af;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:20px;transition:all .2s;display:none}.hamburger-btn:hover{color:#fff;background:#1e1e2ecc}.sidebar-toggle{border:1px solid var(--border-subtle,#667eea59);background:var(--surface-primary,#1a1a2ef2);width:44px;height:44px;color:var(--text-primary,#f1f5f9);cursor:pointer;z-index:110;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:none}.sidebar-toggle:hover{color:#fff;background:#667eea40;border-color:#667eea8c;box-shadow:0 0 16px #667eea59}@media (width<=768px){.sidebar-toggle{display:flex;position:fixed;top:12px;left:12px}}.sidebar-nav{flex-direction:column;padding:12px 0;display:flex}.nav-section-divider{border-top:1px solid #667eea26;margin-top:4px;padding:6px 8px 0!important}.nav-feedback-btn{width:100%;cursor:pointer!important;background:0 0!important;border:0!important;justify-content:flex-start!important;margin:0!important;padding:10px 12px!important}.sidebar.closed .nav-section-divider{justify-content:center;display:flex;padding:6px 4px 0!important}.sidebar.closed .nav-feedback-btn{align-items:center;height:40px;display:flex;justify-content:center!important;width:48px!important;margin:0 auto!important;padding:0!important}.nav-feedback-btn:hover{color:#667eea!important;cursor:pointer!important;background:#667eea26!important}.nav-section:last-child{padding-bottom:4px}.nav-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted,#a0aec080);padding:8px 12px 6px;font-size:10px;font-weight:700}.sidebar.closed .nav-section-title{display:none}.nav-item{color:var(--sidebar-text,#a0aec0);background:0 0;border:0;border-radius:8px;align-items:center;margin-bottom:2px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-hover,#667eea26);color:var(--accent,#667eea)}.nav-item.active{color:var(--sidebar-text-active,#667eea);background:#667eea24;border:0;font-weight:600}.nav-item.active:before{content:"";background:linear-gradient(#667eea 0%,#764ba2 100%);border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item-admin{opacity:.8;color:#f5576c!important}.nav-item-admin:hover{opacity:1;color:#f5576c!important;background:#f5576c1a!important}.nav-item-admin.active{opacity:1;color:#f5576c!important;background:#f5576c33!important}.nav-item-admin.active:before{background:linear-gradient(#f5576c 0%,#ff6b81 100%)!important}.nav-icon{text-align:center;justify-content:center;align-items:center;width:24px;font-size:18px;display:flex}.nav-label{white-space:nowrap;margin-left:12px;font-size:14px;font-weight:500}.sidebar-footer{z-index:10;background:0 0;border-top:none;flex-shrink:0;padding:2px 6px;position:sticky;bottom:0}.user-section{position:relative}.user-info-btn{cursor:pointer;color:#cbd5e1;background:#0f172a33;border:1px solid #667eea14;border-radius:6px;align-items:center;gap:8px;width:100%;padding:3px 6px;transition:all .2s;display:flex}.user-info-btn:hover{background:#667eea1a;border-color:#667eea40}.user-avatar-small{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex;position:relative;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%}.avatar-initials{letter-spacing:-.5px;font-size:11px;font-weight:700}.sidebar-toggle-btn{color:#c7d2fe;cursor:pointer;background:#667eea2e;border:1px solid #667eea59;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:8px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sidebar-toggle-btn:hover{color:#fff;background:#667eea4d;border-color:#667eea80}.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;min-width:0;overflow:hidden}.user-name-compact{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.dropdown-icon{color:#64748b;font-size:10px;transition:transform .2s}.user-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3100;background:#0f172afa;border:1px solid #667eea40;border-radius:12px;width:220px;margin-bottom:8px;padding:6px;position:absolute;bottom:100%;left:8px;box-shadow:0 -8px 30px #0006}.user-dropdown-collapsed{z-index:99999;position:fixed;bottom:24px;left:92px}.dropdown-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{color:#667eea;background:#667eea26}.dropdown-item.logout-item{color:#fca5a5}.dropdown-item.logout-item:hover{color:#f87171;background:#ef444426}.logout-btn-icon{color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:4px;padding:8px;font-size:14px;transition:all .2s;display:flex}.logout-btn-icon:hover{background:#ef444426;border-color:#ef44444d;transform:translateY(-1px)}.sidebar.closed .sidebar-footer{flex-direction:column;justify-content:center;align-items:center;gap:0;padding:12px 0 16px;display:flex;overflow:visible}.sidebar.closed .user-section{overflow:visible}.sidebar.closed .sidebar-toggle-btn{border-radius:8px;justify-content:center;width:48px;height:32px;margin-bottom:0;padding:0;font-size:12px}.sidebar.closed .user-section{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;display:flex}.sidebar.closed .user-info-btn{background:#667eea14;border:2px solid #667eea40;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto;padding:0;display:flex}.sidebar.closed .user-info-btn:hover{background:#667eea26;border-color:#667eea80}.sidebar.closed .user-avatar-small{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;font-size:12px;display:flex}.sidebar.closed .user-details-compact,.sidebar.closed .dropdown-icon{display:none}.sidebar.closed .logout-btn-icon{border-radius:8px;width:48px;height:36px;margin-top:0;font-size:15px}.sidebar{border-right:1px solid var(--border-subtle,#667eea24);background:var(--sidebar-bg,#141724);border-radius:0 14px 14px 0;height:100dvh;top:0;box-shadow:4px 0 24px #00000057}.sidebar.open{width:264px}.sidebar.closed{width:84px}.sidebar-content{padding:10px 0 12px}.sidebar-brand{padding:8px 14px 10px}.sidebar-nav{padding:8px 0}.nav-section{padding:0 10px 10px}.nav-section-title{letter-spacing:.9px;color:#9ca3afb3;padding:8px 10px;font-size:10px}.nav-item{background:0 0;border:0;border-radius:8px;min-height:42px;padding:11px 12px}.nav-item.active{background:#6366f138;border:0}.nav-item.active:before{display:none}.sidebar.closed .nav-item{border-radius:10px;margin-left:6px;margin-right:6px;padding:11px 10px}.sidebar.closed .nav-item .nav-icon{font-size:18px}.sidebar-footer{background:linear-gradient(#14172400 0%,#141724f2 42%);border-top:1px solid #667eea24;padding:8px}.user-info-btn{border-radius:10px;min-height:40px;padding:6px 8px}.sidebar-toggle-btn{border-radius:10px;min-height:38px}@media (width<=767px){.sidebar{border-radius:0;transform:translate(-100%);box-shadow:8px 0 40px #00000080;width:300px!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.closed.mobile-open,.sidebar.open.mobile-open,.sidebar.closed{width:300px!important}.sidebar.closed.mobile-open .nav-label,.sidebar.closed .nav-label{display:inline!important}.sidebar.closed.mobile-open .nav-section-title,.sidebar.closed .nav-section-title{display:block!important}.sidebar.closed.mobile-open .nav-item,.sidebar.closed .nav-item{justify-content:flex-start;margin-left:0;margin-right:0}.main-content.sidebar-open,.main-content.sidebar-closed{margin-left:0}.content-header{align-items:center;height:auto;min-height:64px;padding:8px 10px}.header-left{flex:auto;gap:8px;min-width:0}.header-actions{flex:none;gap:8px}.page-title{max-width:42vw;font-size:clamp(18px,6vw,30px)}.back-button-label,.header-divider{display:none!important}}@media (width<=560px){.content-header{flex-wrap:wrap}.header-left,.header-actions{width:100%}.header-actions{justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.page-title{max-width:calc(100vw - 132px)}}.main-content{flex-direction:column;flex:1;transition:margin-left .3s cubic-bezier(.34,1.56,.64,1);display:flex}.main-content.sidebar-open{margin-left:264px}.main-content.sidebar-closed{margin-left:80px}.content-header{background:var(--surface-primary,#141724fa);border-bottom:1px solid var(--border-subtle,#667eea1a);-webkit-backdrop-filter:blur(10px);z-index:3000;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-width:0;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.content-header h1{color:var(--text-primary,#fff);letter-spacing:.3px;margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.header-divider{background-color:var(--border-subtle,#667eea2e);border-radius:1px;flex-shrink:0;width:1px;height:24px}.header-left{flex:1;align-items:center;gap:12px;min-width:0;padding-left:8px;display:flex;overflow:hidden}.header-title-group{flex:1;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.page-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-actions{flex:none;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.header-section-icon{color:#667eea;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.back-button{width:32px;height:40px;color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:-4px;padding:0;transition:all .2s;display:inline-flex}.back-button:hover{background-color:var(--btn-hover,#212638cc);color:var(--text-primary,#fff)}body.theme-light .back-button{color:#6b7280;background:0 0;border-color:#0000}body.theme-light .back-button:hover{color:#111827;background:#0000000d}.header-actions{flex-shrink:0;align-items:center;gap:8px;padding-right:.5rem;display:flex}.header-preferences{background:#0f172ab8;border:1px solid #94a3b829;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;padding:4px;display:inline-flex;box-shadow:0 10px 28px #00000029}.header-pref-select{color:#e5edff;letter-spacing:.08em;cursor:pointer;background:#020617c7;border:1px solid #667eea47;border-radius:10px;outline:none;min-width:64px;height:36px;padding:0 10px;font-size:12px;font-weight:800}.header-language-switcher{z-index:10;position:relative}.header-language-trigger{color:#e5f6ff;letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#0f172ae0,#1e293bd1);border:1px solid #38bdf847;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:82px;height:36px;padding:0 10px;font-size:12px;font-weight:800;transition:all .18s;display:inline-flex}.header-language-trigger:hover,.header-language-trigger[aria-expanded=true]{border-color:#38bdf894;box-shadow:0 8px 22px #0ea5e929}.header-language-caret{color:#7dd3fc;font-size:10px}.header-language-menu{z-index:3100;background:#0f172afa;border:1px solid #38bdf838;border-radius:14px;width:210px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #0206176b}.header-language-option{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px;font-size:13px;font-weight:700;transition:all .16s;display:flex}.header-language-option:hover,.header-language-option.active{color:#f8fafc;background:#0ea5e929}.header-language-abbr{color:#67e8f9;letter-spacing:.08em;background:#0ea5e924;border:1px solid #38bdf83d;border-radius:9px;justify-content:center;align-items:center;width:36px;height:30px;font-size:11px;display:inline-flex}.header-theme-switch{background:#02061775;border-radius:11px;align-items:center;gap:3px;padding:3px;display:inline-flex}.header-theme-switch button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:32px;height:30px;transition:all .18s;display:inline-flex}.header-theme-switch button:hover{color:#fff;background:#6366f129}.header-theme-switch button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 8px 18px #2563eb3d}.header-actions .tut-help-btn{width:40px;height:40px;color:var(--text-secondary,#9ca3af);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:0;padding:0;font-size:0;transition:all .2s;display:flex}.header-actions .tut-help-btn:hover{background-color:var(--btn-hover,#212638cc);color:var(--text-primary,#fff)}.header-actions .tut-help-btn svg{font-size:initial;width:20px;height:20px}.add-item-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #6366f163}.add-item-button span{display:none}.add-item-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}body.theme-light .add-item-button{background:linear-gradient(135deg,#0057c2,#0284c7);box-shadow:0 4px 14px #0057c24d}body.theme-light .add-item-button:hover{box-shadow:0 6px 20px #0057c266}.add-item-button:active{transform:translateY(0)}.add-item-button svg{font-size:16px}.feedback-button{display:none}.feedback-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.feedback-button:active{transform:translateY(0)}.feedback-button svg{font-size:16px}.content-body{background:var(--dark-bg,#0f0f1e);flex:1;padding:32px;overflow-y:auto}.impersonation-banner{color:#fecdd3;background:#f5576c1f;border:1px solid #f5576c57;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 32px 0;padding:12px 14px;display:flex}.impersonation-banner-copy{align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:700;display:inline-flex}.impersonation-banner-copy span{overflow-wrap:anywhere}.impersonation-banner button{color:#fff;cursor:pointer;background:#7f1d1d6b;border:1px solid #fecdd380;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:800;transition:all .18s}.impersonation-banner button:hover{background:#be123cbd;border-color:#fecdd3c7}body.theme-light .impersonation-banner{color:#881337;background:#fff1f2;border-color:#fecdd3}body.theme-light .impersonation-banner button{color:#fff;background:#be123c;border-color:#be123c}body.theme-light .impersonation-banner button:hover{background:#9f1239;border-color:#9f1239}@media (width<=768px){.impersonation-banner{align-items:stretch;margin:12px 16px 0}.impersonation-banner-copy,.impersonation-banner button{width:100%}.impersonation-banner button{justify-content:center;align-items:center;display:inline-flex}}.content-body::-webkit-scrollbar{width:10px}.content-body::-webkit-scrollbar-track{background:#0003;border-radius:5px}.content-body::-webkit-scrollbar-thumb{background:linear-gradient(#667eea80 0%,#764ba280 100%) padding-box padding-box;border:2px solid #0000;border-radius:5px}.content-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#667eeab3 0%,#764ba2b3 100%) padding-box padding-box}.mobile-hamburger{color:#cbd5e1;cursor:pointer;z-index:110;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#667eea1a;border:1px solid #667eea40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:12px;font-size:20px;display:none}.mobile-hamburger:hover,.mobile-hamburger:active{color:#fff;background:#667eea33;border-color:#667eea73;box-shadow:0 0 14px #667eea4d}.sidebar-backdrop{display:none}@media (width<=767px){.mobile-hamburger,.sidebar-mobile-close{display:flex}.sidebar-mobile-overlay{display:block}.sidebar{z-index:2000;background:var(--sidebar-bg-mobile,#252645);border-radius:0;flex-direction:column;height:100dvh;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;top:0;overflow:hidden;transform:translate(-100%);width:280px!important}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 40px #0009}.sidebar-nav-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;overflow:hidden auto}.sidebar-footer{flex-shrink:0;position:relative;bottom:auto}.sidebar.closed.mobile-open,.sidebar.open.mobile-open{width:280px!important}.sidebar.closed.mobile-open .nav-item{justify-content:flex-start;margin-left:0;margin-right:0;padding:10px 12px 10px 16px}.sidebar.closed.mobile-open .nav-icon{font-size:18px;margin:0!important}.sidebar.closed.mobile-open .nav-label{display:inline!important}.sidebar.closed.mobile-open .nav-section-title{display:block!important}.sidebar.closed.mobile-open .sidebar-toggle-btn{display:none}.sidebar.closed.mobile-open .user-info-btn{border-radius:6px;width:100%;height:auto;padding:3px 6px}.sidebar.closed.mobile-open .user-avatar-small{border-radius:6px;width:28px;height:28px;font-size:11px}.sidebar.closed.mobile-open .logout-btn-icon{border-radius:8px;width:100%;height:auto;padding:8px;font-size:14px}.sidebar.closed{width:280px!important}.sidebar-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sidebar-toggle-btn{display:none!important}.main-content.sidebar-open,.main-content.sidebar-closed{margin-left:0!important}.sidebar-backdrop{z-index:1999;opacity:0;pointer-events:none;background:#00000059;transition:opacity .3s;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.content-header{z-index:200;background:var(--surface-primary,#1a1a2efa);border-bottom:1px solid var(--border-subtle,#667eea14);flex-direction:row;align-items:center;gap:8px;min-height:56px;padding:8px 16px;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:6px;width:auto;min-width:0;padding:0;display:flex}.header-title-group{flex:1;gap:8px;min-width:0}.header-section-icon{border-radius:6px;width:28px;height:28px;font-size:12px}.content-header h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}.header-actions{flex-shrink:0;justify-content:flex-end;gap:6px;width:auto;padding:0 .5rem 0 0}.content-body{padding:12px}.header-actions .add-item-button,.header-actions .tut-help-btn{width:38px;height:38px}.back-button{border-radius:8px;gap:0;width:32px;min-width:32px;height:32px;padding:0;font-size:13px}.back-button .back-button-label{display:none}.dashboard-layout,.main-content,.content-body{max-width:100vw;overflow-x:hidden}}@media (width>=768px) and (width<=1024px){.sidebar.open{width:220px}.main-content.sidebar-open{margin-left:220px}.content-header{padding:14px 20px}.content-body{padding:20px}.content-header h1{font-size:20px}.sidebar-toggle-btn{display:flex!important}}@media (width<=480px){.content-header h1{flex:1;min-width:0;font-size:13px}.content-body{padding:8px}.header-actions .add-item-button{min-width:30px;padding:6px 8px;font-size:12px}.sidebar .nav-item{min-height:48px;padding:14px 12px}.user-info-btn{min-height:48px}.mobile-hamburger{width:32px;min-width:32px;height:32px;min-height:32px;font-size:14px}.back-button{width:28px;min-width:28px;height:28px;min-height:28px;font-size:11px}.header-section-icon{display:none}}body.theme-light .sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 12px #0000000f}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{color:#667eea;background:#667eea14}body.theme-light .nav-item.active{color:#667eea;background:#667eea1f}body.theme-light .sidebar-toggle-btn{color:#6b7280;background:#667eea0f;border-color:#667eea2e}body.theme-light .sidebar-toggle-btn:hover{color:#667eea;background:#667eea1f;border-color:#667eea4d}body.theme-light .user-info-btn{color:#374151;background:#f3f4f6;border-color:#e5e7eb}body.theme-light .user-info-btn:hover{background:#e9eaf0;border-color:#667eea4d}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 #0000001a,0 4px 12px #0000000f}body.theme-light .dropdown-item{color:#374151}body.theme-light .dropdown-item:hover{color:#667eea;background:#667eea14}body.theme-light .dropdown-item.logout-item{color:#dc2626}body.theme-light .dropdown-item.logout-item:hover{color:#b91c1c;background:#dc262614}body.theme-light .logout-btn-icon{color:#dc2626;background:#dc26260f;border-color:#dc26262e}body.theme-light .logout-btn-icon:hover{background:#dc26261f;border-color:#dc26264d}body.theme-light .sidebar.closed .user-info-btn{background:#667eea12;border-color:#667eea38}body.theme-light .sidebar.closed .user-info-btn:hover{background:#667eea21;border-color:#667eea66}body.theme-light .content-header{background:#fffffffa;border-bottom-color:#e5e7eb}body.theme-light .header-divider{background-color:#e2e8f0}body.theme-light .header-actions .tut-help-btn{color:#6b7280}body.theme-light .header-actions .tut-help-btn:hover{color:#111827;background:#0000000d}body.theme-light .header-preferences{background:#ffffffe6;border-color:#94a3b847;box-shadow:0 12px 32px #0f172a14}body.theme-light .header-pref-select{color:#111827;background:#f8fafcf5;border-color:#667eea3d}body.theme-light .header-language-trigger{color:#004da8;background:linear-gradient(135deg,#fff,#eef7ff);border-color:#0057c242;box-shadow:0 8px 18px #0f172a0f}body.theme-light .header-language-trigger:hover,body.theme-light .header-language-trigger[aria-expanded=true]{border-color:#0057c280;box-shadow:0 10px 24px #0057c21f}body.theme-light .header-language-caret{color:#0057c2}body.theme-light .header-language-menu{z-index:3100;background:#fff;border-color:#0057c229;box-shadow:0 24px 60px #0f172a29}body.theme-light .header-language-option{color:#334155}body.theme-light .header-language-option:hover,body.theme-light .header-language-option.active{color:#003f8c;background:#0057c214}body.theme-light .header-language-abbr{color:#0057c2;background:#0057c214;border-color:#0057c22e}body.theme-light .header-theme-switch{background:#e2e8f0b8}body.theme-light .header-theme-switch button{color:#64748b}body.theme-light .header-theme-switch button:hover{color:#1e293b;background:#fffc}body.theme-light .header-theme-switch button.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#0ea5e9)}body.theme-light .content-header h1{color:#111827}body.theme-light .content-body{background:#f9fafb}.sidebar-mobile-close{border:1px solid var(--border-subtle,#667eea26);width:34px;height:34px;color:var(--text-primary,#fff);cursor:pointer;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:16px;transition:all .2s;display:none}.sidebar-mobile-close:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.sidebar-mobile-overlay{z-index:1999;-webkit-backdrop-filter:blur(2px);background:#0009;animation:.2s overlayFadeIn;display:none;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}body.theme-light .mobile-hamburger{color:#374151;background:#0000000a;border-color:#e2e8f0}body.theme-light .mobile-hamburger:hover{color:#667eea;background:#667eea14;border-color:#667eea}body.theme-light .sidebar-mobile-close{color:#374151;background:#0000000a;border-color:#e2e8f0}body.theme-light .sidebar-mobile-overlay{background:#0006}.dashboard-layout{height:100dvh;min-height:100vh;overflow:hidden}.sidebar{z-index:1000;border-radius:0;width:260px;height:100dvh;top:0;left:0;transform:translate(0)}.sidebar-header{justify-content:space-between;height:70px;min-height:70px;padding:0 20px}.sidebar-brand{width:100%}.sidebar.closed .sidebar-brand{display:none}.sidebar-nav-scroll{flex:1;min-height:0}.main-content{min-width:0;margin-left:260px;transition:margin-left .3s}.content-header{height:70px;min-height:70px}.mobile-hamburger,.sidebar-mobile-close,.sidebar-mobile-overlay{display:none}@media (width<=768px){.sidebar{width:260px;transform:translate(-100%);box-shadow:4px 0 24px #00000057}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0}.hamburger-btn{display:flex!important}.mobile-hamburger,.sidebar-mobile-close{display:flex}.sidebar-header{justify-content:space-between;padding:0 16px}.sidebar-mobile-overlay{z-index:120;background:#00000080;display:block;position:fixed;inset:0}}.content-header{justify-content:space-between;align-items:center;height:64px;min-height:64px;padding:0 1.5rem;display:flex}.header-left,.header-right{align-items:center;gap:12px;display:flex}.header-right{justify-content:flex-end}.header-title-group{align-items:center;min-width:0;display:flex}.page-title{letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;margin-left:4px;font-size:1.125rem;font-weight:600;overflow:hidden}.header-divider{width:1px;height:24px;margin:0 4px}.header-icon-btn,.back-button,.header-actions .tut-help-btn{width:40px;height:40px;color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-icon-btn:hover,.back-button:hover,.header-actions .tut-help-btn:hover{background-color:var(--btn-hover,#212638cc);color:var(--text-primary,#fff)}.mobile-hamburger{display:none}.back-button{width:32px;margin-right:-4px;padding:0}.back-button .back-button-label{display:none}.notification-wrapper{align-items:center;display:flex}.header-actions .notification-center,.header-actions .notification-wrapper{align-items:center;display:flex;position:relative}.sidebar-mobile-close,.sidebar.closed .brand-secondary{display:none}.toggle-btn{display:flex}@media (width<=768px){.content-header{z-index:250;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;height:auto;min-height:108px;padding:10px 12px 12px;display:flex;position:sticky;top:0}.header-left{flex:1 0 100%;gap:8px;min-width:0}.mobile-hamburger{flex:0 0 40px;display:inline-flex}.header-divider{display:none}.header-title-group{flex:auto;min-width:0}.page-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;margin-left:0;font-size:1rem;overflow:hidden}.sidebar .toggle-btn{flex:0 0 38px;width:38px;height:38px;display:flex!important}.header-actions{flex-flow:wrap;flex:1 0 100%;justify-content:space-between;align-items:center;gap:6px;min-width:0;max-width:100%;padding:0;display:flex!important}.header-actions .notification-wrapper,.header-actions .notification-center,.header-actions .notification-bell{flex-shrink:0;position:relative;visibility:visible!important;opacity:1!important;display:flex!important}.header-preferences{border-radius:12px;flex:1 1 0;order:0;justify-content:space-between;gap:4px;width:auto;min-width:0;padding:3px}.header-language-switcher{flex:none}.header-language-trigger{min-width:76px;height:34px;padding:0 9px}.header-language-menu{z-index:1500;max-width:calc(100vw - 24px);position:fixed;top:102px;right:12px}.header-pref-select{width:50px;min-width:50px;height:34px;padding:0 6px;font-size:11px}.header-theme-switch{flex:auto;gap:2px;padding:2px}.header-theme-switch button{flex:1 1 0;width:auto;min-width:30px;height:30px}.header-icon-btn,.header-actions .add-item-button,.header-actions .tut-help-btn,.header-actions .notification-bell{border-radius:10px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.header-actions .tut-help-btn{gap:0;font-size:0}}@media (width<=480px){.content-header{gap:6px;min-height:144px;padding:8px 14px 10px 18px}.header-left{gap:6px}.page-title{font-size:.95rem}.header-actions{gap:4px}.header-preferences{flex:1 0 100%;order:20;width:100%;margin-top:4px}.header-language-menu{top:138px;right:10px}.header-theme-switch{flex:1;justify-content:space-between}.header-theme-switch button{flex:1}.header-icon-btn,.header-actions .add-item-button,.header-actions .tut-help-btn,.header-actions .notification-bell{width:36px;min-width:36px;height:36px;min-height:36px}.header-actions .tut-help-btn{display:inline-flex}}@media (width>=1600px){.content-body{max-width:100%;padding:36px 48px}}@media (width>=1920px){.main-content.sidebar-open{width:calc(100% - 264px);max-width:none;margin-left:264px}.main-content.sidebar-closed{width:calc(100% - 84px);max-width:none;margin-left:84px}.content-body{padding:44px 64px}}@media (width>=2560px){.content-body{padding:52px 88px}}@media (width>=3440px){.main-content.sidebar-open{width:calc(100% - 264px);margin-left:264px}.main-content.sidebar-closed{width:calc(100% - 84px);margin-left:84px}.content-body{max-width:2200px;margin:0 auto;padding:60px 120px}}@media (width<=1124px){.dashboard-layout{overflow:hidden}.main-content,.main-content.sidebar-open,.main-content.sidebar-closed{width:100%;margin-left:0!important}.mobile-hamburger{display:flex!important}.sidebar{z-index:2000;max-width:calc(100vw - 28px);height:100dvh;box-shadow:none;border-radius:0 18px 18px 0;inset:0 auto 0 0;overflow:hidden;width:min(320px,100vw - 28px)!important;position:fixed!important;transform:translate(-105%)!important}.sidebar.open,.sidebar.closed,.sidebar.open.mobile-open,.sidebar.closed.mobile-open{width:min(320px,100vw - 28px)!important}.sidebar.mobile-open{box-shadow:18px 0 50px #0208176b;transform:translate(0)!important}.sidebar.mobile-open .sidebar-brand,.sidebar.closed.mobile-open .sidebar-brand{display:flex!important}.sidebar.mobile-open .nav-label,.sidebar.closed.mobile-open .nav-label{display:inline-flex!important}.sidebar.mobile-open .nav-section-title,.sidebar.closed.mobile-open .nav-section-title,.sidebar.mobile-open .sidebar-search-block,.sidebar.closed.mobile-open .sidebar-search-block{display:block!important}.sidebar .toggle-btn{display:none!important}.sidebar-mobile-close{color:#fff;background:linear-gradient(135deg,#0057c2f2,#0891b2e6);border:1px solid #60a5fa8c;border-radius:13px;width:42px;height:42px;box-shadow:0 10px 22px #0057c238;display:flex!important}.sidebar-mobile-close:hover{color:#fff;background:linear-gradient(135deg,#004aa8,#087f9a);border-color:#7dd3fccc}.sidebar-mobile-overlay{z-index:1999;-webkit-backdrop-filter:blur(3px);background:#02081785;position:fixed;inset:0;display:block!important}.content-header{max-width:100vw;overflow:hidden}.header-left,.header-title-group{min-width:0}}@media (width>=1125px){.mobile-hamburger,.sidebar-mobile-close,.sidebar-mobile-overlay{display:none!important}}.content-header{isolation:isolate;z-index:1200;overflow:visible}.content-header.language-menu-open{z-index:3200}.header-language-switcher{z-index:3300}.header-language-menu{z-index:3400}.mobile-hamburger.header-icon-btn{margin-left:10px}.header-actions{padding-right:16px}.header-actions .add-item-button{margin-right:4px}.sidebar-mobile-close{cursor:pointer;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.sidebar-mobile-close:hover{transform:translateY(-1px)}.sidebar-mobile-close:focus-visible,.mobile-hamburger.header-icon-btn:focus-visible,.add-item-button:focus-visible{outline-offset:3px;outline:2px solid #38bdf8b3}@media (width<=1124px){.content-header{overflow:visible!important}.mobile-hamburger.header-icon-btn{margin-left:12px}.header-actions{padding-right:18px}.header-actions .add-item-button{margin-right:6px}.header-language-menu{z-index:3400!important}}@media (width<=768px){.content-header{padding-left:18px!important;padding-right:18px!important}.mobile-hamburger.header-icon-btn{margin-left:4px}.header-actions{padding-right:4px!important}.header-actions .add-item-button{margin-right:6px}.header-language-menu{z-index:3400!important;right:18px!important}}@media (width<=480px){.content-header{padding-left:20px!important;padding-right:16px!important}.mobile-hamburger.header-icon-btn{margin-left:2px}.header-actions .add-item-button{margin-right:8px}.header-language-menu{right:16px!important}}@media (width>=1125px){.sidebar.closed{pointer-events:auto;width:80px!important;box-shadow:var(--shadow-md,4px 0 20px #0000004d)!important;transform:none!important}.main-content.sidebar-closed{margin-left:96px!important;padding-right:16px!important}.main-content.sidebar-closed .content-header{border-radius:18px!important;margin:14px 20px 0 0!important}.main-content.sidebar-closed>:not(.content-header){margin-left:16px;margin-right:20px}.mobile-hamburger.header-icon-btn,.main-content.sidebar-closed .mobile-hamburger.header-icon-btn{display:none!important}.sidebar.closed .toggle-btn{margin:0 auto}}.dashboard-layout :is(.modal-overlay,.item-modal-overlay,.acct-modal-overlay,.ecal-modal-overlay,.at-overlay,.wss-overlay,.network-modal-overlay,.dup-settings-overlay,.advanced-filters-overlay,.chart-detail-overlay,.feedback-modal-overlay,.payment-modal-overlay,.contact-modal-overlay,.team-settings-page .modal-overlay){-webkit-overflow-scrolling:touch;z-index:5000!important;padding-top:calc(72px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;align-items:flex-start!important;overflow:hidden auto!important}.dashboard-layout :is(.modal-content,.item-modal,.category-form-modal,.category-detail-modal,.acct-modal,.ecal-modal,.at-modal,.wss-modal,.payment-modal,.contact-modal,.advanced-filters-panel,.chart-detail-modal,.feedback-modal-content){max-height:calc(100dvh - 108px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important}@media (width<=768px){.dashboard-layout :is(.modal-overlay,.item-modal-overlay,.acct-modal-overlay,.ecal-modal-overlay,.at-overlay,.wss-overlay,.network-modal-overlay,.dup-settings-overlay,.advanced-filters-overlay,.chart-detail-overlay,.feedback-modal-overlay,.payment-modal-overlay,.contact-modal-overlay,.team-settings-page .modal-overlay){padding-top:calc(64px + env(safe-area-inset-top,0px))!important;padding-left:10px!important;padding-right:10px!important}.dashboard-layout :is(.modal-content,.item-modal,.category-form-modal,.category-detail-modal,.acct-modal,.ecal-modal,.at-modal,.wss-modal,.payment-modal,.contact-modal,.advanced-filters-panel,.chart-detail-modal,.feedback-modal-content){max-height:calc(100dvh - 96px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important}}.notification-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:400px;display:flex;position:fixed}.notification-toast-container.top-right{top:20px;right:20px}.notification-toast-container.top-left{top:20px;left:20px}.notification-toast-container.bottom-right{bottom:20px;right:20px}.notification-toast-container.bottom-left{bottom:20px;left:20px}.notification-toast{pointer-events:all;border-left:4px solid var(--accent-color,#6366f1);background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea33;border-radius:12px;align-items:flex-start;min-width:320px;max-width:400px;padding:14px;animation:.3s toastSlideIn;display:flex;box-shadow:0 4px 20px #0006}.notification-toast.exiting{animation:.3s forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-content{cursor:pointer;flex:1;margin-left:12px}.toast-title{color:#fff;margin-bottom:2px;font-size:.95rem;font-weight:600}.toast-message{color:#a0aec0;font-size:.85rem;line-height:1.4}.toast-action{color:var(--accent-color,#6366f1);align-items:center;gap:6px;margin-top:6px;font-size:.8rem;display:flex}.toast-action svg{font-size:.7rem}.toast-close{cursor:pointer;color:#a0aec0;background:0 0;border:none;padding:4px;transition:color .2s}.toast-close:hover{color:#fff}.toast-overflow{text-align:center;color:#a0aec0;pointer-events:all;background:#1a1a2ef2;border-radius:8px;padding:10px;font-size:.85rem}.notification-center{flex-shrink:0;align-items:center;display:flex;position:relative}.notification-bell{cursor:pointer;color:#9ca3af;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1rem;transition:all .2s;display:inline-flex;position:relative}.notification-bell:hover{background-color:var(--btn-hover,#212638cc);color:#fff}.notification-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:2px;right:4px}.notification-dropdown{z-index:10000;background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border:1px solid #667eea33;border-radius:12px;flex-direction:column;width:min(380px,100vw - 24px);max-height:min(560px,74vh);animation:.2s dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0006}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{border-bottom:1px solid #667eea33;padding:16px}.notification-header h3{color:#fff;margin:0 0 12px;font-size:1rem;font-weight:600}.notification-filters{gap:8px;display:flex}.notification-filters button{color:#a0aec0;cursor:pointer;background:#667eea1a;border:1px solid #667eea33;border-radius:6px;padding:6px 12px;font-size:.8rem;transition:all .2s}.notification-filters button:hover{background:#667eea33}.notification-filters button.active{color:#fff;background:#6366f1;border-color:#6366f1}.notification-actions-bar{background:#667eea1a;border-bottom:1px solid #667eea33;justify-content:space-between;padding:10px 16px;display:flex}.notification-actions-bar button{color:#a0aec0;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;transition:color .2s;display:flex}.notification-actions-bar button:hover:not(:disabled){color:#fff}.notification-actions-bar button:disabled{opacity:.5;cursor:not-allowed}.notification-list{flex:1;max-height:min(380px,52vh);overflow-y:auto}.notification-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.notification-empty svg{margin-bottom:10px;font-size:2rem}.notification-empty p{margin:0;font-size:.9rem}.notification-item{cursor:pointer;border-bottom:1px solid #667eea1a;align-items:flex-start;padding:14px 16px;transition:background .15s;display:flex}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#f0f9ff}.notification-item.unread:hover{background:#e0f2fe}.notification-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.notification-content{flex:1;min-width:0;margin-left:12px}.notification-title{color:#fff;margin-bottom:2px;font-size:.85rem;font-weight:600}.notification-message{color:#a0aec0;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;line-height:1.4;overflow:hidden}.notification-time{color:#94a3b8;margin-top:4px;font-size:.75rem}.notification-dismiss{cursor:pointer;color:#94a3b8;opacity:.6;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px;font-size:.8rem;transition:all .2s}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{color:#ef4444;background:#ef44441a}.notification-read-toggle{cursor:pointer;color:#94a3b8;opacity:0;background:0 0;border:none;flex-shrink:0;margin-right:2px;padding:4px;font-size:.8rem;transition:all .2s}.notification-item:hover .notification-read-toggle{opacity:1}.notification-read-toggle:hover{color:#6366f1}.notification-footer{text-align:center;border-top:1px solid #e2e8f0;padding:12px 16px}.notification-footer button{color:#6366f1;cursor:pointer;background:0 0;border:none;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{color:#94a3b8;background:#0f172a;border-color:#334155}.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:#6366f11a}.notification-item.unread:hover{background:#6366f126}.notification-title{color:#f1f5f9}.notification-footer{border-color:#334155}.toast-overflow{background:#1e293be6}}body.theme-light .notification-toast{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000001a}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{color:#64748b;background:#fffffff2;border:1px solid #e2e8f0}body.theme-light .notification-bell{color:#6b7280}body.theme-light .notification-bell:hover{color:#111827;background:#0000000d}body.theme-light .notification-dropdown{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 40px #0000001f}body.theme-light .notification-header{border-bottom-color:#e2e8f0}body.theme-light .notification-header h3{color:#1a1a2e}body.theme-light .notification-filters button{color:#64748b;background:#f8fafc;border-color:#e2e8f0}body.theme-light .notification-filters button:hover{background:#f1f5f9}body.theme-light .notification-filters button.active{color:#fff;background:#6366f1;border-color:#6366f1}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,body.theme-light .notification-dismiss{color:#94a3b8}body.theme-light .notification-dismiss:hover{color:#ef4444;background:#ef444414}body.theme-light .notification-empty{color:#94a3b8}body.theme-light .notification-footer{border-top-color:#e2e8f0}@media (width<=767px){.notification-toast-container{max-width:none;left:10px;right:10px}.notification-toast{width:100%;min-width:auto}.notification-dropdown{border-radius:12px;width:auto;max-height:calc(100dvh - 82px);margin-top:0;position:fixed;top:72px;left:8px;right:8px}.notification-list{max-height:calc(100dvh - 260px)}}@keyframes tut-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tut-scale-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes tut-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tut-pulse-ring{0%,to{box-shadow:0 0 0 4000px var(--tut-overlay-dark), 0 0 0 2px #667eea99}50%{box-shadow:0 0 0 4000px var(--tut-overlay-dark), 0 0 0 2px #667eea99, 0 0 0 7px #667eea33}}:root{--tut-surface:#1a1a2e;--tut-surface-2:#252540;--tut-border:#667eea40;--tut-text:#f0f4ff;--tut-text-muted:#94a3b8;--tut-accent:#667eea;--tut-shadow:0 24px 64px #0000008c, 0 4px 16px #00000059;--tut-overlay-dark:#06080ec7;--tut-radius:16px}[data-theme=light],body.theme-light{--tut-surface:#fff;--tut-surface-2:#f0f4ff;--tut-border:#667eea2e;--tut-text:#1a1a2e;--tut-text-muted:#64748b;--tut-shadow:0 24px 64px #00000021, 0 4px 16px #00000012;--tut-overlay-dark:#06080e8c}.tut-backdrop{z-index:9990;background:var(--tut-overlay-dark);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:16px;animation:.25s both tut-fade-in;display:flex;position:fixed;inset:0}.tut-modal{background:var(--tut-surface);border:1px solid var(--tut-border);border-radius:var(--tut-radius);box-shadow:var(--tut-shadow);text-align:center;width:100%;max-width:480px;color:var(--tut-text);padding:40px 36px 32px;animation:.3s both tut-scale-in;position:relative}.tut-modal__icon,.tut-modal__confetti{color:var(--accent,#667eea);justify-content:center;align-items:center;margin-bottom:20px;font-size:52px;line-height:1;display:flex}.tut-modal__icon svg,.tut-modal__confetti svg{width:52px;height:52px}.tut-modal__title{color:var(--tut-text);margin:0 0 12px;font-size:1.6rem;font-weight:700;line-height:1.2}.tut-modal__desc{color:var(--tut-text-muted);margin:0 0 28px;font-size:.96rem;line-height:1.6}.tut-modal__actions{flex-direction:column;align-items:center;gap:10px;display:flex}.tut-modal--complete{scrollbar-width:thin;scrollbar-color:var(--tut-accent) transparent;text-align:left;max-width:520px;max-height:90vh;overflow-y:auto}.tut-modal--complete .tut-modal__title,.tut-modal--complete .tut-modal__desc{text-align:center}.tut-checklist{margin:0 0 24px;padding:0;list-style:none}.tut-checklist__item{border-bottom:1px solid var(--tut-border);color:var(--tut-text);align-items:center;gap:12px;padding:8px 0;font-size:.9rem;display:flex}.tut-checklist__item:last-child{border-bottom:none}.tut-checklist__icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.tut-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:all .18s;display:inline-flex}.tut-btn--primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 14px #667eea59}.tut-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea73}.tut-btn--primary:active{transform:none}.tut-btn--ghost{color:var(--tut-text-muted);border:1px solid var(--tut-border);background:0 0;min-width:0}.tut-btn--ghost:hover{background:var(--tut-surface-2);color:var(--tut-text);border-color:var(--tut-accent)}.tut-btn--secondary{background:var(--tut-surface-2);color:var(--tut-text);border:1px solid var(--tut-border);min-width:0}.tut-btn--secondary:hover{border-color:var(--tut-accent)}.tut-btn--sm{border-radius:8px;min-width:0;padding:7px 16px;font-size:.82rem}.tut-spotlight-layer{z-index:9980;pointer-events:all;cursor:pointer;position:fixed;inset:0}.tut-spotlight{z-index:9981;pointer-events:none;box-shadow:0 0 0 4000px var(--tut-overlay-dark), 0 0 0 2px #667eea99;border-radius:12px;transition:top .3s,left .3s,width .3s,height .3s;animation:2.4s infinite tut-pulse-ring;position:fixed}.tut-tooltip{z-index:9985;background:var(--tut-surface);border:1px solid var(--tut-border);border-radius:var(--tut-radius);box-shadow:var(--tut-shadow);color:var(--tut-text);pointer-events:all;padding:18px 20px 16px;transition:top .3s,left .3s;animation:.25s both tut-slide-up;position:fixed}.tut-tooltip:before{content:"";background:var(--tut-surface);border:1px solid var(--tut-border);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.tut-tooltip--arrow-top:before{border-bottom:none;border-right:none;top:-7px;left:28px}.tut-tooltip--arrow-bottom:before{border-top:none;border-left:none;bottom:-7px;left:28px}.tut-tooltip--arrow-left:before{border-bottom:none;border-right:none;top:24px;left:-7px}.tut-tooltip--arrow-right:before{border-top:none;border-left:none;top:24px;right:-7px}.tut-progress-dots{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.tut-progress-dot{background:var(--tut-surface-2);border:1px solid var(--tut-border);border-radius:3px;flex:1;min-width:14px;max-width:28px;height:5px;transition:background .2s,transform .2s}.tut-progress-dot--done{background:#667eea66}.tut-progress-dot--current{transform:scaleY(1.5)}.tut-tooltip__header{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.tut-tooltip__badge{color:#fff;border-radius:20px;flex-shrink:0;margin-top:2px;padding:3px 9px;font-size:.72rem;font-weight:700}.tut-tooltip__title{color:var(--tut-text);margin:0;font-size:1rem;font-weight:700;line-height:1.3}.tut-tooltip__desc{color:var(--tut-text-muted);margin:0 0 14px;font-size:.86rem;line-height:1.55}.tut-tooltip__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tut-tooltip__nav{align-items:center;gap:7px;display:flex}.tut-help-btn{border:1px solid var(--tut-border);color:var(--tut-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .18s;display:inline-flex}.tut-help-btn:hover{background:var(--tut-surface-2);color:var(--tut-accent);border-color:var(--tut-accent)}.tut-help-btn svg{flex-shrink:0}@media (width<=600px){.tut-help-btn{justify-content:center;gap:0;min-width:36px;min-height:36px;padding:6px 8px;font-size:0}.tut-help-btn svg{font-size:16px}.tut-modal{border-radius:14px;padding:28px 20px 24px}.tut-modal__title{font-size:1.3rem}.tut-modal__icon,.tut-modal__confetti{font-size:40px}.tut-tooltip{border-radius:14px 14px 0 0;max-height:55vh;padding:16px 16px 28px;overflow-y:auto;width:100%!important;position:fixed!important;inset:auto 0 0!important}.tut-tooltip:before{display:none}.tut-spotlight{box-shadow:0 0 0 2000px var(--tut-overlay-dark), 0 0 0 2px #667eea99}.tut-tooltip__actions{flex-direction:column-reverse;align-items:stretch}.tut-tooltip__nav{justify-content:flex-end}.tut-btn--sm{padding:9px 14px}}@media (prefers-reduced-motion:reduce){.tut-backdrop,.tut-modal,.tut-tooltip,.tut-spotlight{transition:none;animation:none}}body.reduce-motion .tut-backdrop,body.reduce-motion .tut-modal,body.reduce-motion .tut-tooltip,body.reduce-motion .tut-spotlight{transition:none!important;animation:none!important}.support-contact-modal{z-index:2000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.support-contact-modal__backdrop{background:#020617b8;border:none;position:absolute;inset:0}.support-contact-modal__panel{color:#e2e8f0;background:linear-gradient(#11182a 0%,#0b1120 100%);border:1px solid #667eea38;border-radius:20px;width:min(680px,100%);padding:24px;position:relative;box-shadow:0 24px 80px #00000073}.support-contact-modal__header{justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.support-contact-modal__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#93c5fd;margin:0 0 8px;font-size:11px;font-weight:800}.support-contact-modal__header h3{color:#f8fafc;margin:0;font-size:24px}.support-contact-modal__header p{color:#94a3b8;margin:8px 0 0;line-height:1.6}.support-contact-modal__close{color:#cbd5e1;cursor:pointer;background:#0f172aa6;border:1px solid #94a3b833;border-radius:12px;align-self:flex-start;width:40px;height:40px}.support-contact-modal__body{gap:14px;display:grid}.support-contact-modal__card,.support-contact-modal__field{background:#0f172ab3;border:1px solid #94a3b829;border-radius:16px}.support-contact-modal__card{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.support-contact-modal__icon{color:#93c5fd;background:#3b82f629;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.support-contact-modal__card strong,.support-contact-modal__field label{color:#f8fafc;display:block}.support-contact-modal__card span{color:#94a3b8;margin-top:4px;font-size:13px;display:block}.support-contact-modal__card button,.support-contact-modal__field button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#0284c7 100%);border:none;border-radius:12px;min-height:42px;padding:0 14px;font-weight:700}.support-contact-modal__field{padding:16px}.support-contact-modal__field label{letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin-bottom:10px;font-size:12px;font-weight:800}.support-contact-modal__field>div,.support-contact-modal__field pre{white-space:pre-wrap;word-break:break-word;color:#e2e8f0;margin:0 0 12px;line-height:1.7}.support-contact-modal__copied{color:#86efac;align-items:center;gap:8px;margin-top:16px;font-weight:700;display:inline-flex}@media (width<=640px){.support-contact-modal__panel{padding:18px}.support-contact-modal__card{grid-template-columns:1fr}.support-contact-modal__card button,.support-contact-modal__field button{width:100%}}.hp{color:#10233b;background:linear-gradient(#f4f7fb 0%,#fff 100%);min-height:100vh}.hp-info-page{padding:32px 20px 64px}.hp-info-nav{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto 32px;display:flex}.hp-info-back{color:#10233b;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7d2e3;border-radius:999px;padding:10px 18px}.hp-info-nav__title{color:#51627a;font-size:.95rem}.hp-info-page__hero,.hp-info-page__content{max-width:1100px;margin:0 auto}.hp-info-page__hero{margin-bottom:32px}.hp-info-page__hero h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.hp-info-page__hero p,.hp-info-card p,.hp-info-card li,.hp-contact-detail p{color:#51627a;line-height:1.7}.gradient-text{background:linear-gradient(120deg,#1f6feb,#0ea5e9);color:#0000;-webkit-background-clip:text;background-clip:text}.hp-info-grid{gap:24px;display:grid}.hp-info-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-info-card{background:#fff;border:1px solid #dbe4f0;border-radius:24px;margin-bottom:24px;padding:24px;box-shadow:0 16px 40px #10233b14}.hp-ai-policy-notice{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border-color:#93c5fd}.hp-info-card h3{margin-top:0;margin-bottom:16px}.hp-info-card ul{padding-left:20px}.hp-info-form,.hp-info-form__row{gap:16px;display:grid}.hp-info-form input,.hp-info-form select,.hp-info-form textarea{width:100%;font:inherit;color:#10233b;box-sizing:border-box;background:#fff;border:1px solid #c7d2e3;border-radius:16px;padding:12px 14px}.hp-btn{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:12px 20px}.hp-btn--primary{color:#fff;background:linear-gradient(120deg,#1f6feb,#0ea5e9)}.hp-contact-detail,.hp-info-fact{margin-bottom:16px}.hp-contact-social{gap:12px;display:flex}.hp-contact-social a{color:#1f6feb;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.hp-inline-link-btn{color:#1f6feb;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}.hp-inline-link-btn:hover{color:#0ea5e9}.hp-info-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hp-info-fact strong,.hp-contact-detail strong{margin-bottom:4px;display:block}.hp-info-brand-colors{flex-wrap:wrap;gap:12px;display:flex}.hp-info-swatch{color:#fff;border-radius:16px;align-items:end;width:120px;height:72px;padding:10px;font-size:.85rem;display:flex}.hp-info-section{margin-bottom:16px}.hp-info-section__header{color:#10233b;width:100%;font:inherit;text-align:left;cursor:pointer;background:#f8fbff;border:1px solid #dbe4f0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.hp-info-section__content{padding:16px 8px 0}.hp-info-pill-grid,.hp-info-feature-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.hp-info-pill,.hp-info-feature{background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:14px 16px}@media (width<=768px){.hp-info-nav{flex-direction:column;align-items:flex-start}.hp-info-grid--2,.hp-info-facts{grid-template-columns:1fr}.hp-info-page{padding-inline:16px}}:root,:root[data-theme=dark]{--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success:linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-warning:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-info:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-bg:#0f0f1e;--dark-secondary:#1a1a2e;--dark-tertiary:#252540;--surface-primary:#1a1a2e;--surface-secondary:#252540;--surface-elevated:#2a2a4a;--surface-overlay:#0009;--text-primary:#f7fafc;--text-secondary:#cbd5e0;--text-muted:#a0aec0;--text-inverse:#1a202c;--border-color:#2d3748;--border-subtle:#667eea26;--border-accent:#667eea4d;--accent:#667eea;--accent-hover:#5a6fd6;--success:#11998e;--warning:#f5576c;--danger:#ef4444;--info:#4facfe;--input-bg:#0f0f1ecc;--input-border:#667eea4d;--input-text:#fff;--input-placeholder:#a0aec0b3;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 14px #00000080;--shadow-lg:0 10px 40px #0009;--sidebar-bg:#0d0d1a;--sidebar-hover:#667eea1a;--sidebar-active:#667eea2e;--sidebar-text:#cbd5e0;--sidebar-text-active:#fff;--scrollbar-track:#1a1a2e;--scrollbar-thumb:#2d3748}:root[data-theme=light]{--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success:linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-warning:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-info:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-bg:#f0f2f5;--dark-secondary:#fff;--dark-tertiary:#f7f8fa;--surface-primary:#fff;--surface-secondary:#f7f8fa;--surface-elevated:#fff;--surface-overlay:#00000040;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--text-inverse:#f7fafc;--border-color:#e2e8f0;--border-subtle:#0000000f;--border-accent:#667eea40;--accent:#667eea;--accent-hover:#5a6fd6;--success:#11998e;--warning:#f5576c;--danger:#ef4444;--info:#4facfe;--input-bg:#fff;--input-border:#cbd5e0;--input-text:#1a202c;--input-placeholder:#718096b3;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 14px #0000001a;--shadow-lg:0 10px 40px #0000001f;--sidebar-bg:#fff;--sidebar-hover:#667eea0f;--sidebar-active:#667eea1f;--sidebar-text:#4a5568;--sidebar-text-active:#667eea;--scrollbar-track:#f0f2f5;--scrollbar-thumb:#cbd5e0}*{box-sizing:border-box;margin:0;padding:0}body{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,color .2s,border-color .2s,box-shadow .2s,opacity .2s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.reduce-motion *,body.reduce-motion :before,body.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body.reduce-motion .btn-save:hover,body.reduce-motion .nav-item:hover,body.reduce-motion .nav-item.active{box-shadow:none!important;transform:none!important}@media (hover:none){.btn-save:hover,.tab-btn:hover,.nav-item:hover,.user-profile:hover,.logout-btn:hover,.plan-card:hover,.plan-cta:hover,.category-card:hover,.item-card:hover,.favorite-card:hover,.stat-card:hover,.dashboard-chart:hover,.collection-card:hover,.sub-plan-card:hover,.team-card:hover,.action-card:hover,.wh-card:hover,.addon-card:hover,.feedback-type-card:hover,.btn-primary:hover,.btn-add-item:hover,.btn-add-category:hover,.btn-create-collection:hover,.add-item-button:hover,.feedback-button:hover,.setup-btn:hover,.submit-btn:hover,.contact-btn:hover{transform:none!important}.notification-actions,.notification-dismiss,.item-actions,.card-actions,.collection-actions,.remove-image-btn,.code-item button,.comment-delete-btn{opacity:1!important;visibility:visible!important;pointer-events:auto!important}}body.prefer-touch .btn-save:hover,body.prefer-touch .tab-btn:hover,body.prefer-touch .nav-item:hover,body.prefer-touch .plan-card:hover,body.prefer-touch .category-card:hover,body.prefer-touch .item-card:hover,body.prefer-touch .favorite-card:hover,body.prefer-touch .stat-card:hover,body.prefer-touch .dashboard-chart:hover,body.prefer-touch .collection-card:hover,body.prefer-touch .sub-plan-card:hover,body.prefer-touch .team-card:hover,body.prefer-touch .wh-card:hover,body.prefer-touch .addon-card:hover,body.prefer-touch .btn-primary:hover{transform:none!important}body.prefer-touch .notification-actions,body.prefer-touch .notification-dismiss,body.prefer-touch .item-actions,body.prefer-touch .card-actions,body.prefer-touch .collection-actions,body.prefer-touch .remove-image-btn,body.prefer-touch .code-item button,body.prefer-touch .comment-delete-btn{opacity:1!important;visibility:visible!important;pointer-events:auto!important}body.prefer-touch button,body.prefer-touch a,body.prefer-touch label,body.prefer-touch [role=switch],body.prefer-touch [role=button]{min-width:44px;min-height:44px}body.prefer-touch .nav-item{min-height:48px;padding:14px 16px}body.formal-ui :hover{transform:none!important}body.formal-ui .btn-save:hover,body.formal-ui .btn-primary:hover,body.formal-ui .btn-secondary:hover,body.formal-ui .btn-add-item:hover,body.formal-ui .btn-add-category:hover,body.formal-ui .btn-create-collection:hover,body.formal-ui .plan-card:hover,body.formal-ui .category-card:hover,body.formal-ui .item-card:hover,body.formal-ui .favorite-card:hover,body.formal-ui .stat-card:hover,body.formal-ui .dashboard-chart:hover,body.formal-ui .collection-card:hover,body.formal-ui .sub-plan-card:hover,body.formal-ui .team-card:hover,body.formal-ui .action-card:hover,body.formal-ui .wh-card:hover{box-shadow:none!important}body.formal-ui .btn-primary,body.formal-ui .btn-secondary,body.formal-ui .btn-save,body.formal-ui .btn-edit,body.formal-ui .btn-add-item,body.formal-ui .btn-add-category,body.formal-ui .btn-create-collection,body.formal-ui .btn-mark-all,body.formal-ui .btn-clear-all,body.formal-ui .btn-settings,body.formal-ui .plan-cta,body.formal-ui .contact-btn,body.formal-ui .submit-btn,body.formal-ui .add-chart-btn,body.formal-ui .btn-apply,body.formal-ui .btn-upgrade-small{color:#e5e7eb!important;box-shadow:none!important;background:#202636!important;border:1px solid #2e364b!important;border-radius:10px!important;font-weight:600!important}body.formal-ui .btn-primary svg,body.formal-ui .btn-secondary svg,body.formal-ui .btn-save svg,body.formal-ui .btn-edit svg,body.formal-ui .btn-add-item svg,body.formal-ui .btn-add-category svg,body.formal-ui .btn-create-collection svg,body.formal-ui .btn-mark-all svg,body.formal-ui .btn-clear-all svg,body.formal-ui .btn-settings svg,body.formal-ui .add-chart-btn svg{color:#cbd5e1!important}[data-theme=light] body{color:#1a202c;background-color:#f0f2f5}[data-theme=light] .sidebar{background:#fff;border-right-color:#e2e8f0;box-shadow:2px 0 12px #0000000f}[data-theme=light] .sidebar-header{background:linear-gradient(135deg,#667eea0f 0%,#764ba208 100%);border-bottom-color:#e2e8f0}[data-theme=light] .sidebar-header h2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-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{color:#667eea;background:#667eea0f}[data-theme=light] .nav-item.active{color:#667eea;background:#667eea1a;box-shadow:inset 0 0 12px #667eea14}[data-theme=light] .categories-section{border-top-color:#e2e8f0}[data-theme=light] .category-item{color:#4a5568}[data-theme=light] .category-item:hover{color:#667eea;background:#667eea0d}[data-theme=light] .sidebar-footer{background:#fff;border-top-color:#e2e8f0}[data-theme=light] .user-info{background:#667eea0a}[data-theme=light] .user-name{color:#1a202c}[data-theme=light] .user-email{color:#718096}[data-theme=light] .logout-btn{background:#f5576c0f;border-color:#f5576c26}[data-theme=light] .logout-btn:hover{background:#f5576c1f}[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{color:#4a5568;background:#00000008;border-color:#e2e8f0}[data-theme=light] .dash-btn:hover{color:#1a202c;background:#0000000f;border-color:#cbd5e0}[data-theme=light] .dash-btn.active{color:#6366f1;background:#6366f114;border-color:#6366f14d}[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 #0000000f}[data-theme=light] .kpi-card:hover{border-color:#6366f133;box-shadow:0 8px 24px #00000014}[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{color:#1a202c;background:#0000000a}[data-theme=light] .nav-arrow{color:#718096;background:#00000008;border-color:#e2e8f0}[data-theme=light] .nav-arrow:hover{color:#1a202c;background:#0000000f}[data-theme=light] .period-label-text{color:#1a202c}[data-theme=light] .dashboard-chart{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}[data-theme=light] .dashboard-chart:before{background:linear-gradient(90deg,#0000,#667eea33,#0000)}[data-theme=light] .dashboard-chart:hover{border-color:#667eea4d;box-shadow:0 12px 32px #0000001a}[data-theme=light] .chart-header h3{color:#1a202c}[data-theme=light] .chart-btn{background:#667eea0f;border-color:#667eea26}[data-theme=light] .chart-description{color:#718096}[data-theme=light] .chart-footer{color:#718096;border-top-color:#e2e8f0}[data-theme=light] .add-chart-btn{border-color:#6366f126}[data-theme=light] .add-chart-btn:hover{background:#6366f10a}[data-theme=light] .customizer-panel{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px #0000001a}[data-theme=light] .customizer-item{background:#00000005;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{color:#667eea;background:#667eea0d}[data-theme=light] .tab-btn.active{color:#667eea;background:#667eea14}[data-theme=light] .settings-content{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}[data-theme=light] .settings-panel h3{color:#1a202c}[data-theme=light] .settings-panel h4,[data-theme=light] .section-subtitle{color:#2d3748}[data-theme=light] .section-description{color:#718096}[data-theme=light] .form-group label{color:#2d3748}[data-theme=light] .form-group input,[data-theme=light] .form-group textarea,[data-theme=light] .form-group select{color:#1a202c!important;background:#f7f8fa!important;border-color:#e2e8f0!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 textarea:focus,[data-theme=light] .form-group select:focus{box-shadow:0 0 0 3px #667eea1a;background:#fff!important;border-color:#667eea!important}[data-theme=light] select option{color:#1a202c;background:#fff}[data-theme=light] .theme-option,[data-theme=light] .language-option{color:#4a5568;background:#f7f8fa;border-color:#e2e8f0}[data-theme=light] .theme-option:hover,[data-theme=light] .language-option:hover{color:#1a202c;border-color:#667eea}[data-theme=light] .theme-option.active,[data-theme=light] .language-option.active{color:#667eea;background:#667eea14;border-color:#667eea}[data-theme=light] .toggle-item{background:#00000003;border-color:#e2e8f0}[data-theme=light] .toggle-item:hover{background:#667eea08}[data-theme=light] .toggle-info p{color:#1a202c}[data-theme=light] .toggle-info span{color:#718096}[data-theme=light] .security-section,[data-theme=light] .privacy-info{background:#00000003;border-color:#e2e8f0}[data-theme=light] .security-section h4,[data-theme=light] .privacy-info h4{color:#1a202c}[data-theme=light] .security-section p,[data-theme=light] .privacy-info p{color:#4a5568}[data-theme=light] .danger-zone{background:#ef444408;border-color:#ef44441f}[data-theme=light] .delete-confirm-box{background:#ef444408;border-color:#ef444426}[data-theme=light] .role-badge{color:#667eea;background:#667eea14}[data-theme=light] .item-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}[data-theme=light] .item-card:hover{border-color:#667eea33;box-shadow:0 12px 32px #00000014}[data-theme=light] .card-body h3{color:#1a202c}[data-theme=light] .card-body .item-description{color:#718096}[data-theme=light] .card-meta,[data-theme=light] .card-footer{color:#718096;border-top-color:#e2e8f0}[data-theme=light] .search-input{color:#1a202c!important;background:#fff!important;border-color:#e2e8f0!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{color:#4a5568;background:#00000005;border-color:#e2e8f0}[data-theme=light] .btn-advanced-filters:hover{color:#667eea;background:#667eea0f;border-color:#667eea}[data-theme=light] .items-sort select{color:#1a202c!important;background:#fff!important;border-color:#e2e8f0!important}[data-theme=light] .empty-state,[data-theme=light] .no-items,[data-theme=light] .empty-favorites,[data-theme=light] .empty-trash{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 #0000000f}[data-theme=light] .category-card:hover{box-shadow:0 8px 24px #00000014}[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] .trash-item,[data-theme=light] .notification-item{background:#fff;border-color:#e2e8f0}[data-theme=light] .notification-item.unread{background:#667eea08}[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 #0000001f}[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 #0000000f}[data-theme=light] .workspace-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}[data-theme=light] .workspace-card:hover{box-shadow:0 8px 24px #00000014}[data-theme=light] .workspace-banner{color:#1a202c}[data-theme=light] .collection-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}[data-theme=light] .collection-card:hover{box-shadow:0 8px 24px #00000014}[data-theme=light] .subscription-card,[data-theme=light] .plan-card,[data-theme=light] .storage-card,[data-theme=light] .billing-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}[data-theme=light] .pricing-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000f}[data-theme=light] .pricing-card:hover{box-shadow:0 12px 40px #0000001a}[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 th,[data-theme=light] .compare-table td{border-color:#e2e8f0}[data-theme=light] .compare-table th{color:#1a202c;background:#f7f8fa}[data-theme=light] .compare-table td{color:#4a5568}[data-theme=light] .faq-item,[data-theme=light] .member-card,[data-theme=light] .invitation-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 #0000000f}[data-theme=light] .feedback-card:hover{box-shadow:0 8px 24px #00000014}[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{color:#667eea;border-bottom-color:#667eea}[data-theme=light] .detail-label{color:#718096}[data-theme=light] .detail-value{color:#1a202c}[data-theme=light] .item-modal-overlay{background:#00000040}[data-theme=light] .item-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 24px 60px #0000001f}[data-theme=light] .item-modal h2,[data-theme=light] .item-modal h3{color:#1a202c}[data-theme=light] .modal-overlay{background:#00000040}[data-theme=light] .modal-content,[data-theme=light] .modal{color:#1a202c;background:#fff;border-color:#e2e8f0}[data-theme=light] .filter-panel,[data-theme=light] .filter-panel-overlay .filter-panel-content{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 40px #0000001a}[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:#00000003;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{color:#1a202c!important;background:#f7f8fa!important;border-color:#e2e8f0!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 #0000001a}[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{color:#1a202c;background:#f7f8fa;border-color:#e2e8f0}[data-theme=light] .context-menu{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 24px #0000001a}[data-theme=light] .context-menu-item{color:#4a5568}[data-theme=light] .context-menu-item:hover{color:#667eea;background:#667eea0f}[data-theme=light] .notification-toast{color:#1a202c;background:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px #0000001a}[data-theme=light] .team-card,[data-theme=light] .org-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .team-card:hover,[data-theme=light] .org-card:hover{box-shadow:0 8px 24px #00000014}[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:#10b9810f;border-color:#10b98133}[data-theme=light] .settings-message.error{background:#ef44440f;border-color:#ef444433}[data-theme=light] input:-webkit-autofill{-webkit-text-fill-color:#1a202c!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] input:-webkit-autofill:hover{-webkit-text-fill-color:#1a202c!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] input:-webkit-autofill:focus{-webkit-text-fill-color:#1a202c!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}[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] select:-webkit-autofill{-webkit-text-fill-color:#1a202c!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] .page-title,[data-theme=light] .page-header h1,[data-theme=light] .page-header h2{color:#1a202c}[data-theme=light] .page-subtitle{color:#718096}[data-theme=light] .stat-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .badge{background:#667eea14}[data-theme=light] .loading-spinner{border-color:#667eea #667eea1a #667eea1a}[data-theme=light] .quiet-hours-range input[type=time]{color:#1a202c!important;background:#f7f8fa!important;border-color:#e2e8f0!important}[data-theme=light] .hero-section,[data-theme=light] .workspace-hero{background:linear-gradient(135deg,#667eea0f,#764ba20a)}[data-theme=light] .hero-section h1{color:#1a202c}[data-theme=light] .hero-section p{color:#4a5568}[data-theme=light] .lightbox-overlay{background:#0009}[data-theme=light] .toggle-switch{background:#00000014}[data-theme=light] .toggle-switch:hover{background:#0000001f}[data-theme=light] .toggle-switch .toggle-slider,[data-theme=light] .toggle-slider{background:0 0}[data-theme=light] .toggle-switch.checked{background:#4f46e5}[data-theme=light] .toggle-switch .toggle-slider:before,[data-theme=light] .toggle-slider:before{background:#fff;box-shadow:0 1px 4px #0003}[data-theme=light] .toggle{background:#00000014}[data-theme=light] .toggle.checked{background:#4f46e5}[data-theme=light] .toggle .toggle-slider{background:0 0}[data-theme=light] .toggle .toggle-slider:before{background:#fff;box-shadow:0 1px 4px #0003}[data-theme=light] .billing-toggle .toggle-switch{background:#00000014}[data-theme=light] .ai-hub-header,[data-theme=light] .ai-hub-tabs,[data-theme=light] .summary-card,[data-theme=light] .ai-summary-box,[data-theme=light] .new-form,[data-theme=light] .reminder-item,[data-theme=light] .note-item,[data-theme=light] .insight-item,[data-theme=light] .report-section,[data-theme=light] .report-header-info{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{color:#4f46e5;background:#4f46e514;border-color:#4f46e540}[data-theme=light] .summary-header h4,[data-theme=light] .reminder-title,[data-theme=light] .note-content p,[data-theme=light] .insight-content h4,[data-theme=light] .report-section h4,[data-theme=light] .report-header-info h4{color:#1e293b}[data-theme=light] .summary-text,[data-theme=light] .insight-content p,[data-theme=light] .report-section p,[data-theme=light] .reminder-description{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 textarea,[data-theme=light] .form-body select{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}[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:#00000014}[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:0 0}[data-theme=light] .um-search{background:#fff;border-color:#e2e4ee;box-shadow:0 1px 2px #0f172a0a}[data-theme=light] .um-search:focus-within{background:#fff;border-color:#667eea6b;box-shadow:0 0 0 3px #667eea1a}[data-theme=light] .um-search svg{color:#5a5c7a}[data-theme=light] .um-search input{color:#1e1f2e}[data-theme=light] .um-search input::placeholder{color:#9ca3af}[data-theme=light] .um-search button{color:#64748b;background:#f1f5f9}[data-theme=light] .um-search button:hover{color:#1e293b;background:#e2e8f0}[data-theme=light] .um-sort{color:#5a5c7a;background:#fff;border-color:#e2e4ee}[data-theme=light] .um-sort select{color:#1e1f2e}[data-theme=light] .um-sort select option{background:#fff}[data-theme=light] .hidden-folders .search-box{background:#f8fafc;border-color:#d1d5db}[data-theme=light] .hidden-folders .search-box input{color:#1e293b}[data-theme=light] .hidden-folders .search-box input::placeholder,[data-theme=light] .hidden-folders .search-box svg,[data-theme=light] .hidden-folders .search-clear-btn{color:#94a3b8}[data-theme=light] .hidden-folders .search-clear-btn:hover{color:#475569}[data-theme=light] .icon-search-input{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .icon-search-input::placeholder{color:#94a3b8}[data-theme=light] .icon-search-input:focus{background:#fff;border-color:#667eea}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--dark-bg,#0f0f1e);color:var(--text-primary,#f7fafc);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}@media (width>=1920px){.library,.ecol-page,.dashboard-page,.wh-page,.favorites-page,.categories-page,.accounting-page,.audit-page,.notifications-page,.settings-page,.subscription-page,.feedback-page,.collector-network,.condition-grading,.price-tracking,.wishlist-page,.user-management,.team-settings,.organization-detail,.super-admin,.hidden-folders,.bulk-import,.business-card,.certificates-page,.flex-card,.ifrs16-page,.invoices-page,.loans-page,.showroom-public{padding-left:48px;padding-right:48px;max-width:100%!important}}@media (width>=2560px){.library,.ecol-page,.dashboard-page,.wh-page,.favorites-page,.categories-page,.accounting-page,.audit-page,.notifications-page,.settings-page,.subscription-page,.feedback-page,.collector-network,.condition-grading,.price-tracking,.wishlist-page,.user-management,.team-settings,.organization-detail,.super-admin,.hidden-folders,.bulk-import,.business-card,.certificates-page,.flex-card,.ifrs16-page,.invoices-page,.loans-page,.showroom-public{padding-left:64px;padding-right:64px}}input[type=checkbox]{appearance:none;cursor:pointer;vertical-align:middle;background:#0f172a4d;border:1.5px solid #667eea4d;border-radius:5px;flex-shrink:0;width:18px;min-width:18px;height:18px;margin:0;transition:all .2s;position:relative}input[type=checkbox]:hover{background:#667eea0f;border-color:#667eea80}input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:45%;left:50%;transform:translate(-50%,-55%)rotate(45deg)}input[type=checkbox]:focus-visible{outline-offset:2px;outline:2px solid #667eea66}body.theme-light input[type=checkbox]{background:#fff;border:1.5px solid #cbd5e1}body.theme-light input[type=checkbox]:hover{background:#6c5ce70a;border-color:#6c5ce7}body.theme-light input[type=checkbox]:checked{background:linear-gradient(135deg,#6c5ce7 0%,#a78bfa 100%);border-color:#0000}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{border:1.5px solid var(--input-border);caret-color:var(--accent,#667eea);border-radius:10px;transition:border-color .25s,box-shadow .25s;background-color:var(--input-bg)!important;color:var(--input-text)!important}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #667eea1a;border-color:var(--accent,#667eea)!important}body.theme-light input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,body.theme-light textarea:focus,body.theme-light select:focus{box-shadow:0 0 0 3px #6c5ce714;border-color:#6c5ce7!important}input::placeholder,textarea::placeholder{color:var(--input-placeholder)!important}select option{background-color:var(--dark-secondary,#1a1a2e);color:var(--text-primary,#fff)}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--input-text,#fff)!important;-webkit-box-shadow:0 0 0px 1000px var(--input-bg,#0f0f1ef2) inset!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--input-text,#fff)!important;-webkit-box-shadow:0 0 0px 1000px var(--input-bg,#0f0f1ef2) inset!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--input-text,#fff)!important;-webkit-box-shadow:0 0 0px 1000px var(--input-bg,#0f0f1ef2) inset!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--input-text,#fff)!important;-webkit-box-shadow:0 0 0px 1000px var(--input-bg,#0f0f1ef2) inset!important}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--input-text,#fff)!important;-webkit-box-shadow:0 0 0px 1000px var(--input-bg,#0f0f1ef2) inset!important}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--input-text,#fff)!important;-webkit-box-shadow:0 0 0px 1000px var(--input-bg,#0f0f1ef2) inset!important}select:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--input-text,#fff)!important;-webkit-box-shadow:0 0 0px 1000px var(--input-bg,#0f0f1ef2) inset!important}select:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--input-text,#fff)!important;-webkit-box-shadow:0 0 0px 1000px var(--input-bg,#0f0f1ef2) inset!important}select:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--input-text,#fff)!important;-webkit-box-shadow:0 0 0px 1000px var(--input-bg,#0f0f1ef2) inset!important}@media (width<=768px){input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{font-size:16px!important}}.content-header,.content-body{padding-left:max(env(safe-area-inset-left), 0px);padding-right:max(env(safe-area-inset-right), 0px)}a,button,[role=button],input,select,textarea,label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (width<=768px){button,[role=button],.nav-item{min-width:44px;min-height:44px}}@supports not (gap:1px){.header-actions>*+*,.header-left>*+*{margin-left:8px}}html{-webkit-overflow-scrolling:touch;overflow-y:auto}.search-field-wrap{position:relative}.search-clear-btn{background:var(--surface-elevated,#94a3b81f);border:1px solid var(--border-color,#94a3b84d);color:var(--text-secondary,#cbd5e1);cursor:pointer;z-index:2;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear-btn:hover{background:var(--surface-elevated-hover,#94a3b833);color:var(--text-primary,#f8fafc)}body.theme-light .search-clear-btn{color:#475569;background:#f1f5f9;border-color:#cbd5e1}body.theme-light .search-clear-btn:hover{color:#334155;background:#e2e8f0}.search-clear-btn.search-clear-icon-btn{border-radius:8px;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;font-size:13px;line-height:1;transition:background-color .15s,border-color .15s,color .15s;right:8px;transform:translateY(-50%)}.search-clear-btn.search-clear-icon-btn:hover,.search-clear-btn.search-clear-icon-btn:focus-visible{transform:translateY(-50%)}.fav-search-clear{color:#64748b;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:12px;line-height:1;transition:color .15s,background-color .15s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.fav-search-clear:hover,.fav-search-clear:focus-visible{color:#a0aec0;transform:translateY(-50%)}.unified-search-input{border:1px solid var(--border-color,#94a3b840);background:var(--surface-secondary,#0f172a59);width:100%;min-height:42px;color:var(--text-primary,#f8fafc);border-radius:10px;outline:none;padding:10px 92px 10px 38px;font-size:14px;line-height:1.25;transition:border-color .2s,box-shadow .2s}.unified-search-input:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b33}body.theme-light .unified-search-input{color:#0f172a;background:#fff;border-color:#cbd5e1}@media (width<=768px){html,body{width:100%;max-width:100vw;overflow-x:hidden}.content-body>*{max-width:100%;overflow-x:hidden}table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.library,.ecol-page,.dashboard-page,.hidden-folders,.notifications-page,.settings-page{padding:16px!important}.modal-overlay,.feedback-modal-overlay,.limit-modal-overlay,.plm-overlay{align-items:flex-start!important;padding:10px!important;overflow-y:auto!important}.modal-content,.feedback-modal,.limit-modal,.plm-modal{border-radius:12px!important;max-width:100%!important;max-height:none!important;margin:0!important}table,.table-responsive{white-space:nowrap;display:block;overflow-x:auto}button,.btn-primary,.btn-secondary,.btn-icon,.nav-item{min-width:44px;min-height:44px}input,textarea,select{font-size:16px!important}}@media (width<=480px){.library,.ecol-page,.dashboard-page,.hidden-folders,.notifications-page,.settings-page{padding:12px!important}.modal-overlay,.feedback-modal-overlay,.limit-modal-overlay,.plm-overlay{padding:8px!important}}