@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--rose: #f472b6;--violet: #a78bfa;--blue: #60a5fa;--sky: #38bdf8;--indigo: #818cf8;--accent: #7c3aed;--accent-2: #2563eb;--text: #1e1b4b;--text-sub: #6b7280;--text-muted: #9ca3af;--white: #ffffff;--surface: rgba(255,255,255,.72);--surface-2: rgba(255,255,255,.45);--border: rgba(255,255,255,.85);--border-2: rgba(148,163,184,.25);--danger: #ef4444;--danger-bg: rgba(239,68,68,.06);--success: #10b981}html,body,#root{height:100%;font-family:DM Sans,sans-serif;background:#faf5ff}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:#faf5ff}.page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(244,114,182,.28) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 80% 10%,rgba(167,139,250,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 60% 90%,rgba(96,165,250,.2) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 10% 70%,rgba(56,189,248,.15) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 90% 60%,rgba(129,140,248,.18) 0%,transparent 55%);animation:auroraShift 18s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes auroraShift{0%{opacity:1;filter:hue-rotate(0deg)}50%{opacity:.85;filter:hue-rotate(15deg)}to{opacity:1;filter:hue-rotate(-10deg)}}.page:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.4;z-index:0}.blob{position:fixed;border-radius:50%;pointer-events:none;filter:blur(60px);animation:blobFloat 20s ease-in-out infinite;z-index:0}.blob-1{width:400px;height:400px;background:#f472b626;top:-100px;left:-80px;animation-delay:0s}.blob-3{width:280px;height:280px;background:#60a5fa1f;top:45%;right:5%;animation-delay:-14s}.card{position:relative;z-index:10;width:100%;max-width:420px;padding:48px 44px 42px;background:var(--surface);border-radius:28px;border:1px solid var(--border);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);box-shadow:0 0 0 1px #fff9 inset,0 2px 4px #94a3b814,0 12px 40px #7c3aed1a,0 40px 80px #7c3aed0f;animation:cardIn .6s cubic-bezier(.16,1,.3,1) both}.card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--rose),var(--violet),var(--blue),var(--sky));border-radius:999px;opacity:.8}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.brand{display:flex;flex-direction:column;align-items:center;margin-bottom:34px}.brand-icon{width:76px;height:76px;border-radius:50%;overflow:hidden;margin-bottom:14px;box-shadow:0 8px 32px #00aeef73,0 0 0 3px #ffffffd9;position:relative}.brand-icon:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgba(0,174,239,.25),transparent 70%);z-index:-1;filter:blur(10px)}.brand-name{font-size:12.5px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.18em;text-transform:uppercase;margin-bottom:3px}.brand-sub{font-size:11.5px;font-weight:300;color:var(--text-sub);letter-spacing:.06em}.heading{margin-bottom:26px}.heading h1{font-size:23px;font-weight:700;color:var(--text);letter-spacing:-.03em;margin-bottom:4px}.heading p{font-size:13.5px;font-weight:300;color:var(--text-sub)}.sep{height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent);margin-bottom:26px}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:600;color:var(--text-sub);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.iw{position:relative}.iw .fi{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--text-muted);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .2s}.iw input,.iw select{width:100%;padding:12px 14px 12px 40px;background:#fff9;border:1.5px solid var(--border-2);border-radius:13px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none}.iw input::placeholder{color:var(--text-muted);font-weight:300}.iw input:focus,.iw select:focus{border-color:var(--violet);background:#ffffffd9;box-shadow:0 0 0 3px #a78bfa26,0 2px 8px #a78bfa14}.iw:focus-within .fi{stroke:var(--accent)}.eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:var(--text-muted);display:flex;border-radius:7px;transition:color .2s}.eye-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7}.forgot-row{display:flex;justify-content:flex-end;margin-top:8px}.link-btn{background:none;border:none;font-family:DM Sans,sans-serif;font-size:12.5px;cursor:pointer;padding:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500;transition:opacity .2s;opacity:.8}.link-btn:hover{opacity:1}.error-box{display:flex;align-items:center;gap:8px;padding:11px 14px;background:var(--danger-bg);border:1px solid rgba(239,68,68,.2);border-radius:11px;margin-bottom:16px;animation:cardIn .3s ease}.error-box svg{width:14px;height:14px;stroke:var(--danger);fill:none;stroke-width:2;flex-shrink:0}.error-box span{font-size:13px;color:var(--danger)}.info-box{display:flex;align-items:flex-start;gap:8px;padding:11px 14px;background:#7c3aed0f;border:1px solid rgba(124,58,237,.15);border-radius:11px;margin-bottom:16px;animation:cardIn .3s ease}.info-box svg{width:14px;height:14px;stroke:var(--accent);fill:none;stroke-width:2;flex-shrink:0;margin-top:1px}.info-box span{font-size:12.5px;color:var(--accent);line-height:1.5}.btn{width:100%;padding:14px;border:none;border-radius:13px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;margin-top:6px;position:relative;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#4f46e5,#2563eb);box-shadow:0 4px 20px #7c3aed59,0 1px 3px #7c3aed33,inset 0 1px #ffffff26;transition:transform .15s,box-shadow .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.01em}.btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-20deg);transition:left .5s}.btn:hover:after{left:150%}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #7c3aed73,0 2px 6px #7c3aed33,inset 0 1px #ffffff26}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.rate-limited{opacity:.55;cursor:not-allowed}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.bottom{margin-top:22px;text-align:center;font-size:13.5px;color:var(--text-sub)}.bottom a{font-weight:600;text-decoration:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .2s}.bottom a:hover{opacity:.75}.foot{margin-top:28px;text-align:center;font-size:11px;color:var(--text-muted);letter-spacing:.04em}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.s-wrap{margin-top:6px;display:flex;gap:4px;align-items:center}.s-bar{flex:1;height:3px;border-radius:999px;background:#94a3b833;transition:background .35s}.s-label{font-size:10.5px;font-weight:500;min-width:40px;text-align:right;transition:color .3s}.field-hint{font-size:11px;color:var(--text-muted);margin-top:5px;padding-left:1px}.fp-overlay{position:fixed;inset:0;z-index:200;background:#1e1b4a40;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease}.fp-card{position:relative;width:100%;max-width:420px;background:#ffffffe6;border:1px solid var(--border);border-radius:24px;padding:32px 28px 28px;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);box-shadow:0 0 0 1px #ffffffb3 inset,0 24px 80px #7c3aed2e;animation:cardIn .28s cubic-bezier(.16,1,.3,1);text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.fp-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--rose),var(--violet),var(--blue),var(--sky));border-radius:999px;opacity:.8}.fp-icon{width:56px;height:56px;border-radius:16px;background:#7c3aed14;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.fp-icon svg{width:26px;height:26px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round}.fp-card h3{font-size:18px;font-weight:700;color:var(--text);margin-bottom:10px}.fp-card p{font-size:13.5px;color:var(--text-sub);line-height:1.6;margin-bottom:20px}.fp-close{width:100%;padding:11px;border-radius:12px;background:#7c3aed14;border:1.5px solid rgba(124,58,237,.15);font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;color:var(--accent);cursor:pointer;transition:all .15s}.fp-close:hover{background:#7c3aed24}@media(max-width:480px){.card{padding:36px 22px 30px;border-radius:22px}.row2{grid-template-columns:1fr}}html[data-theme=dark] body,html[data-theme=dark] #root,html[data-theme=dark] .page{background:#0f0a1e}html[data-theme=dark] .card,html[data-theme=dark] .fp-card{background:#1e1b4ad1;border-color:#ffffff14;color:#e2e8f0}html[data-theme=dark] .heading h1,html[data-theme=dark] .fp-card h3{color:#e2e8f0}html[data-theme=dark] .heading p,html[data-theme=dark] .fp-card p{color:#94a3b8}html[data-theme=dark] .iw input,html[data-theme=dark] .iw select{background:#ffffff0f;color:#e2e8f0;border-color:#ffffff1a}html[data-theme=dark] .iw input::placeholder{color:#64748b}html[data-theme=dark] .iw input:focus,html[data-theme=dark] .iw select:focus{background:#ffffff1a;border-color:var(--violet)}html[data-theme=dark] .field label,html[data-theme=dark] .remember-label{color:#94a3b8}html[data-theme=dark] .foot{color:#64748b}.remember-row{margin:6px 0 18px}.remember-label{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-check{position:absolute;opacity:0;width:0;height:0}.remember-box{width:17px;height:17px;border-radius:5px;flex-shrink:0;border:1.5px solid var(--border-2);background:#fff9;display:flex;align-items:center;justify-content:center;transition:all .15s}.remember-check:checked+.remember-box{background:var(--accent);border-color:var(--accent)}.remember-check:checked+.remember-box:after{content:"";display:block;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.remember-check:focus-visible+.remember-box{box-shadow:0 0 0 3px #7c3aed40}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--rose: #f472b6;--violet: #a78bfa;--blue: #60a5fa;--sky: #38bdf8;--accent: #7c3aed;--accent-2: #2563eb;--text: #1e1b4b;--text-main: #1e1b4b;--text-2: #475569;--text-sub: #6b7280;--text-muted: #9ca3af;--surface: rgba(255,255,255,.72);--surface-2: rgba(255,255,255,.55);--border: rgba(255,255,255,.85);--border-2: rgba(148,163,184,.25);--danger: #ef4444;--danger-bg: rgba(239,68,68,.07);--success: #10b981;--warning: #d97706;--card-bg: rgba(255,255,255,.72);--bg: rgba(255,255,255,.5);--radius-lg: 18px;--radius-md: 12px}html,body,#root{min-height:100%;font-family:DM Sans,sans-serif;background:#faf5ff;color:var(--text)}html{background:#faf5ff;min-height:100%}.page-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(244,114,182,.28) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 80% 10%,rgba(167,139,250,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 60% 90%,rgba(96,165,250,.2) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 10% 70%,rgba(56,189,248,.15) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 90% 60%,rgba(129,140,248,.18) 0%,transparent 55%);animation:auroraShift 25s ease-in-out infinite alternate}@keyframes auroraShift{0%{opacity:1;filter:hue-rotate(0deg)}to{opacity:.88}}.blob{position:fixed;border-radius:50%;pointer-events:none;filter:blur(40px);animation:blobFloat 20s ease-in-out infinite}.blob-1{width:400px;height:400px;background:#f472b626;top:-100px;left:-80px}.blob-2{width:350px;height:350px;background:#a78bfa1f;bottom:-80px;right:-60px;animation-delay:-8s}.blob-3{width:280px;height:280px;background:#60a5fa1f;top:40%;right:8%;animation-delay:-14s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.04)}66%{transform:translate(-15px,12px) scale(.97)}}.layout{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:64px;background:#ffffffb8;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 1px #94a3b81f,0 4px 24px #7c3aed0f}.nav:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:1.5px;background:linear-gradient(90deg,var(--rose),var(--violet),var(--blue),var(--sky));border-radius:999px;opacity:.6}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo{width:38px;height:38px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 3px 12px #00aeef59,0 0 0 2px #ffffffb3}.nav-logo img{width:100%;height:100%;object-fit:cover;display:block}.nav-title{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2px}.nav-link{padding:6px 14px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--text-sub);text-decoration:none;border:none;background:none;cursor:pointer;transition:background .15s,color .15s}.nav-link:hover{background:#7c3aed12;color:var(--accent)}.nav-link.active{background:#7c3aed1a;color:var(--accent);font-weight:600}.nav-right{display:flex;align-items:center;gap:12px}.nav-user{font-size:12.5px;color:var(--text-sub)}.nav-user strong{color:var(--text);font-weight:600}.logout-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--danger);border:1.5px solid rgba(239,68,68,.18);background:var(--danger-bg);cursor:pointer;transition:all .15s}.logout-btn:hover{background:#ef44441f;border-color:#ef44444d}.logout-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-burger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1.5px solid var(--border-2);background:#ffffffb3;cursor:pointer;transition:all .15s;color:var(--text-sub)}.nav-burger:hover{background:#7c3aed12;color:var(--accent)}.nav-burger svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.nav-mobile-menu{display:none;position:fixed;inset:0;z-index:40;background:#1e1b4a33;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-top:64px}.nav-mobile-menu.open{display:block}.nav-mobile-inner{background:#fffffff2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-bottom:1px solid var(--border);padding:12px 16px 16px;display:flex;flex-direction:column;gap:4px;animation:slideDown .22s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.nav-mobile-link{padding:11px 14px;border-radius:12px;font-size:14px;font-weight:500;color:var(--text-sub);text-decoration:none;border:none;background:none;cursor:pointer;transition:background .15s,color .15s;text-align:left}.nav-mobile-link:hover{background:#7c3aed12;color:var(--accent)}.nav-mobile-link.active{background:#7c3aed1a;color:var(--accent);font-weight:600}.nav-mobile-sep{height:1px;background:var(--border-2);margin:6px 0}.nav-mobile-logout{padding:11px 14px;border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--danger);border:none;background:none;cursor:pointer;text-align:left;transition:background .15s}.nav-mobile-logout:hover{background:var(--danger-bg)}.main{flex:1;padding:36px 32px;max-width:1280px;width:100%;margin:0 auto}.ph{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.ph-text h1{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.03em;margin-bottom:4px}.ph-text p{font-size:13.5px;color:var(--text-sub);font-weight:300}.stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.stat{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;font-size:13px;font-weight:500;color:var(--text);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 8px #7c3aed0f}.stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stat-n{font-weight:700;margin-right:1px}.dot-all{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.dot-active{background:var(--success)}.dot-in{background:var(--text-muted)}.dot-mc{background:var(--rose)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:200px;max-width:360px}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--text-muted);fill:none;stroke-width:1.7;pointer-events:none}.search-wrap input{width:100%;padding:10px 14px 10px 38px;background:var(--surface);border:1.5px solid var(--border-2);border-radius:12px;font-family:DM Sans,sans-serif;font-size:13.5px;color:var(--text);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);outline:none;transition:border-color .2s,box-shadow .2s}.search-wrap input::placeholder{color:var(--text-muted);font-weight:300}.search-wrap input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #a78bfa24;background:#ffffffd9}.filter-tabs{display:flex;gap:3px;background:var(--surface);border:1.5px solid var(--border-2);border-radius:12px;padding:3px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ftab{padding:6px 14px;border-radius:9px;font-size:13px;font-weight:500;color:var(--text-sub);border:none;background:none;cursor:pointer;transition:all .15s;white-space:nowrap}.ftab.on{background:var(--surface, #fff);color:var(--accent);box-shadow:0 1px 6px #7c3aed1f;font-weight:600}.select-filter{padding:10px 36px 10px 14px;border:1.5px solid rgba(167,139,250,.3);border-radius:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text);outline:none;cursor:pointer;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-appearance:none;appearance:none;box-shadow:0 2px 10px #7c3aed1a,inset 0 1px #ffffffa6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,linear-gradient(135deg,#ffffffe0,#f5f0ffb8)}.select-filter:hover{border-color:#7c3aed73;box-shadow:0 4px 18px #7c3aed2e,inset 0 1px #ffffffbf;transform:translateY(-1px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,linear-gradient(135deg,#fffffff5,#f5f0ffd1)}.select-filter:focus{border-color:var(--violet);box-shadow:0 0 0 3px #a78bfa38,0 6px 22px #7c3aed33,inset 0 1px #fffc;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,#fffffff5}.select-filter option{background:#faf5ff;color:var(--text);font-family:DM Sans,sans-serif;padding:10px 12px}.select-filter option:checked{background:#ede9fe;color:var(--accent);font-weight:600}.add-btn{display:flex;align-items:center;gap:7px;padding:10px 20px;border-radius:13px;border:none;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5,#2563eb);box-shadow:0 4px 20px #7c3aed59,inset 0 1px #ffffff26;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden;white-space:nowrap}.add-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-20deg);transition:left .5s}.add-btn:hover:after{left:150%}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #7c3aed73,inset 0 1px #ffffff26}.add-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round}.tcard{background:var(--surface);border:1px solid var(--border);border-radius:24px;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);box-shadow:0 0 0 1px #fff9 inset,0 2px 4px #94a3b814,0 12px 40px #7c3aed14;overflow:hidden}.tcard:before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--rose),var(--violet),var(--blue),var(--sky))}.tscroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{padding:13px 18px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;background:#faf5ff80;border-bottom:1px solid rgba(148,163,184,.12);white-space:nowrap}.th-sort{display:inline-flex;align-items:center;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.th-sort:hover{color:var(--accent)}.th-sort svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;opacity:.5}.th-sort.asc svg,.th-sort.desc svg{opacity:1;color:var(--accent)}tbody tr{border-bottom:1px solid rgba(148,163,184,.08);transition:background .12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#7c3aed06}td{padding:13px 18px;vertical-align:middle}.td-id{font-size:11.5px;color:var(--text-muted);font-weight:600;font-family:monospace}.td-name{font-weight:600;color:var(--text)}.td-sub{font-size:12px;color:var(--text-sub);margin-top:3px}.td-code{font-size:11.5px;font-family:monospace;background:#7c3aed14;color:var(--accent);padding:2px 8px;border-radius:6px;display:inline-block;font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.b-on{background:#10b9811a;color:#059669}.b-off{background:#94a3b81f;color:var(--text-muted)}.b-mc{background:#f472b61a;color:#be185d}.badge-dot{width:6px;height:6px;border-radius:50%;fill:currentColor}.acts{display:flex;align-items:center;gap:6px}.act{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--border-2);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--text-sub)}html[data-theme=dark] .act{background:#ffffff0f;border-color:#ffffff1a;color:var(--text-sub)}.act svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.act:hover{background:#7c3aed14;color:var(--accent);border-color:#7c3aed33}.act.warn:hover{background:#f59e0b14;color:#d97706;border-color:#f59e0b38}.act.del:hover{background:var(--danger-bg);color:var(--danger);border-color:#ef444438}.t-empty{padding:64px;text-align:center;color:var(--text-muted)}.t-empty svg{width:40px;height:40px;stroke:currentColor;fill:none;stroke-width:1.2;margin:0 auto 12px;display:block;opacity:.5}.t-load{padding:48px;text-align:center}.spinner{width:26px;height:26px;border:2.5px solid rgba(124,58,237,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.pag{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-top:1px solid rgba(148,163,184,.1);flex-wrap:wrap;gap:12px;background:#faf5ff66}.pag-info{font-size:12.5px;color:var(--text-muted);line-height:1.5}.pag-info strong{color:var(--text-sub);font-weight:600}.pag-btns{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pag-btn{min-width:34px;height:34px;padding:0 10px;border-radius:9px;border:1.5px solid var(--border-2);background:var(--surface);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-sub);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000a}.pag-btn:hover:not(:disabled){background:#7c3aed14;color:var(--accent);border-color:#7c3aed40;transform:translateY(-1px)}.pag-btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.pag-btn.active{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border-color:transparent;box-shadow:0 3px 12px #7c3aed59;font-weight:700;transform:none}.pag-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pag-ellipsis{padding:0 4px;color:var(--text-muted);font-size:14px;line-height:34px;-webkit-user-select:none;user-select:none}.pag-top{border-top:none;border-bottom:1px solid rgba(148,163,184,.1)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:200;background:#1e1b4ae6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;padding:11px 22px;border-radius:12px;font-size:13.5px;font-weight:500;box-shadow:0 8px 24px #0003;animation:tIn .25s ease;border:1px solid rgba(255,255,255,.1);white-space:nowrap}@keyframes tIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.status-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}.status-open{background:#10b9811f;color:#059669}.status-pending{background:#f59e0b1f;color:#b45309}.status-solved{background:#2563eb1f;color:#1d4ed8}.status-closed{background:#6b72801f;color:#4b5563}.status-waiting{background:#7c3aed1f;color:#6d28d9}.status-sd{background:#2563eb1f;color:#1d4ed8}.status-error{background:#ef44441a;color:#dc2626}.status-unknown{background:#6b72801f;color:#4b5563}html[data-theme=dark] .status-open{background:#10b9812e;color:#34d399}html[data-theme=dark] .status-pending{background:#f59e0b2e;color:#fbbf24}html[data-theme=dark] .status-solved{background:#60a5fa2e;color:#93c5fd}html[data-theme=dark] .status-closed{background:#94a3b826;color:#94a3b8}html[data-theme=dark] .status-waiting{background:#a78bfa2e;color:#c4b5fd}html[data-theme=dark] .status-sd{background:#60a5fa2e;color:#93c5fd}html[data-theme=dark] .status-error{background:#ef44442e;color:#f87171}html[data-theme=dark] .status-unknown{background:#94a3b826;color:#94a3b8}.overlay{position:fixed;inset:0;z-index:100;background:#1e1b4a40;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:520px;background:#ffffffd1;border:1px solid var(--border);border-radius:28px;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);box-shadow:0 0 0 1px #ffffffb3 inset,0 24px 80px #7c3aed2e;animation:slideUp .28s cubic-bezier(.16,1,.3,1);overflow:hidden;max-height:92vh;display:flex;flex-direction:column}.modal.sm{max-width:400px}@keyframes slideUp{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.modal:before{content:"";display:block;height:2px;flex-shrink:0;background:linear-gradient(90deg,var(--rose),var(--violet),var(--blue),var(--sky))}.mhead{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 0;flex-shrink:0;gap:12px}.mhead h2{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.02em}.mhead p{font-size:13px;color:var(--text-sub);font-weight:300;margin-top:3px}.mclose{width:30px;height:30px;border-radius:9px;border:1.5px solid var(--border-2);background:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s;flex-shrink:0}.mclose:hover{background:var(--danger-bg);color:var(--danger);border-color:#ef444433}.mclose svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}.mbody{padding:18px 24px;overflow-y:auto;flex:1}.mfoot{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px 20px;flex-shrink:0;border-top:1px solid rgba(148,163,184,.12)}.msec{font-size:10.5px;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.msep{height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.2),transparent);margin:14px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mf{margin-bottom:12px}.mf label{display:block;font-size:11px;font-weight:600;color:var(--text-sub);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.mf input[type=text],.mf input[type=email],.mf input[type=number],.mf input[type=password]{width:100%;padding:10px 13px;background:#ffffffa6;border:1.5px solid var(--border-2);border-radius:12px;font-family:DM Sans,sans-serif;font-size:13.5px;color:var(--text);outline:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.mf input:hover{border-color:#a78bfa80;box-shadow:0 0 0 2px #a78bfa14}.mf input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #a78bfa29,inset 0 0 0 1px #7c3aed14;background:#ffffffe6}.mf input::placeholder{color:var(--text-muted);font-weight:300}.mf select{width:100%;padding:11px 36px 11px 13px;border:1.5px solid rgba(167,139,250,.3);border-radius:12px;font-family:DM Sans,sans-serif;font-size:13.5px;color:var(--text);outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;-webkit-appearance:none;appearance:none;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 2px 10px #7c3aed17,inset 0 1px #ffffffa6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,linear-gradient(135deg,#ffffffe0,#f5f0ffb8)}.mf select:hover{border-color:#7c3aed73;box-shadow:0 4px 18px #7c3aed29,inset 0 1px #ffffffbf;transform:translateY(-1px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,linear-gradient(135deg,#fffffff5,#f5f0ffd1)}.mf select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #a78bfa38,0 6px 22px #7c3aed33,inset 0 1px #fffc;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,#fffffff5}.mf select option{background:#faf5ff;color:var(--text);font-family:DM Sans,sans-serif;font-weight:500;padding:10px 12px}.mf select option:checked{background:#ede9fe;color:var(--accent);font-weight:700}.tog-row{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#ffffffa6;border:1.5px solid var(--border-2);border-radius:12px}.tog-row span{font-size:13.5px;color:var(--text)}.tog{position:relative;width:40px;height:22px;flex-shrink:0}.tog input{opacity:0;width:0;height:0}.tog-s{position:absolute;inset:0;background:var(--border-2);border-radius:999px;cursor:pointer;transition:background .2s}.tog-s:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px #00000026}.tog input:checked+.tog-s{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.tog input:checked+.tog-s:before{transform:translate(18px)}.merr{display:flex;align-items:center;gap:8px;padding:10px 13px;background:var(--danger-bg);border:1px solid rgba(239,68,68,.18);border-radius:11px;margin-bottom:12px}.merr svg{width:13px;height:13px;stroke:var(--danger);fill:none;stroke-width:2;flex-shrink:0}.merr span{font-size:12.5px;color:var(--danger)}.btn-p{padding:10px 20px;border-radius:13px;border:none;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5,#2563eb);box-shadow:0 4px 16px #7c3aed4d,inset 0 1px #ffffff26;transition:transform .12s,box-shadow .15s,opacity .15s;display:flex;align-items:center;gap:7px}.btn-p:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #7c3aed6b}.btn-p:disabled{opacity:.5;cursor:not-allowed}.btn-p.red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444440}.btn-p.red:hover:not(:disabled){box-shadow:0 6px 22px #ef444461}.btn-p.warn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b40}.btn-p.warn:hover:not(:disabled){box-shadow:0 6px 22px #f59e0b61}.btn-g{padding:10px 18px;border-radius:13px;border:1.5px solid var(--border-2);font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;color:var(--text-sub);background:#ffffffb3;cursor:pointer;transition:all .15s}.btn-g:hover{background:#7c3aed0f;color:var(--accent);border-color:#7c3aed33}.bs{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.conf-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:4px auto 14px}.conf-icon.red{background:var(--danger-bg)}.conf-icon.warn{background:#f59e0b14}.conf-icon svg{width:26px;height:26px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.conf-icon.red svg{stroke:var(--danger)}.conf-icon.warn svg{stroke:#d97706}.conf-txt{text-align:center}.conf-txt h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:7px}.conf-txt p{font-size:13.5px;color:var(--text-sub);line-height:1.55}.conf-txt strong{color:var(--text)}.pwr{position:relative}.pwr input{padding-right:42px!important}.eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:var(--text-muted);display:flex;border-radius:7px;transition:color .2s}.eye-btn:hover{color:var(--accent)}.eye-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7}.ava{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;background:linear-gradient(135deg,#7c3aed26,#2563eb1f);color:var(--accent);border:1px solid rgba(124,58,237,.15)}.user-cell{display:flex;align-items:center;gap:10px}.user-info .td-name{font-weight:600;color:var(--text)}.user-info .td-sub{font-size:12px;color:var(--text-sub);margin-top:2px}@media(max-width:700px){.main{padding:20px 16px}.nav{padding:0 16px}.grid2{grid-template-columns:1fr}.nav-links,.nav-user{display:none}.nav-burger{display:flex}.ph{flex-direction:column;align-items:flex-start}.tcard{border-radius:18px}}html[data-theme=dark]{--text: #e2e8f0;--text-main: #e2e8f0;--text-2: #94a3b8;--text-sub: #94a3b8;--text-muted: #64748b;--surface: rgba(30,27,74,.72);--surface-2: rgba(30,27,74,.45);--border: rgba(255,255,255,.1);--border-2: rgba(148,163,184,.15);--danger-bg: rgba(239,68,68,.12);--warning: #fbbf24;--success: #34d399;--card-bg: rgba(30,27,74,.75);--bg: rgba(15,10,30,.6)}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] #root{background:#0f0a1e}html[data-theme=dark] .page-bg{background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(167,139,250,.2) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 80% 10%,rgba(124,58,237,.15) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 60% 90%,rgba(37,99,235,.12) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 10% 70%,rgba(56,189,248,.1) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 90% 60%,rgba(129,140,248,.12) 0%,transparent 55%)}html[data-theme=dark] .nav{background:#0f0a1ed1;border-color:#ffffff14}html[data-theme=dark] .tcard,html[data-theme=dark] .modal,html[data-theme=dark] .kpi-card,html[data-theme=dark] .chart-card,html[data-theme=dark] .ql-card{background:#1e1b4aa6;border-color:#ffffff14}html[data-theme=dark] .dash-section{background:#1410388c;border-color:#ffffff14}html[data-theme=dark] table thead th{background:#0f0a1e99;color:#94a3b8b3;border-bottom-color:#ffffff0f}html[data-theme=dark] table tbody tr:hover{background:#7c3aed14}html[data-theme=dark] .modal{background:#1e1b4aeb}html[data-theme=dark] .overlay{background:#0009}html[data-theme=dark] .mf input,html[data-theme=dark] .mf textarea,html[data-theme=dark] .search-wrap input{background:#ffffff14;color:var(--text);border-color:#ffffff1f;transition:all .2s cubic-bezier(.16,1,.3,1)}html[data-theme=dark] .mf input:hover,html[data-theme=dark] .search-wrap input:hover{border-color:#a78bfa80;box-shadow:0 0 0 2px #a78bfa1f;background-color:#ffffff1f}html[data-theme=dark] .mf input:focus,html[data-theme=dark] .search-wrap input:focus{border-color:#a78bfa99;box-shadow:0 0 0 3px #a78bfa2e,inset 0 0 0 1px #a78bfa26;background-color:#ffffff24}html[data-theme=dark] .pag-size-sel{color:var(--text);border-color:#a78bfa4d;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 1px 6px #00000040,inset 0 .5px #ffffff0f;transition:all .2s cubic-bezier(.16,1,.3,1);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 8px center,#ffffff1a}html[data-theme=dark] .pag-size-sel:hover{border-color:#a78bfa80;box-shadow:0 2px 10px #7c3aed38,inset 0 .5px #ffffff14;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 8px center,#ffffff21}html[data-theme=dark] .pag-size-sel:focus{border-color:#a78bfa99;box-shadow:0 0 0 2px #a78bfa38,0 2px 12px #7c3aed40;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 8px center,#ffffff26}html[data-theme=dark] .mf select{color:var(--text);border-color:#a78bfa59;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 2px 12px #00000047,inset 0 1px #ffffff14;transition:all .2s cubic-bezier(.16,1,.3,1);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,#ffffff1f}html[data-theme=dark] .mf select:hover{border-color:#a78bfa80;box-shadow:0 4px 20px #7c3aed47,inset 0 1px #ffffff1f;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,#ffffff26}html[data-theme=dark] .mf select:focus{border-color:#a78bfa99;box-shadow:0 0 0 3px #a78bfa40,0 6px 24px #7c3aed52,inset 0 1px #ffffff1f;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,#ffffff2e}html[data-theme=dark] .mf select option{background:#1e1b4b;color:#e2e8f0;padding:10px 12px}html[data-theme=dark] .mf select option:checked{background:#3730a3;color:#a78bfa;font-weight:700}html[data-theme=dark] .mf input::placeholder{color:var(--text-muted)}html[data-theme=dark] .ftab{color:var(--text-sub)}html[data-theme=dark] .ftab.on{background:#7c3aed26}html[data-theme=dark] .select-filter{color:var(--text);border-color:#a78bfa59;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 2px 12px #00000047,inset 0 1px #ffffff14;transition:all .2s cubic-bezier(.16,1,.3,1);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,linear-gradient(135deg,#ffffff1f,#ffffff0f)}html[data-theme=dark] .select-filter:hover{border-color:#a78bfa80;box-shadow:0 4px 20px #7c3aed47,inset 0 1px #ffffff1f;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,linear-gradient(135deg,#ffffff26,#ffffff17)}html[data-theme=dark] .select-filter:focus{border-color:var(--violet);box-shadow:0 0 0 3px #a78bfa40,0 6px 24px #7c3aed52,inset 0 1px #ffffff1f;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center / 14px,linear-gradient(135deg,#ffffff2e,#ffffff1c)}html[data-theme=dark] .select-filter option{background:#1e1b4b;color:#e2e8f0;padding:10px 12px}html[data-theme=dark] .select-filter option:checked{background:#3730a3;color:#a78bfa;font-weight:700}html[data-theme=dark] .pag{background:#0f0a1e80;border-color:#ffffff0f}html[data-theme=dark] .pag-top{border-bottom-color:#ffffff0f}html[data-theme=dark] .pag-btn{background:#ffffff12;border-color:#ffffff1a;color:var(--text-sub);box-shadow:0 1px 3px #00000040}html[data-theme=dark] .pag-btn:hover:not(:disabled){background:#7c3aed2e;border-color:#a78bfa59;color:#c4b5fd}html[data-theme=dark] .pag-btn.active{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:transparent;color:#fff}html[data-theme=dark] .tog-row{background:#ffffff0d;border-color:#ffffff1a}html[data-theme=dark] .btn-g{background:#ffffff12;border-color:#ffffff1f;color:var(--text-sub)}html[data-theme=dark] .btn-g:hover{background:#7c3aed24;border-color:#a78bfa4d;color:#c4b5fd}html[data-theme=dark] code{background:#7c3aed26!important}.theme-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#7c3aed14;border:1.5px solid rgba(124,58,237,.15);color:var(--accent);cursor:pointer;transition:all .15s;flex-shrink:0}.theme-btn:hover{background:#7c3aed24}.theme-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.export-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--accent);border:1.5px solid rgba(124,58,237,.2);background:#7c3aed12;cursor:pointer;transition:all .15s;white-space:nowrap}.export-btn:hover:not(:disabled){background:#7c3aed21;border-color:#7c3aed59}.export-btn:disabled{opacity:.45;cursor:not-allowed}.export-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.pag-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pag-size-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-sub);white-space:nowrap}.pag-size-sel{padding:4px 26px 4px 8px;border-radius:7px;font-size:12px;font-family:DM Sans,sans-serif;border:1.5px solid rgba(167,139,250,.25);color:var(--text);cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 1px 5px #7c3aed14,inset 0 .5px #ffffff8c;transition:all .2s cubic-bezier(.16,1,.3,1);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 8px center,linear-gradient(135deg,#ffffffd9,#f5f0ffad)}.pag-size-sel:hover{border-color:#7c3aed66;box-shadow:0 2px 10px #7c3aed24,inset 0 .5px #ffffffa6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 8px center,linear-gradient(135deg,#ffffffed,#f5f0ffc7)}.pag-size-sel:focus{border-color:var(--violet);box-shadow:0 0 0 2px #a78bfa33,0 2px 10px #7c3aed29;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 8px center,#fffffff2}.pag{flex-wrap:wrap;gap:10px}tbody tr[tabindex]:focus{outline:2px solid rgba(124,58,237,.5);outline-offset:-2px;background:#7c3aed0f}.dash-section{border-radius:20px;padding:18px 20px 20px;margin-bottom:16px;background:#ffffff61;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dash-section-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.dash-section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.dash-section-wa{border-left:3px solid rgba(244,114,182,.55)}.dash-section-sync{border-left:3px solid rgba(37,99,235,.45)}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 12px #7c3aed12;display:flex;align-items:flex-start;gap:14px;position:relative;transition:transform .2s,box-shadow .2s;box-sizing:border-box}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed1f}.kpi-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.kpi-purple{background:#7c3aed1a;color:var(--accent)}.kpi-green{background:#10b9811a;color:var(--success)}.kpi-blue{background:#2563eb1a;color:var(--accent-2)}.kpi-yellow{background:#f59e0b1a;color:var(--warning)}.kpi-body{flex:1;min-width:0}.kpi-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-sub);margin-bottom:4px}.kpi-value{display:block;font-size:30px;font-weight:700;color:var(--text);line-height:1.1}.kpi-sub{display:block;font-size:11.5px;color:var(--text-muted);margin-top:3px}.kpi-ring{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:52px;height:52px}.kpi-ring svg{width:52px;height:52px;transform:rotate(-90deg)}.kpi-ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-sub)}.dash-section-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:start}.dash-kpi-col{display:flex;flex-direction:column;gap:12px;min-width:0}.dash-chart-col{min-width:0}.dash-wa-row{display:grid;grid-template-columns:1fr 1.4fr 1.4fr 1.4fr;gap:12px;align-items:start}.dash-wa-kpis{display:flex;flex-direction:column;gap:12px}.dash-section-kpis-wide{display:flex;gap:12px;align-items:flex-start}.dash-section-kpis-wide .kpi-card{flex:1}.dash-section-kpis{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.dash-section-kpis .kpi-card{flex:0 0 220px}.dash-section-row-infra{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:start;margin-bottom:12px}@media(max-width:1300px){.dash-wa-row{grid-template-columns:1fr 1.4fr 1.4fr}.dash-wa-row .dash-wa-kpis{flex-direction:row}}@media(max-width:1100px){.dash-wa-row{grid-template-columns:1fr 1.4fr 1.4fr}.dash-wa-row .dash-wa-kpis{flex-direction:row}}@media(max-width:900px){.dash-wa-row{grid-template-columns:1fr 1fr}.dash-wa-row .dash-wa-kpis{flex-direction:row;grid-column:1 / -1}.dash-section-kpis-wide{flex-direction:column}.dash-section-kpis-wide .kpi-card{flex:unset;width:100%}}@media(max-width:560px){.dash-wa-row{grid-template-columns:1fr}.dash-wa-row .dash-wa-kpis{flex-direction:column}}.dash-kpi-stack{display:flex;flex-direction:column;gap:12px;flex:0 0 220px}.dash-charts-area{flex:1;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-items:start}@media(max-width:560px){.dash-kpi-stack{flex-direction:column}.dash-section-kpis .kpi-card{flex:1 1 100%}}.dash-charts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 12px #7c3aed12;box-sizing:border-box}.chart-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:18px}.chart-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:20px 0}.bar-list{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;align-items:center;gap:10px}.bar-label{font-size:13px;color:var(--text-sub);white-space:nowrap;min-width:100px;display:flex;gap:6px;align-items:center}.bar-track{flex:1;height:8px;background:var(--border-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.bar-count{font-size:12px;font-weight:600;color:var(--text);min-width:24px;text-align:right}.role-list{display:flex;flex-direction:column;gap:10px}.role-row{display:flex;align-items:center;gap:10px}.role-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap;min-width:56px;text-align:center}.donut-wrap{position:relative;width:120px;height:120px;margin:0 auto 16px}.donut-svg{width:120px;height:120px;transform:rotate(-90deg)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-big{font-size:26px;font-weight:700;color:var(--text);line-height:1}.donut-tiny{font-size:10px;color:var(--text-muted)}.legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.leg-item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-sub)}.leg-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.quicklinks{display:flex;flex-direction:column;gap:10px}.ql-card{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 20px;text-decoration:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .2s}.ql-card:hover{transform:translate(4px);box-shadow:0 4px 16px #7c3aed1a;border-color:#7c3aed40}.ql-icon{width:40px;height:40px;border-radius:10px;background:#7c3aed1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ql-icon svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round}.ql-title{font-size:14px;font-weight:600;color:var(--text)}.ql-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.ql-arrow{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;margin-left:auto;flex-shrink:0}.t-wrap{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 12px #7c3aed12}.t-wrap:before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--rose),var(--violet),var(--blue),var(--sky))}.t-table{width:100%;border-collapse:collapse;font-size:13.5px}.t-table thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;background:#faf5ff80;border-bottom:1px solid rgba(148,163,184,.12);white-space:nowrap;position:sticky;top:0;z-index:2}html[data-theme=dark] .t-table thead th{background:#0f0a1e80}.t-table tbody tr{border-bottom:1px solid rgba(148,163,184,.08);transition:background .1s}.t-table tbody tr:last-child{border-bottom:none}.t-table tbody tr:hover{background:#7c3aed06}.t-table td{padding:11px 16px;vertical-align:middle}.t-scroll{overflow-x:auto}.t-scroll .t-table{min-width:640px}.drawer-overlay{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end}.drawer-backdrop{position:absolute;inset:0;background:#0f0a1e66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .18s ease}.drawer-panel{position:relative;z-index:1;width:min(460px,100vw);height:100%;background:var(--card-bg);border-left:1px solid var(--border);overflow-y:auto;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);box-shadow:-8px 0 40px #7c3aed26;animation:slideInRight .24s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(148,163,184,.12);position:sticky;top:0;z-index:2;background:inherit;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.drawer-header:before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1.5px;background:linear-gradient(90deg,var(--rose),var(--violet),var(--blue),var(--sky))}.drawer-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.zd-link{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;flex-shrink:0;color:var(--accent);background:#7c3aed14;border:1px solid rgba(124,58,237,.18);text-decoration:none;transition:background .15s,border-color .15s}.zd-link:hover{background:#7c3aed29;border-color:#7c3aed59}.zd-link svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html[data-theme=dark] .zd-link{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa33}html[data-theme=dark] .zd-link:hover{background:#a78bfa2e;border-color:#a78bfa66}.drawer-close{width:30px;height:30px;border-radius:9px;border:1.5px solid var(--border-2);background:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.drawer-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#ef444433}.drawer-close svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}.drawer-body{padding:20px 24px;flex:1}.drawer-field{margin-bottom:16px}.drawer-field-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.drawer-field-value{font-size:13.5px;color:var(--text);font-weight:400;line-height:1.5;word-break:break-word}.drawer-field-value.mono{font-family:monospace;font-size:12px;background:#7c3aed12;color:var(--accent);padding:3px 8px;border-radius:6px;display:inline-block}.drawer-problema{font-size:13.5px;line-height:1.65;color:var(--text);background:#7c3aed0a;border:1px solid rgba(124,58,237,.1);border-radius:12px;padding:14px 16px;margin-top:4px}.drawer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.2),transparent);margin:14px 0}html[data-theme=dark] .drawer-panel{background:#14102af2}html[data-theme=dark] .drawer-close{background:#ffffff12}html[data-theme=dark] .drawer-problema{background:#7c3aed14;border-color:#7c3aed26}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 18px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.filter-field{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.filter-input{padding:8px 11px;border:1.5px solid var(--border-2);border-radius:10px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text);background:#ffffffa6;outline:none;transition:border-color .2s}.filter-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #a78bfa1f}html[data-theme=dark] .filter-input{background:#ffffff0f;color:var(--text);border-color:#ffffff1f}.tab-bar{display:flex;gap:2px;border-bottom:1px solid rgba(148,163,184,.15);margin-bottom:16px}.tab-btn{padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-muted);border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.tab-btn:hover{color:var(--accent)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.t-pag{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid rgba(148,163,184,.1);flex-wrap:wrap;gap:10px;background:#faf5ff4d;font-size:12.5px;color:var(--text-muted)}html[data-theme=dark] .t-pag{background:#0f0a1e4d}.t-pag-btns{display:flex;gap:4px}.t-pag-btn{min-width:30px;height:30px;padding:0 8px;border-radius:8px;border:1.5px solid var(--border-2);background:#ffffffb3;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:var(--text-sub);cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center}.t-pag-btn:hover:not(:disabled){background:#7c3aed14;color:var(--accent);border-color:#7c3aed33}.t-pag-btn:disabled{opacity:.3;cursor:not-allowed}.t-pag-btn.active{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border-color:transparent;font-weight:700}html[data-theme=dark] .t-pag-btn{background:#ffffff0d}.blob{will-change:transform;contain:layout style}.page-bg{will-change:opacity;contain:layout style}.kpi-card,.chart-card{will-change:transform}.modal-overlay{animation:fadeIn .18s ease}.modal-overlay .modal{animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.qr-msg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.qr-msg-header label{display:flex;align-items:center;font-size:11px;font-weight:600;color:var(--text-sub);letter-spacing:.08em;text-transform:uppercase}.qr-edit-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;cursor:pointer;border:1.5px solid rgba(124,58,237,.25);background:#7c3aed14;color:var(--accent);transition:all .15s}.qr-edit-btn:hover{background:#7c3aed26;border-color:#7c3aed66}.qr-edit-btn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}.qr-save-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;cursor:pointer;border:1.5px solid rgba(16,185,129,.3);background:#10b9811a;color:#059669;transition:all .15s}.qr-save-btn:hover{background:#10b9812e;border-color:#10b98180}.qr-save-btn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round}html[data-theme=dark] .qr-edit-btn{border-color:#a78bfa33;background:#7c3aed1f}html[data-theme=dark] .qr-save-btn{color:#34d399;border-color:#34d39940;background:#10b9811a}.qr-textarea.locked{background:#94a3b812;color:var(--text-sub);border-color:transparent;cursor:not-allowed;resize:none;-webkit-user-select:none;user-select:none;opacity:.75}html[data-theme=dark] .qr-textarea.locked{background:#ffffff08;color:var(--text-muted);border-color:transparent}.qr-locked-note{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);margin-top:5px}.qr-locked-note svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;opacity:.6}.act.qr{color:#25d366;border-color:#25d36640;background:#25d36614}.act.qr:hover{background:#25d3662e;border-color:#25d36680;color:#1da851;transform:translateY(-1px)}html[data-theme=dark] .act.qr{color:#25d366;border-color:#25d3664d;background:#25d3661a}.modal.qr-modal{max-width:780px;width:96vw}.qr-modal-body{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:start}@media(max-width:600px){.qr-modal-body{grid-template-columns:1fr}}.qr-left,.qr-config{display:flex;flex-direction:column;gap:0}.qr-textarea{width:100%;resize:vertical;min-height:72px;font-family:inherit;font-size:13.5px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border-2);background:#ffffffb3;color:var(--text-main);transition:border .15s,box-shadow .15s;box-sizing:border-box}.qr-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed1f}html[data-theme=dark] .qr-textarea{background:#ffffff0f;color:var(--text-main)}.qr-hint{display:block;font-size:11.5px;color:var(--text-muted);margin-top:4px;line-height:1.4}.qr-hint code{font-size:11px;background:#7c3aed1a;color:var(--accent);padding:1px 5px;border-radius:4px;font-family:JetBrains Mono,Fira Mono,monospace}.qr-label-icon{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;margin-right:4px;opacity:.7}.qr-url-preview{margin-top:14px;padding:10px 12px;border-radius:10px;background:#2563eb0d;border:1px solid rgba(37,99,235,.15)}.qr-url-label{display:block;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.qr-url-code{display:block;font-family:JetBrains Mono,Fira Mono,monospace;font-size:10.5px;color:#2563eb;word-break:break-all;line-height:1.5}html[data-theme=dark] .qr-url-code{color:#93c5fd}.qr-right{display:flex;flex-direction:column;align-items:center;gap:10px}.qr-preview-box{width:200px;height:200px;border-radius:14px;border:2px dashed var(--border-2);display:flex;align-items:center;justify-content:center;background:#fff9;overflow:hidden;transition:border-color .2s}html[data-theme=dark] .qr-preview-box{background:#ffffff0a}.qr-preview-box:has(.qr-img){border-style:solid;border-color:#25d36666}.qr-img{width:196px;height:196px;object-fit:contain;border-radius:12px;display:block}.qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted)}.qr-placeholder svg{width:40px;height:40px;stroke:currentColor;fill:none;stroke-width:1.5;opacity:.4}.qr-placeholder span{font-size:12px}.qr-spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);font-size:12px}.qr-preview-note{font-size:11px;color:var(--text-muted);text-align:center;line-height:1.5;max-width:200px}.qr-bulk-progress{margin-top:16px;display:flex;flex-direction:column;gap:8px}.qr-progress-bar-wrap{height:8px;background:#7c3aed1f;border-radius:99px;overflow:hidden}.qr-progress-bar{height:100%;background:linear-gradient(90deg,#7c3aed,#25d366);border-radius:99px;transition:width .2s ease}.qr-progress-txt{font-size:12.5px;color:var(--text-sub);text-align:center}.cs-trigger{display:inline-flex;align-items:center;gap:6px;border-radius:12px;border:1.5px solid rgba(167,139,250,.3);font-family:DM Sans,sans-serif;font-weight:500;color:var(--text);cursor:pointer;outline:none;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);transition:all .18s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#ffffffe0,#f5f0ffb8);box-shadow:0 2px 10px #7c3aed1a,inset 0 1px #ffffffa6;white-space:nowrap;-webkit-user-select:none;user-select:none}.cs-trigger:hover{border-color:#7c3aed73;background:linear-gradient(135deg,#fffffff5,#f5f0ffd1);box-shadow:0 4px 18px #7c3aed2e,inset 0 1px #ffffffbf;transform:translateY(-1px)}.cs-open .cs-trigger{border-color:var(--violet);background:#fffffff5;box-shadow:0 0 0 3px #a78bfa38,0 6px 22px #7c3aed33;transform:translateY(-1px)}.cs-trigger:disabled{opacity:.5;cursor:not-allowed;transform:none}.cs-trigger--default{padding:10px 12px 10px 14px;font-size:13px}.cs-trigger--modal{padding:11px 12px 11px 13px;font-size:13.5px;width:100%;justify-content:space-between}.cs-trigger--mini{padding:4px 8px;font-size:12px;border-radius:7px}.cs-chevron{width:14px;height:14px;stroke:var(--accent);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .18s ease}.cs-open .cs-chevron{transform:rotate(180deg)}.cs-trigger--mini .cs-chevron{width:11px;height:11px}.cs-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.cs-list{position:fixed;z-index:9999;list-style:none;margin:0;padding:5px;background:#fffffff5;border:1.5px solid rgba(167,139,250,.25);border-radius:14px;box-shadow:0 8px 32px #7c3aed2e,0 2px 8px #0000000f,inset 0 1px #ffffffe6;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);animation:csDropIn .15s cubic-bezier(.16,1,.3,1);max-height:260px;overflow-y:auto}@keyframes csDropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.cs-option{padding:9px 12px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:background .12s,color .12s}.cs-option:hover{background:#7c3aed14;color:var(--accent)}.cs-option--selected{background:linear-gradient(135deg,#7c3aed1f,#2563eb14);color:var(--accent);font-weight:600}.cs-option--selected:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle;flex-shrink:0}html[data-theme=dark] .cs-trigger{background:linear-gradient(135deg,#ffffff1a,#ffffff0f);border-color:#a78bfa4d;color:var(--text);box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff12}html[data-theme=dark] .cs-trigger:hover{background:linear-gradient(135deg,#ffffff26,#ffffff17);border-color:#a78bfa80;box-shadow:0 4px 20px #7c3aed47,inset 0 1px #ffffff1a}html[data-theme=dark] .cs-open .cs-trigger{background:linear-gradient(135deg,#ffffff2e,#ffffff1c);border-color:var(--violet);box-shadow:0 0 0 3px #a78bfa40,0 6px 24px #7c3aed52}html[data-theme=dark] .cs-list{background:#161230f7;border-color:#a78bfa33;box-shadow:0 8px 40px #00000080,0 2px 8px #0000004d,inset 0 1px #ffffff0f}html[data-theme=dark] .cs-option{color:#e2e8f0}html[data-theme=dark] .cs-option:hover{background:#a78bfa26;color:#c4b5fd}html[data-theme=dark] .cs-option--selected{background:linear-gradient(135deg,#7c3aed40,#2563eb2e);color:#a78bfa}html[data-theme=dark] .cs-chevron{stroke:#a78bfa}.bi-modal{max-width:680px;width:100%}.bi-guide{background:#7c3aed0d;border:1.5px solid rgba(124,58,237,.15);border-radius:12px;padding:14px 16px;margin-bottom:16px}.bi-guide-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#7c3aed;margin-bottom:6px}.bi-guide-title svg{width:15px;height:15px;stroke:#7c3aed;fill:none;stroke-width:2}.bi-guide-desc{font-size:12.5px;color:#64748b;margin:0 0 10px}.bi-cols{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.bi-col-row{display:flex;align-items:baseline;gap:8px;font-size:12.5px;flex-wrap:wrap}.bi-col-name{font-family:ui-monospace,Cascadia Code,monospace;font-size:12px;font-weight:600;background:#7c3aed14;color:#7c3aed;padding:1px 6px;border-radius:5px}.bi-badge{font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:20px}.bi-badge--req{background:#fef2f2;color:#dc2626}.bi-badge--opt{background:#f0fdf4;color:#16a34a}.bi-col-desc{color:#64748b}.bi-template-btn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:#7c3aed;background:#7c3aed12;border:1.5px solid rgba(124,58,237,.2);border-radius:8px;padding:6px 12px;cursor:pointer;transition:background .15s,border-color .15s}.bi-template-btn:hover{background:#7c3aed21;border-color:#7c3aed59}.bi-template-btn svg{width:13px;height:13px;stroke:#7c3aed;fill:none;stroke-width:2}.bi-drop{border:2px dashed rgba(124,58,237,.3);border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:#7c3aed08;margin-bottom:12px;outline:none}.bi-drop:hover,.bi-drop:focus-visible{border-color:#7c3aed;background:#7c3aed12}.bi-drop--over{border-color:#7c3aed;background:#7c3aed1a;border-style:solid}.bi-drop--has-file{border-color:#16a34a;border-style:solid;background:#16a34a0a}.bi-drop-icon svg,.bi-file-icon svg{width:40px;height:40px;stroke:#a78bfa;fill:none;stroke-width:1.5;margin-bottom:8px}.bi-file-icon svg{stroke:#16a34a}.bi-drop-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 4px}.bi-drop-sub{font-size:12.5px;color:#94a3b8;margin:0}.bi-file-name{font-size:13.5px;font-weight:600;color:#16a34a;margin:0 0 3px;word-break:break-all}.bi-file-size{font-size:12px;color:#64748b;margin:0}.bi-uploading{display:flex;align-items:center;gap:10px;justify-content:center;padding:14px;font-size:14px;font-weight:500;color:#7c3aed}.bi-spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(124,58,237,.2);border-top-color:#7c3aed;animation:spin .75s linear infinite}.bi-results{margin-top:4px}.bi-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.bi-summary-card{border-radius:10px;padding:12px 10px;text-align:center;display:flex;flex-direction:column;gap:2px}.bi-summary-n{font-size:24px;font-weight:700;line-height:1}.bi-summary-label{font-size:11.5px;font-weight:500;opacity:.7}.bi-card--total{background:#64748b1a;color:#475569}.bi-card--ok{background:#16a34a1a;color:#15803d}.bi-card--upd{background:#2563eb1a;color:#1d4ed8}.bi-card--err{background:#dc26261a;color:#dc2626}.bi-toggle-errors{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#dc2626;background:#dc262612;border:1.5px solid rgba(220,38,38,.2);border-radius:8px;padding:7px 12px;cursor:pointer;transition:background .15s;margin-bottom:10px}.bi-toggle-errors:hover{background:#dc26261f}.bi-toggle-errors svg{width:14px;height:14px;stroke:#dc2626;fill:none;stroke-width:2.5;transition:transform .2s}.bi-error-table-wrap{border:1.5px solid rgba(220,38,38,.2);border-radius:10px;overflow:hidden;margin-bottom:14px;max-height:220px;overflow-y:auto}.bi-error-table{width:100%;border-collapse:collapse;font-size:12.5px}.bi-error-table th{background:#dc262612;color:#991b1b;font-weight:600;padding:8px 12px;text-align:left;border-bottom:1px solid rgba(220,38,38,.15)}.bi-error-table td{padding:7px 12px;border-bottom:1px solid rgba(220,38,38,.08);color:#374151}.bi-error-table tr:last-child td{border-bottom:none}.bi-err-msg{color:#dc2626}.bi-retry-btn{display:block;width:100%;text-align:center;font-size:13px;font-weight:500;color:#7c3aed;background:#7c3aed12;border:1.5px solid rgba(124,58,237,.2);border-radius:9px;padding:9px;cursor:pointer;transition:background .15s}.bi-retry-btn:hover{background:#7c3aed21}html[data-theme=dark] .bi-guide{background:#7c3aed1a;border-color:#a78bfa33}html[data-theme=dark] .bi-guide-title{color:#a78bfa}html[data-theme=dark] .bi-guide-title svg{stroke:#a78bfa}html[data-theme=dark] .bi-guide-desc,html[data-theme=dark] .bi-col-desc{color:#94a3b8}html[data-theme=dark] .bi-col-name{background:#a78bfa1f;color:#a78bfa}html[data-theme=dark] .bi-badge--req{background:#dc262626;color:#f87171}html[data-theme=dark] .bi-badge--opt{background:#16a34a26;color:#4ade80}html[data-theme=dark] .bi-template-btn{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa40}html[data-theme=dark] .bi-template-btn svg{stroke:#a78bfa}html[data-theme=dark] .bi-drop{border-color:#a78bfa4d;background:#a78bfa0d}html[data-theme=dark] .bi-drop:hover,html[data-theme=dark] .bi-drop:focus-visible{border-color:#a78bfa;background:#a78bfa1a}html[data-theme=dark] .bi-drop--over{border-color:#a78bfa;background:#a78bfa1f}html[data-theme=dark] .bi-drop-title{color:#e2e8f0}html[data-theme=dark] .bi-drop-icon svg{stroke:#a78bfa}html[data-theme=dark] .bi-uploading{color:#a78bfa}html[data-theme=dark] .bi-spinner{border-color:#a78bfa33;border-top-color:#a78bfa}html[data-theme=dark] .bi-summary-n{color:inherit}html[data-theme=dark] .bi-error-table th{background:#dc26261f;color:#fca5a5}html[data-theme=dark] .bi-error-table td{color:#e2e8f0}html[data-theme=dark] .bi-retry-btn{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa40}.conf-icon.orange{background:#ea580c14}.conf-icon.orange svg{stroke:#ea580c}.delete-options{display:flex;flex-direction:column;gap:10px;margin-top:16px}.delete-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.delete-option.hard{border-color:#dc262640;background:#dc26260a}.delete-option-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.delete-option-info strong{font-size:.875rem;font-weight:600;color:var(--text)}.delete-option-info span{font-size:.78rem;color:var(--text-2);line-height:1.4}.delete-option-info .hard-warn{color:#dc2626;font-weight:500}.delete-option .btn-p{flex-shrink:0;white-space:nowrap}html[data-theme=dark] .delete-option{background:#ffffff08}html[data-theme=dark] .delete-option.hard{border-color:#f8717133;background:#dc262612}html[data-theme=dark] .delete-option-info .hard-warn{color:#f87171}.drawer-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 24px;background:var(--surface);flex-shrink:0}.drawer-tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--text-2);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px;outline:none}.drawer-tab:hover{color:var(--text)}.drawer-tab.active{color:var(--accent);border-bottom-color:var(--accent)}html[data-theme=dark] .drawer-tabs{border-color:#ffffff14}html[data-theme=dark] .drawer-tab.active{color:#a78bfa;border-bottom-color:#a78bfa}.conv-wrap{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0}.conv-loading,.conv-error,.conv-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;text-align:center;color:var(--text-2);font-size:13.5px}.conv-loading .spinner{width:28px;height:28px}.conv-error svg,.conv-empty svg{width:36px;height:36px;stroke:var(--text-muted);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.conv-error svg{stroke:var(--danger)}.conv-feed{flex:1;display:flex;flex-direction:column;gap:16px;padding:20px 16px 24px}.conv-msg{display:flex;gap:10px;align-items:flex-start;max-width:100%}.conv-msg--agent{flex-direction:row-reverse}.conv-msg--client,.conv-msg--bot{flex-direction:row}.conv-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.conv-msg--client .conv-avatar{background:#dcfce7;color:#16a34a}.conv-msg--agent .conv-avatar{background:#ede9fe;color:#7c3aed}.conv-msg--bot .conv-avatar{background:#fef3c7;color:#d97706}.conv-avatar svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.conv-bubble-col{display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 44px)}.conv-msg--agent .conv-bubble-col{align-items:flex-end}.conv-msg--client .conv-bubble-col,.conv-msg--bot .conv-bubble-col{align-items:flex-start}.conv-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.conv-msg--agent .conv-meta{flex-direction:row-reverse}.conv-author{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.conv-msg--client .conv-author{color:#16a34a}.conv-msg--agent .conv-author{color:#7c3aed}.conv-msg--bot .conv-author{color:#d97706}.conv-source{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:4px;background:#7c3aed14;color:#7c3aed}.conv-time{font-size:10.5px;color:var(--text-muted)}.conv-bubble{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.55;color:var(--text);word-break:break-word;white-space:pre-wrap}.conv-msg--client .conv-bubble{border-radius:4px 14px 14px;background:#f0fdf4;border-color:#bbf7d0}.conv-msg--agent .conv-bubble{border-radius:14px 4px 14px 14px;background:#f5f3ff;border-color:#ddd6fe}.conv-msg--bot .conv-bubble{border-radius:4px 14px 14px;background:#fffbeb;border-color:#fde68a}.conv-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.conv-att-link{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:var(--accent);padding:4px 10px;border-radius:8px;background:#7c3aed0f;border:1px solid rgba(124,58,237,.15);text-decoration:none;transition:background .15s}.conv-att-link:hover{background:#7c3aed1f}.conv-att-link svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html[data-theme=dark] .conv-msg--client .conv-avatar{background:#16a34a26;color:#4ade80}html[data-theme=dark] .conv-msg--agent .conv-avatar{background:#7c3aed2e;color:#a78bfa}html[data-theme=dark] .conv-msg--bot .conv-avatar{background:#d9770626;color:#fbbf24}html[data-theme=dark] .conv-msg--client .conv-author{color:#4ade80}html[data-theme=dark] .conv-msg--agent .conv-author{color:#a78bfa}html[data-theme=dark] .conv-msg--bot .conv-author{color:#fbbf24}html[data-theme=dark] .conv-source{background:#a78bfa1a;color:#a78bfa}html[data-theme=dark] .conv-bubble{background:#ffffff0a;border-color:#ffffff14}html[data-theme=dark] .conv-msg--client .conv-bubble{background:#16a34a12;border-color:#4ade8026}html[data-theme=dark] .conv-msg--agent .conv-bubble{background:#7c3aed17;border-color:#a78bfa33}html[data-theme=dark] .conv-msg--bot .conv-bubble{background:#d9770614;border-color:#fbbf2433}html[data-theme=dark] .conv-att-link{background:#a78bfa14;border-color:#a78bfa33;color:#a78bfa}.sh-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.sh-toolbar .tab-bar{display:flex;gap:0;flex-wrap:wrap}.sh-search-wrap{position:relative;display:flex;align-items:center;flex:0 1 260px;min-width:160px}.sh-search-icon{position:absolute;left:9px;width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none}.sh-search-input{width:100%;padding:7px 30px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:12.5px;outline:none;transition:border-color .15s,box-shadow .15s}.sh-search-input::placeholder{color:var(--text-muted)}.sh-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed1f}.sh-search-clear{position:absolute;right:7px;display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:2px;color:var(--text-muted);transition:color .15s}.sh-search-clear:hover{color:var(--text)}.sh-search-clear svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round}.sh-table{table-layout:fixed;width:100%}.sh-table thead th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-cell-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-theme=dark] .sh-search-input{background:#ffffff0f;border-color:#ffffff1f;color:var(--text)}