@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";
:root{--bg-primary:#0d0d0d;--bg-secondary:#161616;--bg-tertiary:#1a1a1a;--bg-card:#1c1c1c;--bg-hover:#252525;--bg-input:#1e1e1e;--bg-glass:#161616d9;--border:#ffffff1a;--border-card:#ffffff1a;--border-focus:#72baff;--border-subtle:#ffffff0f;--text-primary:#e8e8e8;--text-secondary:#b0b0b0;--text-muted:#6b6b6b;--accent:#72baff;--accent-hover:#96ccff;--accent-warm:#a3d4ff;--accent-gradient:linear-gradient(135deg, #72baff 0%, #a3d4ff 50%, #72baff 100%);--accent-soft:#72baff1f;--accent-border:#72baff40;--accent-glow:#72baff59;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--platform-tg:#26a5e4;--platform-fb:#1877f2;--platform-ig:#e1306c;--platform-zalo:#0068ff;--radius-sm:8px;--radius:14px;--radius-lg:16px;--radius-full:9999px;--shadow:0 4px 24px #0000004d;--shadow-lg:0 8px 40px #00000080;--sidebar-w:240px;--header-h:60px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Fira Code", "SF Mono", monospace;--transition:.2s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-primary:#faf9f6;--bg-secondary:#f3f1ec;--bg-tertiary:#ebe8e2;--bg-card:#fff;--bg-hover:#f0ede8;--bg-input:#fff;--bg-glass:#ffffffe6;--border:#00000014;--border-card:#0000000f;--border-focus:#4a9eff;--border-subtle:#0000000d;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--text-muted:#9a9a9a;--accent:#4a9eff;--accent-hover:#38e;--accent-warm:#6ab0ff;--accent-gradient:linear-gradient(135deg, #4a9eff 0%, #6ab0ff 50%, #4a9eff 100%);--accent-soft:#4a9eff1a;--accent-border:#4a9eff33;--accent-glow:#4a9eff33;--shadow:0 2px 12px #0000000f;--shadow-lg:0 8px 32px #0000001a}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0000002e}[data-theme=light] .btn-secondary{background:#0000000a;border-color:#0000001a}[data-theme=light] .btn-secondary:hover{background:#00000012}[data-theme=light] .conv-item:hover{background:#00000008}[data-theme=light] .table tr:hover td{background:#00000005}[data-theme=light] .msg-bubble.in{color:var(--text-primary);background:#f0ede8;border-color:#0000000f}[data-theme=light] .msg-bubble.out{border-color:var(--accent-border);background:linear-gradient(135deg,#4a9eff1f,#6ab0ff0f)}[data-theme=light] .main-content{background:radial-gradient(ellipse at 70% -20%, #4a9eff0d 0%, transparent 50%), var(--bg-primary)}[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239a9a9a' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes msgSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes iconBounce{0%{transform:scale(1)}40%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes logoPulse{0%,to{box-shadow:0 4px 16px var(--accent-glow);transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 4px 24px #72baff8c}}@keyframes glowPulse{0%,to{box-shadow:0 0 #72baff00}50%{box-shadow:0 0 20px #72baff26}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dotBounce{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.btn{border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#0a1628;font-weight:700}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:#ffffff0f}.btn-secondary:hover{border-color:var(--accent-border);background:#ffffff1a}.btn-danger{color:var(--danger);background:0 0;border:1px solid #ef44444d}.btn-danger:hover{background:#ef44441a}.btn-sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);padding:10px 14px;font-size:14px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #72baff14,0 0 16px #72baff0f}.input::placeholder{color:var(--text-muted)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b6b6b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}[data-theme=light] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239a9a9a' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E")}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:border-color var(--transition), transform var(--transition);padding:24px}.card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:border-color var(--transition), transform var(--transition);opacity:0;padding:20px 24px;animation:.35s ease-out forwards slideUp}.stat-card:first-child{animation-delay:40ms}.stat-card:nth-child(2){animation-delay:80ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.16s}.stat-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.stat-card .stat-label{color:var(--text-secondary);margin-bottom:12px;font-size:.82rem;font-weight:600}.stat-card .stat-value{font-size:2rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.stat-card:first-child{border-color:var(--accent-border);background:linear-gradient(135deg,#72baff26,#a3d4ff0d)}.stat-card:first-child .stat-label,.stat-card:first-child .stat-value{color:var(--accent)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:600;display:inline-flex}.badge-active{color:#4ade80;background:#22c55e26}.badge-error{color:#f87171;background:#ef444426}.badge-tg{color:var(--platform-tg);background:#26a5e426}.badge-fb{color:var(--platform-fb);background:#1877f226}.badge-ig{color:var(--platform-ig);background:#e1306c26}.badge-zalo{color:var(--platform-zalo);background:#0068ff26}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);padding:12px 16px;font-size:.7rem;font-weight:600}.table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:14px 16px}.table tr{transition:background var(--transition)}.table tr:hover td{background:#ffffff05}body:has(.auth-page){overflow-y:auto}.auth-page{background:#fff;min-height:100vh;display:flex}.auth-illust{background:#dce6ff url(/bg_login.svg) 0/cover no-repeat;flex-direction:column;flex:1;justify-content:flex-end;min-width:0;padding:44px 48px;display:flex;position:relative}.auth-hero-logo{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.auth-hero-logo img{object-fit:contain;filter:drop-shadow(0 8px 24px #4b7cff40);width:200px;height:200px;animation:3s ease-in-out infinite logoFloat}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-illust-text{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border-radius:14px;max-width:420px;padding:20px 24px;position:relative}.auth-illust-title{color:#1e3a5f;letter-spacing:-.02em;margin-bottom:6px;font-size:24px;font-weight:700;line-height:1.3}.auth-illust-desc{color:#4a6a90;font-size:14px;line-height:1.6}.auth-form-side{background:#fff;border-left:1px solid #0000000f;flex-shrink:0;justify-content:center;align-items:center;width:520px;padding:40px 48px;display:flex}.auth-card{width:100%;max-width:380px;animation:.4s ease-out slideUp}.auth-logo{align-items:center;gap:10px;margin-bottom:32px;display:flex}.auth-logo img{object-fit:contain;border-radius:10px;width:36px;height:36px}.auth-logo-text{color:#1a1a1a;letter-spacing:-.01em;font-size:17px;font-weight:700}.auth-logo-text span{color:#4a9eff}.auth-card h1{color:#111827;letter-spacing:-.02em;margin-bottom:6px;font-size:24px;font-weight:700}.auth-card .subtitle{color:#6b7280;margin-bottom:28px;font-size:14px}.auth-card .form-group{margin-bottom:18px}.auth-card label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.auth-card .input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.auth-card .input:focus{background:#fff;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1f}.auth-card .input::placeholder{color:#9ca3af}.auth-card .btn-primary{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:10px;width:100%;margin-top:6px;padding:12px 20px;font-size:14px;font-weight:600;transition:background .2s,transform .12s,box-shadow .2s}.auth-card .btn-primary:hover{background:#38e;transform:translateY(-1px);box-shadow:0 4px 14px #4a9eff4d}.auth-card .btn-primary:active{transform:scale(.98)}.auth-card .btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.auth-card .error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:8px;margin-bottom:4px;padding:8px 12px;font-size:13px}.auth-card .footer{text-align:center;color:#6b7280;margin-top:24px;font-size:13px}.auth-card .footer a{color:#4a9eff;font-weight:600}.auth-card .footer a:hover{text-decoration:underline}.auth-expired-banner{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;animation:.3s ease-out fadeIn;display:flex}@media (max-width:900px){.auth-page{flex-direction:column}.auth-illust{background-position:50%;flex:none;min-height:180px;padding:24px}.auth-form-side{flex:1;width:100%;padding:32px 24px}}.auth-page-login{background:#fff;min-height:100svh;display:flex}.auth-page-login .login-hero{background:radial-gradient(circle at 8% 14%,#b6d6ff8a 0 16%,#0000 17%),radial-gradient(circle at 94% 94%,#c7e0ff80 0 17%,#0000 18%),linear-gradient(135deg,#e9f4ff 0%,#f7fbff 58%,#edf6ff 100%);flex:auto;justify-content:center;align-items:center;min-height:100svh;padding:52px 64px;display:flex;position:relative;overflow:hidden}.auth-page-login .login-hero:before,.auth-page-login .login-hero:after{content:"";opacity:1;pointer-events:none;background:0 0;animation:none;position:absolute;inset:auto;transform:none}.auth-page-login .login-hero:before{border:2px solid #ffffffb8;border-radius:50%;width:360px;height:360px;bottom:-170px;left:-130px}.auth-page-login .login-hero:after{background-image:radial-gradient(#ffffffe0 1px,#0000 1px);background-size:12px 12px;width:230px;height:170px;bottom:148px;left:0}.login-orbit{z-index:1;width:min(78vw,900px);max-width:900px;height:min(82svh,800px);min-height:560px;max-height:800px;position:relative}.login-orbit-ring{z-index:1;border:1px solid #4691ff42;border-radius:50%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.login-orbit-ring-lg{width:310px;height:310px}.login-orbit-ring-sm{opacity:.42;border-style:dashed;width:520px;height:520px}.login-float-card{z-index:4;background:#fff;border:1px solid #dae5f5d1;border-radius:15px;grid-template-columns:52px 1fr;align-items:center;gap:8px 14px;width:235px;padding:16px 20px;display:grid;position:absolute;box-shadow:0 20px 42px #2d5d911a}.login-float-card>span:nth-child(2),.login-float-card>span:nth-child(3){background:#c7d6f4;border-radius:999px;height:9px;display:block}.login-float-card>span:nth-child(2){width:118px}.login-float-card>span:nth-child(3){opacity:.86;grid-column:2;width:84px}.login-channel-icon{color:#fff;border-radius:50%;grid-row:span 2;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:inline-flex}.login-channel-fb{background:linear-gradient(135deg,#2196ff,#1559ff)}.login-channel-tg{background:linear-gradient(135deg,#39b9f0,#168bd6)}.login-channel-zalo{background:#fff;border:1px solid #dce8ff}.login-channel-chat{background:linear-gradient(135deg,#7c8cff,#4566e8)}.login-float-fb{top:5%;left:17%}.login-float-tg{top:14%;right:3%}.login-float-zalo{width:215px;top:44%;left:3%}.login-float-chat{width:215px;bottom:30%;right:8%}.login-mascot{filter:drop-shadow(0 24px 34px #325d9629);object-fit:contain;z-index:3;width:min(245px,28vw);height:auto;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.login-info-card{z-index:4;background:#fff;border:1px solid #dae5f5d1;border-radius:16px;align-items:center;gap:28px;width:min(540px,66%);padding:30px 34px;display:flex;position:absolute;bottom:0;left:8%;box-shadow:0 18px 38px #2d5d911a}.login-info-icon{color:#2878ff;background:#e6f0ff;border-radius:50%;flex:0 0 78px;justify-content:center;align-items:center;width:78px;height:78px;font-size:28px;display:inline-flex}.login-info-card h2{color:#101828;letter-spacing:0;margin:0 0 8px;font-size:18px;font-weight:800;line-height:1.35}.login-info-card p{color:#667085;margin:0;font-size:14px;line-height:1.6}.auth-page-login .login-form-side{background:#fff;border-left:1px solid #e3eaf5;border-radius:18px 0 0 18px;flex:0 0 min(43vw,760px);justify-content:center;align-items:flex-start;min-width:520px;min-height:100svh;padding:92px 76px 56px;overflow-y:auto;box-shadow:-24px 0 70px #234a7a14}.auth-page-login .login-form-side:before{content:none}.auth-page-login .login-card{box-shadow:none;background:0 0;border:0;width:100%;max-width:520px;padding:0;animation:none}.auth-page-login .login-form-logo{justify-content:center;margin-bottom:50px}.auth-page-login .login-form-logo img{border-radius:0}.auth-page-login .auth-logo-text{color:#101828;font-size:28px;font-weight:800}.auth-page-login .auth-logo-text span{color:#2878ff}.auth-page-login .login-heading{text-align:center}.auth-page-login .login-heading h1{color:#101828;letter-spacing:0;margin-bottom:8px;font-size:40px;font-weight:800;line-height:1.18}.auth-page-login .login-heading .subtitle{color:#667085;margin-bottom:52px;font-size:16px;line-height:1.6}.auth-page-login .login-field{margin-bottom:24px}.auth-page-login .login-field label{color:#4b5872;margin-bottom:12px;font-size:15px;font-weight:500}.login-input-wrap{position:relative}.login-input-wrap>i{color:#53627a;pointer-events:none;z-index:1;font-size:21px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.auth-page-login .auth-card .login-input-wrap .input{color:#101828;background:#fff;border:1px solid #d9e2f0;border-radius:12px;height:58px;padding:0 58px;font-size:16px}.auth-page-login .auth-card .login-input-wrap .input:focus{border-color:#86b7ff;box-shadow:0 0 0 4px #2878ff1a}.login-password-toggle{color:#68778f;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;transition:background .18s,color .18s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-password-toggle:hover{color:#2878ff;background:#f1f6ff}.auth-page-login .login-form-options{justify-content:space-between;align-items:center;gap:18px;margin:0 0 28px;display:flex}.auth-page-login .auth-card .login-remember{color:#556174;flex-direction:row;align-items:center;gap:10px;height:22px;margin:0;font-size:15px;line-height:20px;display:inline-flex}.auth-page-login .auth-card .login-remember input{appearance:none;accent-color:#2878ff;background:#fff 50%/14px 14px no-repeat;border:1px solid #b9c9e3;border-radius:5px;flex:0 0 20px;width:20px;height:20px;margin:0;transition:background .18s,border-color .18s,box-shadow .18s;display:block}.auth-page-login .auth-card .login-remember span{line-height:20px;display:block;transform:translateY(-1px)}.auth-page-login .auth-card .login-remember input:checked{background-color:#2878ff;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.15L5.55 9.7L11 4.25' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#2878ff}.auth-page-login .auth-card .login-remember input:focus-visible{box-shadow:0 0 0 4px #2878ff1f}.login-forgot{color:#2878ff;background:0 0;padding:0;font-size:15px;font-weight:600}.login-forgot:hover{color:#1766e6}.auth-page-login .auth-card .error,.auth-page-login .auth-expired-banner{border-radius:12px;margin-bottom:18px}.auth-page-login .login-submit{color:#fff;background:#2878ff;border-radius:12px;height:58px;margin:0;font-size:16px;font-weight:700;box-shadow:0 14px 28px #2878ff38}.auth-page-login .login-submit:after{content:none}.auth-page-login .login-submit:hover{background:#1766e6;transform:translateY(-1px);box-shadow:0 16px 30px #2878ff42}.login-divider{color:#98a2b3;align-items:center;gap:24px;margin:32px 0 24px;font-size:15px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#d9e2f0;flex:1;height:1px}.login-socials{flex-direction:column;gap:14px;display:flex}.login-social-btn{color:#344054;background:#fff;border:1px solid #d9e2f0;border-radius:12px;justify-content:center;align-items:center;gap:18px;height:56px;font-size:16px;font-weight:500;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.login-social-btn:hover{border-color:#b9cff0;transform:translateY(-1px);box-shadow:0 10px 24px #234a7a14}.login-google-mark{background:conic-gradient(from -40deg, #4285f4 0 25%, #34a853 0 43%, #fbbc05 0 62%, #ea4335 0 82%, #4285f4 0 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Arial,sans-serif;font-size:22px;font-weight:800;line-height:1}.login-social-btn .fa-facebook{color:#1877f2;font-size:24px}.auth-page-login .login-footer{color:#667085;margin-top:26px;font-size:15px}.auth-page-login .login-footer a{color:#2878ff}.auth-page-register .login-form-side{padding-top:64px;padding-bottom:44px}.auth-page-register .login-form-logo,.auth-page-register .login-heading .subtitle{margin-bottom:36px}.auth-page-register .login-field{margin-bottom:20px}.auth-page-register .login-divider{margin:26px 0 20px}.auth-page-register .login-footer{margin-top:22px}@media (max-width:1200px){.auth-page-login .login-hero{padding:40px}.login-float-card{width:205px}.auth-page-login .login-form-side{flex-basis:48vw;min-width:500px;padding:48px}}@media (max-width:900px){.auth-page-login{display:block}.auth-page-login .login-hero{min-height:430px;padding:28px}.login-orbit{width:100%;height:390px;min-height:390px}.login-mascot{width:150px}.login-float-card{display:none}.login-info-card{width:min(520px,92%);padding:18px;bottom:0;left:50%;transform:translate(-50%)}.auth-page-login .login-form-side{box-shadow:none;border-left:0;border-radius:0;width:100%;min-width:0;min-height:auto;padding:42px 24px}}@media (max-width:560px){.auth-page-login .login-hero{min-height:320px;padding:18px}.login-orbit{height:290px;min-height:290px}.login-float-card,.login-info-card{display:none}.login-mascot{width:150px;top:50%}.login-orbit-ring-lg{width:230px;height:230px}.login-orbit-ring-sm{width:320px;height:320px}.auth-page-login .login-form-logo{margin-bottom:28px}.auth-page-login .auth-logo-text{font-size:24px}.auth-page-login .login-heading h1{font-size:34px}.auth-page-login .login-heading .subtitle{margin-bottom:32px}.login-form-options{flex-direction:column;align-items:flex-start;gap:12px}}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border-card);flex-direction:column;flex-shrink:0;display:flex}.sidebar .logo{border-bottom:1px solid var(--border-card);align-items:center;gap:10px;padding:18px 20px 16px;display:flex}.sidebar .logo-img{object-fit:contain;border-radius:8px;flex-shrink:0;width:32px;height:32px}.sidebar .logo-text{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.sidebar .logo-text span{color:var(--accent);font-weight:800}.sidebar nav{flex-direction:column;flex:1;gap:0;padding:8px 0;display:flex;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:14px 20px 4px;font-size:10px;font-weight:600}.sidebar .nav-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;margin:1px 8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.sidebar .nav-item:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:0;transition:height .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar .nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar .nav-item:hover .nav-icon{transform:scale(1.1)}.sidebar .nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar .nav-item.active:before{height:60%}.sidebar .nav-item.active .nav-icon{animation:.35s iconBounce}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:13px;transition:transform .15s}.sidebar-footer{border-top:1px solid var(--border-card);align-items:center;gap:8px;padding:12px 14px;display:flex}.sidebar-footer-user{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sidebar-footer-ava{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sidebar-footer-info{flex-direction:column;min-width:0;display:flex}.sidebar-footer-email{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.3;overflow:hidden}.sidebar-footer-conn{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;line-height:1.3;display:flex}.conn-dot-sm{background:var(--danger);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s}.conn-dot-sm.online{background:var(--success);box-shadow:0 0 6px #22c55e66}.sidebar-footer-actions{flex-shrink:0;gap:2px;display:flex}.sidebar-footer-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.sidebar-footer-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.main-content{background:radial-gradient(ellipse at 70% -20%, #72baff0f 0%, transparent 50%), var(--bg-primary);flex-direction:column;flex:1;padding:32px;display:flex;overflow-y:auto}.main-content h2{letter-spacing:-.3px;margin-bottom:24px;font-size:1.3rem;font-weight:600}.cnx-back{width:34px;height:34px;color:var(--text-secondary);background:var(--bg-hover);border-radius:8px;justify-content:center;align-items:center;font-size:13px;text-decoration:none;transition:all .12s;display:inline-flex}.cnx-back:hover{background:var(--bg-card);color:var(--accent)}.cnx-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.cnx-search{flex:0 240px;min-width:180px;position:relative}.cnx-search i{color:var(--text-muted);pointer-events:none;font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cnx-search input{width:100%;font-size:13px;font-family:var(--font-sans);background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 12px 8px 34px;transition:border-color .15s}.cnx-search input:focus{border-color:var(--accent)}.cnx-search input::placeholder{color:var(--text-muted)}.cnx-filters{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;gap:0;display:flex;overflow:hidden}.cnx-filter-pill{font-size:12.5px;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:7px 16px;transition:all .12s}.cnx-filter-pill:not(:last-child){border-right:1px solid var(--border-card)}.cnx-filter-pill:hover{color:var(--text-primary);background:var(--bg-hover)}.cnx-filter-pill.active{background:var(--accent);color:#fff;font-weight:600}.cnx-guide-btn{font-size:12.5px;font-weight:500;font-family:var(--font-sans);background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:7px 14px;transition:all .12s;display:flex}.cnx-guide-btn:hover{color:var(--accent);border-color:var(--accent-border)}.cnx-guide-btn i{font-size:13px}.cnx-error{color:var(--danger);background:#ef444412;border:1px solid #ef44442e;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.cnx-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.cnx-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex}.cnx-card:hover{border-color:var(--accent-border);box-shadow:0 2px 12px #72baff0f}.cnx-card-top{align-items:flex-start;gap:12px;display:flex}.cnx-card-logo{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.cnx-card-info{flex:1;min-width:0}.cnx-card-name{color:var(--text-primary);margin:0 0 2px;font-size:15px;font-weight:600;line-height:1.3}.cnx-card-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.cnx-badge{border:1px solid;border-radius:6px;align-items:center;width:fit-content;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.cnx-token-form{flex-direction:column;gap:0;display:flex}.cnx-input-wrap{background:var(--bg-input);border:1px solid var(--border-card);border-radius:8px;align-items:center;gap:0;transition:border-color .15s;display:flex;overflow:hidden}.cnx-input-wrap:focus-within{border-color:var(--accent)}.cnx-input{font-size:12.5px;font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 12px}.cnx-input::placeholder{color:var(--text-muted)}.cnx-input-submit{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:color .12s;display:flex}.cnx-input-submit:hover:not(:disabled){color:var(--accent)}.cnx-input-submit:disabled{opacity:.4;cursor:not-allowed}.cnx-card-action{margin-top:auto}.cnx-connect-btn{width:100%;font-size:13px;font-weight:600;font-family:var(--font-sans);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;transition:all .15s;display:inline-flex}.cnx-connect-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.cnx-connect-btn:active{transform:translateY(0)}.cnx-connect-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cnx-connect-btn i{font-size:10px;transition:transform .15s}.cnx-connect-btn:hover i{transform:translate(2px)}.cnx-bottom{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.cnx-bottom-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:20px}.cnx-bottom-header{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.cnx-bottom-header>i{color:var(--accent);margin-top:2px;font-size:16px}.cnx-bottom-header h3{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:600}.cnx-bottom-header p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.cnx-popular-list{flex-wrap:wrap;gap:10px;display:flex}.cnx-popular-item{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;transition:border-color .12s;display:flex}.cnx-popular-item:hover{border-color:var(--accent-border)}.cnx-popular-logo{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cnx-popular-name{color:var(--text-primary);font-size:13px;font-weight:600}.cnx-popular-badge{color:var(--text-muted);background:var(--bg-primary);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.cnx-steps{align-items:flex-start;gap:12px;display:flex}.cnx-step{flex:1;align-items:flex-start;gap:10px;display:flex}.cnx-step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.cnx-step strong{color:var(--text-primary);margin-bottom:2px;font-size:12.5px;font-weight:600;display:block}.cnx-step p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.4}.cnx-step-arrow{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding-top:6px;font-size:11px;display:flex}.cnx-footer-note{color:var(--text-muted);border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:6px;padding:14px 0;font-size:12px;display:flex}.cnx-footer-note i{font-size:13px}.cnx-footer-note a{color:var(--accent);margin-left:2px;font-weight:500;text-decoration:none}.cnx-footer-note a:hover{text-decoration:underline}@media (max-width:900px){.cnx-grid{grid-template-columns:repeat(2,1fr)}.cnx-bottom{grid-template-columns:1fr}.cnx-steps{flex-direction:column}.cnx-step-arrow{padding:0;transform:rotate(90deg)}}@media (max-width:600px){.cnx-grid{grid-template-columns:1fr}.cnx-toolbar{flex-direction:column;align-items:stretch}.cnx-search{flex:1}.cnx-guide-btn{margin-left:0}}.main-content:has(.inbox-v2-wrap){padding:0;overflow:hidden}.inbox-v2-wrap{flex:1;display:flex;overflow:hidden}.inbox-layout{background:var(--bg-primary);flex:1;height:100%;display:flex;overflow:hidden}.inbox-folders{background:var(--bg-card);border-right:1px solid var(--border-card);flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow-y:auto}.inbox-folders-header{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:8px;padding:14px 16px 8px;font-size:13px;font-weight:700;display:flex}.inbox-folder-list{flex-direction:column;gap:1px;padding:4px 8px;display:flex}.inbox-folder-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12.5px;font-weight:500;transition:all .12s;display:flex}.inbox-folder-item:hover{background:var(--bg-hover);color:var(--text-primary)}.inbox-folder-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.inbox-folder-item i{text-align:center;flex-shrink:0;width:16px;font-size:11px}.inbox-folder-count{text-align:center;background:var(--accent-soft);min-width:18px;color:var(--accent);font-feature-settings:"tnum";border-radius:9999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.inbox-folder-divider{background:var(--border-subtle);height:1px;margin:8px 16px}.inbox-unread-badge{background:var(--accent);color:#fff;text-align:center;border-radius:9999px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700;line-height:16px}[data-theme=light] .inbox-unread-badge{color:#fff}.inbox-dropdown{background:var(--bg-card);border:1px solid var(--border-card);z-index:10;border-radius:8px;min-width:160px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001f,0 1px 4px #0000000f}.inbox-dropdown-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;transition:background .1s;display:flex}.inbox-dropdown-item:hover{background:var(--bg-hover)}.conv-list{border-right:1px solid var(--border-card);background:var(--bg-card);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow-y:auto}.conv-list-header{border-bottom:1px solid var(--border-card);color:var(--text-primary);align-items:center;gap:8px;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.conv-search-wrap{border-bottom:1px solid var(--border-card);padding:8px 12px;position:relative}.conv-search-icon{color:var(--text-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.conv-search-input{background:var(--bg-hover)!important;border-color:#0000!important;border-radius:6px!important;padding-top:7px!important;padding-bottom:7px!important;padding-left:28px!important;font-size:12px!important}.conv-search-input:focus{border-color:var(--accent)!important;background:var(--bg-input)!important}.conv-list-body{flex:1;overflow-y:auto}.conv-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 18px;transition:background .1s;display:flex;position:relative}.conv-item:hover{background:var(--bg-hover)}.conv-item.active{background:var(--accent-soft);border-left:2px solid var(--accent)}.conv-item .avatar{background:var(--bg-hover);width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.conv-item .info{flex:1;min-width:0}.conv-item .name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden}.conv-item .preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11.5px;overflow:hidden}.conv-item .time{color:var(--text-muted);font-feature-settings:"tnum";flex-shrink:0;font-size:11px}.chat-area{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border-card);background:var(--bg-card);flex-shrink:0;align-items:center;gap:10px;padding:12px 20px;display:flex}.chat-header .name{font-size:14px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:6px;padding:20px;display:flex;overflow-y:auto}.msg-bubble{word-break:break-word;border-radius:12px;max-width:65%;padding:10px 14px;font-size:13px;line-height:1.6;animation:.2s ease-out msgSlide}.msg-bubble.in{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);border-radius:4px 12px 12px;align-self:flex-start}.msg-bubble.out{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--text-primary);border-radius:12px 12px 4px;align-self:flex-end}.msg-time{color:var(--text-muted);font-feature-settings:"tnum";margin-top:3px;font-size:10px}.chat-input-wrap{border-top:1px solid var(--border-card);background:var(--bg-card);flex-shrink:0;gap:8px;padding:12px 20px;display:flex}.chat-input-wrap input{flex:1}.chat-input-wrap .btn-primary{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;width:36px;height:36px;padding:0}.chat-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.inbox-filter-search{padding:8px 12px;position:relative}.inbox-filter-search i{color:var(--text-muted);font-size:11px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.inbox-filter-input{background:var(--bg-hover);width:100%;color:var(--text-primary);border:1px solid #0000;border-radius:6px;padding:7px 10px 7px 28px;font-size:12px}.inbox-filter-input:focus{border-color:var(--accent);background:var(--bg-input);outline:none}.conv-count-badge{background:var(--accent);color:#fff;font-feature-settings:"tnum";border-radius:9999px;margin-left:6px;padding:1px 8px;font-size:11px;font-weight:700}.conv-header-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex}.conv-header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.conv-tabs{border-bottom:1px solid var(--border-card);gap:0;padding:0 12px;display:flex}.conv-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:11.5px;font-weight:500;transition:all .12s}.conv-tab:hover{color:var(--text-primary)}.conv-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.chat-header-status{color:#22c55e;align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.chat-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.chat-header-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.chat-action-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .12s;display:flex}.chat-action-btn:hover{border-color:var(--accent-border);color:var(--accent)}.chat-action-btn i{font-size:11px}.chat-pingu-badge{background:var(--accent);color:#fff;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.chat-pingu-badge i{font-size:11px}.inbox-sidebar{background:var(--bg-card);border-left:1px solid var(--border-card);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow-y:auto}.inbox-sb-header{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.inbox-sb-header i{color:var(--text-muted);cursor:pointer;font-size:12px}.inbox-sb-profile{border-bottom:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.inbox-sb-avatar{color:#fff;background:linear-gradient(135deg,#4f8ef7,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.inbox-sb-name{color:var(--text-primary);font-size:14px;font-weight:600}.inbox-sb-badge{color:#4f8ef7;background:#4f8ef71a;border-radius:9999px;padding:2px 10px;font-size:11px;font-weight:600}.inbox-sb-details{border-bottom:1px solid var(--border-subtle);padding:12px 16px}.inbox-sb-row{color:var(--text-secondary);align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.inbox-sb-row i{text-align:center;width:14px;color:var(--text-muted);font-size:11px}.inbox-sb-row-muted{color:var(--text-muted);opacity:.7;font-style:italic}.inbox-sb-section{border-bottom:1px solid var(--border-subtle);padding:12px 16px}.inbox-sb-section:last-child{border-bottom:none}.inbox-sb-section-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.inbox-sb-add{color:var(--accent);cursor:pointer;font-size:11px;font-weight:500}.inbox-sb-tags{flex-wrap:wrap;gap:4px;display:flex}.inbox-sb-tag{border:1px solid;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.inbox-sb-note{color:var(--text-secondary);border-left:2px solid var(--accent);background:#4f8ef70a;border-radius:0 6px 6px 0;padding:8px 10px;font-size:12px;line-height:1.5}.inbox-sb-actions{flex-direction:column;gap:4px;display:flex}.inbox-sb-action{color:var(--text-secondary);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;font-weight:500;text-decoration:none;transition:all .1s;display:flex}.inbox-sb-action:hover{background:var(--bg-hover);color:var(--text-primary)}.inbox-sb-action i{text-align:center;width:14px;color:var(--accent);font-size:11px}.main-content>*{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:.82rem;font-weight:500;display:block}.form-group input,.form-group select{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);transition:border-color var(--transition);padding:12px}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #72baff14}select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b6b6b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:8px 12px;font-size:.85rem}select:focus{border-color:var(--accent);outline:none}:root{--db-bar:#22c55e;--db-bar-hover:#16a34a;--db-grid:#ffffff0f}[data-theme=light]{--db-bar:#86efac;--db-bar-hover:#22c55e;--db-grid:#0000000f}.v2-page-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.v2-title{letter-spacing:-.014em;margin:0;font-size:22px;font-weight:600;line-height:1.25}.v2-desc{color:var(--text-secondary);margin-top:2px;font-size:13px}.v2-actions{align-items:center;gap:8px;display:flex}.db-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.db-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.db-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.db-period{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.db-period-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .12s}.db-period-btn:hover{color:var(--text-primary)}.db-period-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #00000014}.db-kpi-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.db-kpi{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:18px 20px}.db-kpi-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.db-kpi-label{color:var(--text-secondary);font-size:13px;font-weight:500}.db-kpi-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.db-icon-blue{color:#4f8ef7;background:#4f8ef71f}.db-icon-green{color:#22c55e;background:#22c55e1f}.db-icon-purple{color:#8b5cf6;background:#8b5cf61f}.db-icon-orange{color:#f59e0b;background:#f59e0b1f}.db-kpi-value{letter-spacing:-.03em;color:var(--text-primary);font-feature-settings:"tnum";margin-bottom:8px;font-size:28px;font-weight:700;line-height:1}.db-kpi-foot{color:var(--text-muted);border-top:1px solid var(--border-subtle,var(--border));padding-top:8px;font-size:11.5px}.db-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;overflow:hidden}.db-card-header{justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.db-card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.db-card-title i{color:var(--text-muted);font-size:13px}.db-card-meta{color:var(--text-muted);font-size:12px}.db-card-meta strong{color:var(--accent)}.db-card-count{color:var(--text-muted);margin-left:6px;font-size:12px;font-weight:400}.db-card-link{color:var(--accent);font-size:12px;font-weight:500;text-decoration:none;transition:opacity .12s}.db-card-link:hover{opacity:.8}.db-card-body{padding:8px 20px 20px}.db-card-footer{color:var(--text-secondary);border-top:1px solid var(--border-subtle,var(--border));align-items:center;padding:12px 20px;font-size:12px;display:flex}.db-card-footer strong{color:var(--success,#22c55e)}.db-charts{grid-template-columns:3fr 2fr;gap:16px;margin-bottom:20px;display:grid}.db-bottom{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.db-donut-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.db-donut-num{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1}.db-donut-lbl{color:var(--text-muted);margin-top:2px;font-size:10px}.db-pie-layout{align-items:center;gap:24px;display:flex}.db-pie-wrap{flex-shrink:0;width:160px;height:160px;position:relative}.db-legend{flex-direction:column;flex:1;gap:10px;display:flex}.db-legend-item{align-items:center;gap:8px;font-size:13px;display:flex}.db-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.db-legend-name{color:var(--text-secondary);flex:1}.db-legend-val{color:var(--text-primary);font-feature-settings:"tnum";font-weight:600}.db-legend-pct{color:var(--text-muted);min-width:40px;font-size:11.5px}.db-actions-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.db-action-btn{color:var(--text-secondary);border:1px solid var(--border-card);background:0 0;border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.db-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-border)}.db-action-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.db-channel-list{flex-direction:column;display:flex}.db-ch-row{border-bottom:1px solid var(--border-subtle,var(--border));color:inherit;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;transition:background .1s;display:flex}.db-ch-row:last-child{border-bottom:0}.db-ch-row:hover{background:var(--bg-hover)}.db-ch-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;overflow:hidden}.db-ch-icon img{object-fit:contain;width:100%;height:100%}.db-ch-info{flex:1;min-width:0}.db-ch-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.db-ch-sub{color:var(--text-muted);margin-top:1px;font-size:11.5px}.db-ch-status{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.db-ch-dot{border-radius:50%;width:6px;height:6px}.db-ch-active{color:#22c55e;background:#22c55e14}.db-ch-active .db-ch-dot{background:#22c55e}.db-ch-off{color:var(--text-muted);background:var(--bg-hover)}.db-ch-off .db-ch-dot{background:var(--text-muted)}.v2-grid{gap:18px;margin-bottom:20px;display:grid}.v2-grid-2{grid-template-columns:1fr 1fr}.v2-grid-3-2{grid-template-columns:3fr 2fr}.v2-stat-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.v2-card{background:var(--bg-card,var(--bg-elev));border:1px solid var(--border-card,var(--border));border-radius:14px;overflow:hidden}.v2-card-hd{justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.v2-card-ttl{color:var(--text-primary,var(--text));align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.v2-card-ic{color:var(--text-secondary,var(--text-3));font-size:14px;display:inline-flex}.v2-card-sub{color:var(--text-muted,var(--text-3));margin-left:6px;font-size:12px;font-weight:400}.v2-card-bd{padding:10px 22px 20px}.v2-card-ft{border-top:1px solid var(--border-subtle,var(--border));color:var(--text-secondary,var(--text-3));justify-content:space-between;align-items:center;padding:12px 22px;font-size:12.5px;display:flex}.v2-card-ft b{color:var(--text-primary,var(--text))}.v2-btn-ghost{color:var(--text-secondary,var(--text-3));cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.v2-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary,var(--text))}.v2-btn-sm{background:var(--bg-card,var(--bg-elev));border:1px solid var(--border-card,var(--border));color:var(--text-primary,var(--text));cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.v2-btn-sm:hover{background:var(--bg-hover)}.v2-lst{flex-direction:column;display:flex}.v2-lst-row{border-bottom:1px solid var(--border-subtle,var(--border));cursor:pointer;min-height:50px;color:inherit;align-items:center;gap:12px;padding:10px 22px;text-decoration:none;transition:background .12s;display:flex}.v2-lst-row:last-child{border-bottom:0}.v2-lst-row:hover{background:var(--bg-hover)}.v2-lst-ttl{color:var(--text-primary,var(--text));font-size:13.5px;font-weight:500}.v2-lst-sub{color:var(--text-muted,var(--text-3));margin-top:1px;font-size:12px}.v2-lst-meta{color:var(--text-muted,var(--text-3));font-size:12px;font-family:var(--font-mono);flex-shrink:0}.v2-ava{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:inline-flex}.ava-brand{background:var(--accent-soft,#6366f11f);color:var(--accent,#6366f1)}.ava-info{color:#0891b2;background:#0891b21a}.ava-pink{color:#db2777;background:#ec48991a}.ava-amber{color:#d97706;background:#f59e0b1a}.ava-teal{color:#0d9488;background:#14b8a61a}[data-theme=light] .ava-brand{color:#4338ca;background:#eef2ff}[data-theme=light] .ava-info{color:#0e7490;background:#ecfeff}[data-theme=light] .ava-pink{color:#be185d;background:#fce7f3}[data-theme=light] .ava-amber{color:#b45309;background:#fef3c7}[data-theme=light] .ava-teal{color:#115e59;background:#ccfbf1}.v2-ch-ico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;overflow:hidden}.v2-ch-ico img{object-fit:contain;width:100%;height:100%}.v2-qa-btn{cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;text-decoration:none;transition:background .18s,transform .18s;display:flex}.v2-qa-btn:hover{background:var(--bg-hover,#0000000a);transform:translateY(-3px)}.v2-qa-ico{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:transform .18s;display:flex}.v2-qa-btn:hover .v2-qa-ico{transform:scale(1.1)}.v2-qa-lbl{color:var(--text-secondary,#64748b);text-align:center;font-size:11.5px;font-weight:600;line-height:1.3}.v2-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;height:20px;padding:2px 7px;font-size:11.5px;font-weight:500;display:inline-flex}.v2-badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.v2-badge-success{color:var(--success,#16a34a);background:#22c55e1a}.v2-badge-warn{color:var(--warning,#ca8a04);background:#f59e0b1a}.v2-badge-brand{background:var(--accent-soft,#6366f11a);color:var(--accent,#6366f1);white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;height:20px;padding:2px 7px;font-size:11.5px;font-weight:500;display:inline-flex}.v2-legend{flex-direction:column;flex:1;gap:10px;display:flex}.v2-legend-row{align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.v2-legend-sw{border-radius:3px;flex-shrink:0;width:10px;height:10px}.v2-legend-lbl{color:var(--text-secondary,var(--text-2));flex:1}.v2-legend-v{font-feature-settings:"tnum";color:var(--text-primary,var(--text));font-weight:600}.v2-legend-pct{color:var(--text-muted,var(--text-3));text-align:right;font-feature-settings:"tnum";min-width:38px;font-size:11.5px}.v2-empty{text-align:center;color:var(--text-muted,var(--text-3));flex-direction:column;align-items:center;gap:8px;padding:40px 24px;display:flex}.v2-empty-ico{background:var(--bg-hover,var(--bg-sunken));width:44px;height:44px;color:var(--text-muted,var(--text-3));border-radius:12px;justify-content:center;align-items:center;margin-bottom:4px;font-size:18px;display:flex}.v2-empty-t{color:var(--text-secondary,var(--text-2));font-size:14px;font-weight:600}.dashboard-loading{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.skeleton-card{border-radius:var(--radius-lg);background:var(--bg-card);background-image:linear-gradient(90deg, var(--bg-card) 0%, var(--bg-hover) 50%, var(--bg-card) 100%);background-size:200% 100%;height:90px;animation:1.5s infinite shimmer}.pg-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.pg-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.pg-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.pg-btn-add{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:filter .12s;display:inline-flex}.pg-btn-add:hover{filter:brightness(1.1)}.pg-list{flex-direction:column;gap:8px;display:flex}.pg-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:border-color .12s;display:flex}.pg-item:hover{border-color:var(--accent-border)}.pg-item-left{align-items:center;gap:12px;display:flex}.pg-item-icon{background:var(--bg-hover);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pg-item-info{flex-direction:column;gap:1px;display:flex}.pg-item-name{color:var(--text-primary);font-size:14px;font-weight:600}.pg-item-platform{font-size:12px;font-weight:500}.pg-item-right{align-items:center;gap:14px;display:flex}.pg-status{border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.pg-status-dot{border-radius:50%;width:6px;height:6px}.pg-status-on{color:var(--success);background:#22c55e1a}.pg-status-on .pg-status-dot{background:var(--success)}.pg-status-off{color:var(--text-muted);background:var(--bg-hover)}.pg-status-off .pg-status-dot{background:var(--text-muted)}.pg-ai-btn{border:1px solid var(--border-card);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .12s;display:inline-flex}.pg-ai-btn:hover{border-color:var(--accent-border)}.pg-ai-on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.pg-ai-on:hover{background:var(--accent);color:#fff}.pg-item-date{color:var(--text-muted);font-feature-settings:"tnum";min-width:70px;font-size:12px}.pg-item-actions{gap:2px;display:flex}.pg-act-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;text-decoration:none;transition:all .1s;display:inline-flex}.pg-act-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pg-act-danger:hover{color:var(--danger);background:#ef444414}.pg-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:60px 40px}.pg-empty-icon{background:var(--bg-hover);width:56px;height:56px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex}.pg-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.pg-empty-desc{color:var(--text-secondary);max-width:300px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:13px}.pg-section-title{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;margin:24px 0 10px;padding-bottom:8px;font-size:13px;font-weight:600;display:flex}.pg-section-title:first-of-type{margin-top:0}.pg-section-title i{color:var(--text-muted);font-size:12px}.pg-section-left{align-items:center;gap:8px;display:flex}.pg-section-count{background:var(--accent-soft);color:var(--accent);border-radius:9999px;padding:1px 7px;font-size:11px;font-weight:700}.pg-section-actions{gap:4px;display:flex}.pg-zalo-btn{border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .12s;display:flex}.pg-zalo-btn:hover{border-color:var(--accent-border);color:var(--accent)}.pg-zalo-btn i{font-size:11px}.pg-proxy-tag{color:#22c55e;background:#22c55e1a;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:600}.pg-error-hint{color:#ef4444;cursor:help;font-size:13px}.pg-act-connect:hover{color:var(--accent);background:var(--accent-soft)}.pg-zalo-empty{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-muted);border-radius:12px;align-items:center;gap:10px;padding:20px;font-size:13px;display:flex}.pg-zalo-empty i{font-size:18px}.pg-zalo-add-btn{color:#fff;cursor:pointer;background:#0068ff;border:none;border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:600;transition:filter .12s;display:flex}.pg-zalo-add-btn:hover{filter:brightness(1.1)}.pg-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;justify-content:center;align-items:center;animation:.12s pd-fade-in;display:flex;position:fixed;inset:0}.pg-modal{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;width:460px;max-width:94vw;max-height:85vh;animation:.15s pd-slide-up;overflow-y:auto;box-shadow:0 20px 60px #0003}.pg-modal-sm{width:380px}.pg-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pg-modal-title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.pg-modal-title i{color:var(--accent);font-size:14px}.pg-modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .12s;display:flex}.pg-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.pg-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.pg-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.pg-field{flex-direction:column;gap:4px;display:flex}.pg-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pg-label{color:var(--text-muted);font-size:12px;font-weight:500}.pg-required{color:#ef4444}.pg-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:13px;transition:border-color .12s}.pg-input::placeholder{color:var(--text-muted);opacity:.6}.pg-input:focus{border-color:var(--accent);background:var(--bg-card);outline:none}.pg-textarea{resize:vertical;font-family:var(--font-mono,monospace);font-size:12px}.pg-cancel-btn{color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .12s}.pg-cancel-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.pg-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:filter .12s;display:inline-flex}.pg-save-btn:hover{filter:brightness(1.1)}.pg-save-btn:disabled{opacity:.5;cursor:not-allowed}.pg-qr-display{text-align:center}.pg-qr-img{border:2px solid var(--border);border-radius:12px;width:240px;height:240px}.pg-qr-hint{color:var(--text-muted);margin-top:12px;font-size:13px}.pg-qr-waiting{color:var(--accent);justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.pg-pulse-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pg-pulse}@keyframes pg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.v2-btn-primary{background:var(--accent);color:#0a1628;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .12s;display:inline-flex}.v2-btn-primary:hover{filter:brightness(1.1);box-shadow:0 2px 12px var(--accent-glow)}.ap-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.ap-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.ap-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.ap-controls{align-items:center;gap:8px;display:flex}.ap-view-toggle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.ap-view-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.ap-view-btn:hover{color:var(--text-primary)}.ap-view-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #00000014}.ap-view-btn i{font-size:11px}.ap-nav{align-items:center;gap:2px;display:inline-flex}.ap-nav-btn{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .12s}.ap-nav-btn:hover{color:var(--text-primary);border-color:var(--accent-border)}.ap-nav-today{font-weight:600}.ap-cal{border:1px solid var(--border-card);background:var(--bg-card);border-radius:12px;grid-template-columns:56px repeat(7,1fr);display:grid;overflow:hidden}.ap-cal-corner{background:var(--bg-secondary);border-bottom:1px solid var(--border-card);border-right:1px solid var(--border-subtle)}.ap-cal-day-header{text-align:center;border-bottom:1px solid var(--border-card);background:var(--bg-secondary);flex-direction:column;align-items:center;gap:1px;padding:8px 6px;font-size:12px;display:flex}.ap-cal-day-header.ap-today{background:var(--accent-soft)}.ap-cal-wday{letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:500}.ap-cal-dnum{color:var(--text-primary);font-size:14px;font-weight:700}.ap-today .ap-cal-dnum{color:var(--accent)}.ap-cal-time{color:var(--text-muted);font-feature-settings:"tnum";text-align:center;border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);padding:6px 4px;font-size:11px}.ap-cal-cell{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);min-height:44px;padding:2px}.ap-cal-cell:last-child{border-right:none}.ap-cal-event{border-left:3px solid var(--accent);background:var(--accent-soft);cursor:pointer;border-radius:4px;margin-bottom:2px;padding:3px 6px;font-size:11px;transition:background .1s}.ap-cal-event:hover{filter:brightness(.95)}.ap-cal-ev-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.ap-cal-ev-customer{color:var(--text-muted);font-size:10px}.ap-st-pending{background:#f59e0b14;border-left-color:#f59e0b}.ap-st-confirmed{background:#22c55e14;border-left-color:#22c55e}.ap-st-completed{background:#6b728014;border-left-color:#6b7280}.ap-st-cancelled{opacity:.5;background:#ef444414;border-left-color:#ef4444}.ap-list{flex-direction:column;gap:8px;display:flex}.ap-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:border-color .12s;display:flex}.ap-item:hover{border-color:var(--accent-border)}.ap-item-cancelled{opacity:.5}.ap-item-left{align-items:center;gap:14px;display:flex}.ap-item-date-box{background:var(--bg-hover);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ap-item-day{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1}.ap-item-month{color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:500}.ap-item-info{flex-direction:column;gap:2px;display:flex}.ap-item-title{color:var(--text-primary);font-size:14px;font-weight:600}.ap-item-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.ap-item-meta i{font-size:10px}.ap-item-time{margin-left:6px}.ap-item-note{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;margin-top:2px;font-size:12px;overflow:hidden}.ap-item-right{align-items:center;gap:10px;display:flex}.ap-badge{border-radius:9999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.ap-badge.ap-st-pending{color:#f59e0b;background:#f59e0b1a}.ap-badge.ap-st-confirmed{color:#22c55e;background:#22c55e1a}.ap-badge.ap-st-completed{color:#6b7280;background:#6b72801a}.ap-badge.ap-st-cancelled{color:#ef4444;background:#ef44441a}.ap-item-actions{gap:4px;display:flex}.ap-act-btn{border:1px solid var(--border-card);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .12s}.ap-act-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.ap-act-btn:disabled{opacity:.5;cursor:not-allowed}.ap-act-confirm{color:#22c55e;border-color:#22c55e4d}.ap-act-confirm:hover{background:#22c55e1a}.ap-act-cancel{color:#ef4444;border-color:#ef444433}.ap-act-cancel:hover{background:#ef444414}.ap-act-delete{color:var(--text-muted);background:0 0;border:none;padding:4px 6px}.ap-act-delete:hover{color:#ef4444}.ap-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:60px 40px}.ap-empty-icon{background:var(--bg-hover);width:56px;height:56px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex}.ap-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.ap-empty-desc{color:var(--text-secondary);font-size:13px}.ap-popup-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.ap-popup{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;width:420px;max-width:90vw;animation:.2s ease-out slideUp;box-shadow:0 16px 48px #00000040}.ap-popup-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ap-popup-title{color:var(--text-primary);font-size:15px;font-weight:700}.ap-popup-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .12s;display:flex}.ap-popup-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ap-popup-body{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.ap-popup-row{align-items:flex-start;gap:12px;display:flex}.ap-popup-label{width:80px;color:var(--text-muted);flex-shrink:0;padding-top:2px;font-size:12px;font-weight:500}.ap-popup-value{color:var(--text-primary);font-size:13px;line-height:1.4}.ap-popup-actions{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:6px;padding:14px 20px;display:flex}.ap-popup-actions .ap-act-btn{align-items:center;gap:4px;padding:6px 14px;font-size:12px;display:inline-flex}.pd-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.pd-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.pd-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.pd-actions{align-items:center;gap:6px;display:flex}.pd-select{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%236b6b6b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:8px;padding:6px 28px 6px 10px;font-size:12px;font-weight:500}.pd-select:focus{border-color:var(--accent)}.pd-action-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.pd-action-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.pd-action-btn i{font-size:11px}.pd-add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;transition:filter .12s;display:inline-flex}.pd-add-btn:hover{filter:brightness(1.1)}.pd-add-btn:disabled{opacity:.5;cursor:not-allowed}.pd-cat-tabs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;gap:2px;margin-bottom:16px;padding:3px;display:inline-flex}.pd-cat-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .12s;display:flex}.pd-cat-tab:hover{color:var(--text-primary)}.pd-cat-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #00000014}.pd-cat-count{font-feature-settings:"tnum";background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:1px 5px;font-size:10px}.pd-import-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;margin-bottom:16px;padding:16px 18px}.pd-import-header{align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.pd-import-hint{color:var(--text-muted);margin-bottom:8px;font-size:12px}.pd-import-hint code{background:var(--bg-hover);border-radius:4px;padding:2px 6px;font-size:11px}.pd-import-file{font-size:12px}.pd-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;justify-content:center;align-items:center;padding:24px;animation:.15s pd-fade-in;display:flex;position:fixed;inset:0}@keyframes pd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pd-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pd-modal{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:calc(100vh - 48px);animation:.2s pd-slide-up;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026}.pd-modal-body{flex:1;overflow-y:auto}.pd-form-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pd-form-title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.pd-form-title i{color:var(--accent);font-size:14px}.pd-form-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .1s;display:flex}.pd-form-close:hover{background:var(--bg-hover);color:var(--text-primary)}.pd-form-section{padding:16px 20px}.pd-form-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600}.pd-form-divider{background:var(--border-subtle);height:1px}.pd-form-grid{gap:12px;margin-bottom:12px;display:grid}.pd-form-2col{grid-template-columns:1fr 1fr}.pd-form-3col{grid-template-columns:1fr 1fr 1fr}.pd-form-4col{grid-template-columns:1fr 1fr 1fr 1fr}.pd-field{flex-direction:column;gap:4px;display:flex}.pd-label{color:var(--text-muted);font-size:12px;font-weight:500}.pd-required{color:var(--danger)}.pd-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:13px;transition:border-color .12s}.pd-input::placeholder{color:var(--text-muted);opacity:.6}.pd-input:focus{border-color:var(--accent);background:var(--bg-card);outline:none}.pd-input:disabled{opacity:.5;cursor:not-allowed}.pd-textarea{resize:vertical;min-height:60px;font-family:inherit}.pd-form-footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.pd-form-cancel{color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .12s}.pd-form-cancel:hover{border-color:var(--accent-border);color:var(--text-primary)}.pd-form-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:filter .12s;display:inline-flex}.pd-form-submit:hover{filter:brightness(1.1)}.pd-form-submit:disabled{opacity:.5;cursor:not-allowed}.pd-form-submit i{font-size:12px}.pd-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.pd-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;flex-direction:column;transition:border-color .12s;display:flex;overflow:hidden}.pd-card:hover{border-color:var(--accent-border)}.pd-card-oos{opacity:.5}.pd-card-img{background:var(--bg-hover);height:80px;color:var(--text-muted);opacity:.4;justify-content:center;align-items:center;font-size:28px;display:flex}.pd-card-body{flex:1;padding:16px}.pd-card-top{margin-bottom:8px}.pd-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.pd-card-sku{color:var(--text-muted);font-feature-settings:"tnum";margin-top:2px;font-size:11px;display:block}.pd-card-price{color:var(--text-primary);margin-bottom:10px;font-size:16px;font-weight:700}.pd-card-unit{color:var(--text-muted);font-size:11px;font-weight:400}.pd-card-badges{flex-wrap:wrap;gap:6px;display:flex}.pd-badge{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border);border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:600}.pd-badge-in{color:var(--success);background:#22c55e1a;border-color:#22c55e33}.pd-badge-out{color:var(--danger);background:#ef44441a;border-color:#ef444433}.pd-card-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:4px;padding:10px 16px;display:flex}.pd-card-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .1s;display:inline-flex}.pd-card-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pd-card-btn-danger:hover{color:var(--danger);background:#ef444414}.pd-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:60px 40px}.pd-empty-icon{background:var(--bg-hover);width:56px;height:56px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex}.pd-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.pd-empty-desc{color:var(--text-secondary);font-size:13px}@media (max-width:768px){.pd-form-3col,.pd-form-4col{grid-template-columns:1fr}.pd-actions{flex-wrap:wrap}}.pd-stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.pd-stat{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;align-items:center;gap:12px;padding:16px 18px;display:flex}.pd-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.pd-stat-blue{color:#4f8ef7;background:#4f8ef71f}.pd-stat-green{color:#22c55e;background:#22c55e1f}.pd-stat-orange{color:#f59e0b;background:#f59e0b1f}.pd-stat-red{color:#ef4444;background:#ef44441f}.pd-stat-label{color:var(--text-muted);margin-bottom:2px;font-size:12px}.pd-stat-value{color:var(--text-primary);font-feature-settings:"tnum";font-size:22px;font-weight:700}.pd-filter-bar{background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.pd-search-wrap{flex:1;min-width:180px;position:relative}.pd-search-wrap i{color:var(--text-muted);font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pd-search{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:6px;padding:7px 10px 7px 30px;font-size:12px}.pd-search:focus{border-color:var(--accent);outline:none}.pd-view-toggle{border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.pd-view-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:12px;display:flex}.pd-view-btn.active{background:var(--accent);color:#fff}.pd-view-btn+.pd-view-btn{border-left:1px solid var(--border)}.pd-card-img{height:140px}.pd-card-sku{color:var(--text-muted);font-feature-settings:"tnum";margin-top:6px;font-size:11px}.pd-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:14px 0;display:flex}.pd-page-info{color:var(--text-muted);font-size:12px}.pd-page-controls{align-items:center;gap:4px;display:flex}.pd-page-btn{border:1px solid var(--border-card);background:var(--bg-card);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .1s;display:flex}.pd-page-btn:disabled{opacity:.4;cursor:not-allowed}.pd-page-btn:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent)}.pd-page-num{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.pd-page-num.active{background:var(--accent);color:#fff;border-radius:50%;font-weight:600}.pd-page-num:hover:not(.active){background:var(--bg-hover)}.pd-page-dots{color:var(--text-muted);padding:0 4px;font-size:12px}@media (max-width:768px){.pd-stats-row{grid-template-columns:repeat(2,1fr)}.pd-filter-bar{flex-direction:column}}.bv-page{min-height:calc(100vh - var(--header-h));gap:0;display:flex}.bv-page.bv-with-detail .bv-main{flex:1;min-width:0}.bv-main{flex-direction:column;flex:1;gap:20px;display:flex}.bv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.bv-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.bv-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.bv-create-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 22px;font-size:13px;font-weight:600;transition:filter .12s;display:inline-flex}.bv-create-btn:hover{filter:brightness(1.1)}.bv-stats{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.bv-stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.bv-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;display:flex}.bv-si-blue{color:#4f8ef7;background:#4f8ef71f}.bv-si-accent{background:var(--accent-soft);color:var(--accent)}.bv-si-green{color:#22c55e;background:#22c55e1f}.bv-si-orange{color:#f59e0b;background:#f59e0b1f}.bv-si-red{color:#ef4444;background:#ef44441a}.bv-stat-info{flex-direction:column;display:flex}.bv-stat-label{color:var(--text-muted);font-size:12px;font-weight:500}.bv-stat-value{color:var(--text-primary);font-feature-settings:"tnum";font-size:24px;font-weight:700;line-height:1.3}.bv-stat-trend{align-items:center;gap:4px;font-size:11px;display:flex}.bv-stat-trend i{font-size:9px}.bv-trend-up{color:#22c55e}.bv-trend-down{color:#ef4444}.bv-stat-sub{color:var(--text-muted);font-size:11px}.bv-tabs{border-bottom:1px solid var(--border-subtle);gap:4px;display:flex}.bv-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.bv-tab:hover{color:var(--text-primary)}.bv-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.bv-tab-count{background:var(--bg-hover);color:var(--text-muted);border-radius:9999px;padding:1px 7px;font-size:11px;font-weight:600}.bv-tab.active .bv-tab-count{background:var(--accent-soft);color:var(--accent)}.bv-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bv-search-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.bv-search-wrap i{color:var(--text-muted);font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.bv-search{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:8px;padding:8px 12px 8px 32px;font-size:13px;transition:border-color .12s}.bv-search:focus{border-color:var(--accent);outline:none}.bv-filter-select{border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b6b6b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;padding:8px 28px 8px 12px;font-size:13px}.bv-table-wrap{overflow-x:auto}.bv-table{border-collapse:separate;border-spacing:0;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;width:100%;overflow:hidden}.bv-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);text-align:left;border-bottom:1px solid var(--border-subtle);padding:12px 16px;font-size:11px;font-weight:600}.bv-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:14px 16px;font-size:13px}.bv-table tbody tr:last-child td{border-bottom:none}.bv-table tbody tr:hover{background:var(--bg-hover)}.bv-row-active{background:var(--accent-soft)!important}.bv-campaign-cell{flex-direction:column;gap:2px;display:flex}.bv-campaign-name{color:var(--text-primary);font-size:13px;font-weight:600}.bv-campaign-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;overflow:hidden}.bv-campaign-id{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);opacity:.7}.bv-channel-badge{align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.bv-status{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.bv-status i{font-size:10px}.bv-st-warn{color:#f59e0b;background:#f59e0b1a}.bv-st-info{color:var(--accent);background:var(--accent-soft)}.bv-st-sched{color:#f59e0b;background:#f59e0b14}.bv-st-success{color:#22c55e;background:#22c55e1a}.bv-st-danger{color:#ef4444;background:#ef444414}.bv-st-draft{color:var(--text-muted);background:var(--bg-hover)}.bv-time-cell{flex-direction:column;gap:1px;display:flex}.bv-time-sub{color:var(--text-muted);font-size:11px}.bv-audience-cell{flex-direction:column;gap:1px;display:flex}.bv-audience-val{font-feature-settings:"tnum";font-weight:600}.bv-audience-sub{color:var(--text-muted);font-size:11px}.bv-progress-cell{flex-direction:column;gap:4px;min-width:140px;display:flex}.bv-progress-nums{font-feature-settings:"tnum";gap:12px;display:flex}.bv-p-sent{color:var(--accent);font-weight:600}.bv-p-fail{color:#ef4444;font-weight:600}.bv-p-total{color:var(--text-muted)}.bv-progress-labels{color:var(--text-muted);gap:12px;font-size:10px;display:flex}.bv-progress-bar{background:var(--bg-hover);border-radius:2px;height:4px;overflow:hidden}.bv-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.bv-progress-pct{color:var(--text-muted);font-size:11px}.bv-actions{align-items:center;gap:6px;display:flex}.bv-act-btn{border:1px solid var(--border-card);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:500;transition:all .12s}.bv-act-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.bv-act-dots{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex}.bv-act-dots:hover{background:var(--bg-hover);color:var(--text-primary)}.bv-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.bv-page-info{color:var(--text-muted);font-size:12px}.bv-page-btns{align-items:center;gap:4px;display:flex}.bv-page-btn{border:1px solid var(--border);background:var(--bg-card);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:13px;transition:all .12s;display:flex}.bv-page-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.bv-page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.bv-page-btn:disabled{opacity:.4;cursor:not-allowed}.bv-page-btn i{font-size:10px}.bv-page-dots{color:var(--text-muted);padding:0 4px;font-size:12px}.bv-page-total{color:var(--text-muted);margin-left:8px;font-size:12px}.bv-detail{background:var(--bg-card);border-left:1px solid var(--border-card);flex-direction:column;flex-shrink:0;width:340px;margin:-24px -24px -24px 20px;padding:0;display:flex;overflow-y:auto}.bv-detail-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.bv-detail-title{color:var(--text-primary);font-size:14px;font-weight:600}.bv-detail-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex}.bv-detail-close:hover{background:var(--bg-hover);color:var(--text-primary)}.bv-detail-tabs{border-bottom:1px solid var(--border-subtle);display:flex}.bv-dtab{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:12px;font-weight:500;transition:all .12s}.bv-dtab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.bv-detail-body{flex-direction:column;gap:18px;padding:18px;display:flex}.bv-detail-preview{background:var(--bg-secondary);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.bv-detail-preview-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.4}.bv-detail-meta{flex-direction:column;gap:10px;display:flex}.bv-detail-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.bv-detail-lbl{color:var(--text-primary);font-size:13px;font-weight:600}.bv-detail-key{color:var(--text-muted);font-size:12px}.bv-detail-val{color:var(--text-primary);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.bv-detail-chart{flex-direction:column;gap:12px;display:flex}.bv-donut-wrap{width:120px;height:120px;margin:0 auto;position:relative}.bv-donut{width:100%;height:100%}.bv-donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bv-donut-pct{color:var(--text-primary);font-size:20px;font-weight:700}.bv-donut-sub{color:var(--text-muted);font-size:10px}.bv-donut-legend{flex-direction:column;gap:6px;display:flex}.bv-legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.bv-legend-item strong{color:var(--text-primary);margin-left:auto;font-weight:600}.bv-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.bv-detail-report{text-align:center;color:#ef4444;cursor:pointer;background:#ef44440f;border:1px solid #ef444426;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:600;display:flex}.bv-detail-report:hover{background:#ef44441a}.bv-detail-content-box{background:var(--bg-secondary);color:var(--text-primary);white-space:pre-wrap;border-radius:10px;padding:14px;font-size:13px;line-height:1.6}.bv-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:60px 40px}.bv-empty-icon{background:var(--bg-hover);width:56px;height:56px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex}.bv-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.bv-empty-desc{color:var(--text-secondary);font-size:13px}.bc-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;justify-content:center;align-items:center;padding:24px;animation:.15s pd-fade-in;display:flex;position:fixed;inset:0}.bc-modal{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;width:100%;max-width:500px;animation:.2s pd-slide-up;overflow:hidden;box-shadow:0 20px 60px #00000026}.bc-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bc-modal-title{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.bc-modal-title i{color:var(--accent);font-size:14px}.bc-modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .1s;display:flex}.bc-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.bc-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.bc-field{flex-direction:column;gap:4px;display:flex}.bc-label{color:var(--text-muted);font-size:12px;font-weight:500}.bc-required{color:var(--danger)}.bc-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:13px;transition:border-color .12s}.bc-input::placeholder{color:var(--text-muted);opacity:.6}.bc-input:focus{border-color:var(--accent);background:var(--bg-card);outline:none}.bc-textarea{resize:vertical;min-height:80px;font-family:inherit}.bc-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.bc-cancel-btn{color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .12s}.bc-cancel-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.bc-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:filter .12s;display:inline-flex}.bc-submit-btn:hover{filter:brightness(1.1)}.bc-submit-btn:disabled{opacity:.5;cursor:not-allowed}.bc-submit-btn i{font-size:12px}.kw-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.kw-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.kw-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.kw-add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;transition:filter .12s;display:inline-flex}.kw-add-btn:hover{filter:brightness(1.1)}.kw-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;justify-content:center;align-items:center;padding:24px;animation:.15s pd-fade-in;display:flex;position:fixed;inset:0}.kw-modal{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;width:100%;max-width:480px;animation:.2s pd-slide-up;overflow:hidden;box-shadow:0 20px 60px #00000026}.kw-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.kw-modal-title{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.kw-modal-title i{color:var(--accent);font-size:14px}.kw-modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .1s;display:flex}.kw-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.kw-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.kw-field{flex-direction:column;gap:4px;display:flex}.kw-label{color:var(--text-muted);font-size:12px;font-weight:500}.kw-required{color:var(--danger)}.kw-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:13px;transition:border-color .12s}.kw-input::placeholder{color:var(--text-muted);opacity:.6}.kw-input:focus{border-color:var(--accent);background:var(--bg-card);outline:none}.kw-textarea{resize:vertical;min-height:60px;font-family:inherit}.kw-match-options{gap:6px;display:flex}.kw-match-opt{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .12s;display:flex}.kw-match-opt:hover{border-color:var(--accent-border)}.kw-match-opt.active{background:var(--accent-soft);color:var(--accent);border-color:#72baff4d;font-weight:600}.kw-match-opt i{font-size:11px}.kw-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.kw-cancel-btn{color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .12s}.kw-cancel-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.kw-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:filter .12s;display:inline-flex}.kw-save-btn:hover{filter:brightness(1.1)}.kw-save-btn:disabled{opacity:.5;cursor:not-allowed}.kw-save-btn i{font-size:12px}.kw-list{flex-direction:column;gap:8px;display:flex}.kw-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;transition:border-color .12s;display:flex}.kw-item:hover{border-color:var(--accent-border)}.kw-item-off{opacity:.45}.kw-item-left{flex:1;min-width:0}.kw-item-keyword{align-items:center;gap:8px;margin-bottom:4px;display:flex}.kw-code{background:var(--bg-hover);color:var(--text-primary);font-size:13px;font-weight:600;font-family:var(--font-mono,monospace);border-radius:6px;padding:2px 10px}.kw-match-badge{background:var(--bg-hover);color:var(--text-muted);border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:600}.kw-match-exact{color:var(--accent);background:var(--accent-soft)}.kw-item-response{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.kw-item-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.kw-toggle{background:var(--bg-hover);border:1px solid var(--border);cursor:pointer;border-radius:10px;width:36px;height:20px;padding:2px;transition:all .2s;position:relative}.kw-toggle-on{background:#22c55e33;border-color:#22c55e4d}.kw-toggle-dot{background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:all .2s;display:block}.kw-toggle-on .kw-toggle-dot{background:#22c55e;transform:translate(16px)}.kw-icon-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .1s;display:inline-flex}.kw-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.kw-icon-danger:hover{color:var(--danger);background:#ef444414}.kw-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:60px 40px}.kw-empty-icon{background:var(--bg-hover);width:56px;height:56px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex}.kw-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.kw-empty-desc{color:var(--text-secondary);font-size:13px}.qt-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.qt-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.qt-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.qt-export-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.qt-export-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.qt-info-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;margin-bottom:16px;padding:18px 20px}.qt-info-title{align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.qt-info-title i{color:var(--accent)}.qt-info-steps{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.qt-step{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.qt-step-num{background:var(--accent-soft);width:20px;height:20px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.qt-info-hint{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.qt-info-hint i{color:#f59e0b;font-size:11px}.qt-list{flex-direction:column;gap:8px;display:flex}.qt-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:border-color .12s;display:flex}.qt-item:hover{border-color:var(--accent-border)}.qt-item-left{align-items:center;gap:12px;min-width:0;display:flex}.qt-item-icon{background:var(--bg-hover);width:36px;height:36px;color:var(--text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.qt-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.qt-item-name{color:var(--text-primary);font-size:14px;font-weight:600}.qt-item-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.qt-item-unconfigured{color:var(--text-muted);font-style:italic}.qt-item-vat{font-feature-settings:"tnum"}.qt-item-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.qt-badge{border-radius:9999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.qt-badge-custom{color:#f59e0b;background:#f59e0b1a}.qt-badge-default{color:var(--text-muted);background:var(--bg-hover)}.qt-badge-on{color:#22c55e;background:#22c55e1a}.qt-badge-off{color:var(--text-muted);background:var(--bg-hover)}.qt-item-actions{gap:4px;display:flex}.qt-act-btn{border:1px solid var(--border-card);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .12s;display:inline-flex}.qt-act-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.qt-act-btn:disabled{opacity:.5;cursor:not-allowed}.qt-act-ai{color:var(--accent);border-color:#72baff4d}.qt-act-ai:hover{background:var(--accent-soft)}.qt-fullscreen{z-index:1000;background:var(--bg-card);flex-direction:column;display:flex;position:fixed;inset:0}.qt-fullscreen-header{border-bottom:1px solid var(--border-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.qt-fullscreen-title{align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.qt-fullscreen-title i{color:var(--accent)}.qt-fullscreen-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.qt-fullscreen-close{background:var(--bg-hover);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .1s;display:flex}.qt-fullscreen-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.qt-preview-area{background:var(--bg-secondary);flex:1;padding:20px;overflow:hidden}.qt-preview-iframe{background:#fff;border:none;border-radius:8px;width:100%;height:100%;display:block;box-shadow:0 4px 12px #00000014}.qt-editor-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;padding:20px;animation:.15s pd-fade-in;display:flex;position:fixed;inset:0}.qt-editor-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;flex-direction:column;width:100%;max-width:1100px;height:calc(100vh - 80px);animation:.2s pd-slide-up;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e}.qt-editor-header{border-bottom:1px solid var(--border-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.qt-editor-header-left{align-items:center;gap:12px;display:flex}.qt-editor-header-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;font-size:15px;display:flex}.qt-editor-header-title{color:var(--text-primary);font-size:15px;font-weight:600}.qt-editor-header-page{color:var(--text-muted);align-items:center;gap:4px;margin-top:1px;font-size:12px;display:flex}.qt-editor-body{flex:1;display:flex;overflow:hidden}.qt-editor-left{border-right:1px solid var(--border-card);flex-direction:column;gap:10px;width:340px;padding:16px;display:flex;overflow-y:auto}.qt-editor-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.qt-editor-hints{background:var(--bg-secondary);border-radius:8px;padding:10px 12px}.qt-editor-hints-title{color:var(--text-muted);align-items:center;gap:5px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.qt-editor-hints-title i{color:#f59e0b;font-size:10px}.qt-editor-hints-list{color:var(--text-secondary);margin:0;padding:0;font-size:12px;list-style:none}.qt-editor-hints-list li{padding:1px 0}.qt-editor-hints-list li:before{content:"•";color:var(--text-muted);margin-right:6px}.qt-editor-textarea{border:1px solid var(--border);background:var(--bg-secondary);min-height:80px;color:var(--text-primary);resize:none;border-radius:8px;flex:1;padding:12px;font-family:inherit;font-size:13px}.qt-editor-textarea::placeholder{color:var(--text-muted);opacity:.6}.qt-editor-textarea:focus{border-color:var(--accent);background:var(--bg-card);outline:none}.qt-editor-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:filter .12s;display:flex}.qt-editor-send:hover{filter:brightness(1.1)}.qt-editor-send:disabled{opacity:.5;cursor:not-allowed}.qt-editor-send i{font-size:12px}.qt-editor-divider{background:var(--border-subtle);height:1px}.qt-editor-save-group{gap:6px;display:flex}.qt-editor-save{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.qt-editor-save:disabled{opacity:.5;cursor:not-allowed}.qt-editor-reset{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.qt-editor-reset:hover{border-color:var(--accent-border)}.qt-editor-reset:disabled{opacity:.5}.qt-editor-warning{color:#f59e0b;align-items:center;gap:5px;font-size:12px;display:flex}.qt-editor-warning i{font-size:11px}.qt-editor-right{flex-direction:column;flex:1;display:flex;overflow:hidden}.qt-editor-preview-label{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:500;display:flex}.qt-editor-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.qt-dot-green{background:#22c55e}.qt-dot-blue{background:var(--accent)}.qt-dot-gray{background:var(--text-muted);opacity:.4}.qt-editor-preview-area{background:var(--bg-secondary);flex:1;overflow:auto}.qt-editor-preview-wrap{box-sizing:border-box;height:100%;padding:16px}.qt-editor-preview-wrap .qt-preview-iframe{border-radius:8px;box-shadow:0 2px 8px #0000000f}.qt-editor-preview-empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.qt-editor-preview-empty-icon{background:var(--bg-hover);width:52px;height:52px;color:var(--text-muted);opacity:.4;border-radius:14px;justify-content:center;align-items:center;margin-bottom:4px;font-size:20px;display:flex}.qt-editor-preview-empty-title{color:var(--text-primary);font-size:14px;font-weight:600}.qt-editor-preview-empty-desc{color:var(--text-secondary);font-size:12px}.qt-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:60px 40px}.qt-empty-icon{background:var(--bg-hover);width:56px;height:56px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex}.qt-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.qt-empty-desc{color:var(--text-secondary);font-size:13px}.ais-page{flex-direction:column;gap:20px;padding-bottom:80px;display:flex}.ais-loading{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:60px;font-size:14px;display:flex}.ais-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ais-header-left{align-items:center;gap:16px;display:flex}.ais-back-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.ais-back-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.ais-back-btn i{font-size:10px}.ais-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.ais-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:13px}.ais-help-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.ais-help-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.ais-row-2{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.ais-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;overflow:hidden}.ais-card-accent{border-color:#6366f140}.ais-card-head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:16px 22px;display:flex}.ais-card-icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.ais-icon-green{color:#22c55e;background:#22c55e1a}.ais-icon-purple{color:#8b5cf6;background:#8b5cf61a}.ais-icon-orange{color:#f59e0b;background:#f59e0b1a}.ais-card-icon-emoji{font-size:20px;line-height:1}.ais-card-label{color:var(--text-primary);font-size:14px;font-weight:600}.ais-card-body{flex-direction:column;gap:16px;padding:22px;display:flex}.ais-toggle-row{align-items:center;gap:12px;display:flex}.ais-toggle-text{color:var(--text-primary);font-size:15px;font-weight:600}.ais-toggle-emojis{font-size:18px;line-height:1}.ais-toggle{background:var(--bg-hover);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-shrink:0;width:52px;height:28px;padding:3px;transition:all .2s;position:relative}.ais-toggle.on{background:#22c55e33;border-color:#22c55e66}.ais-toggle-dot{background:var(--text-muted);border-radius:50%;width:20px;height:20px;transition:all .2s;display:block}.ais-toggle.on .ais-toggle-dot{background:#22c55e;transform:translate(24px)}.ais-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.ais-chat-body{gap:14px}.ais-chat-row{gap:10px;display:flex}.ais-chat-left{justify-content:flex-start}.ais-chat-right{justify-content:flex-end}.ais-chat-col{flex-direction:column;gap:3px;max-width:80%;display:flex}.ais-chat-right .ais-chat-col{align-items:flex-end}.ais-chat-name{color:var(--text-muted);font-size:12px;font-weight:600}.ais-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.ais-avatar-cust{background:#8b5cf6}.ais-avatar-bot{background:var(--accent);color:#0a1628}.ais-bubble{color:var(--text-primary);border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.6}.ais-bubble-cust{background:var(--bg-hover);border:1px solid var(--border-subtle);border-bottom-left-radius:4px}.ais-bubble-bot{background:var(--accent-soft);border:1px solid var(--accent-border);border-bottom-right-radius:4px}.ais-chat-time{color:var(--text-muted);font-size:11px}.ais-persona-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ais-field{flex-direction:column;gap:6px;display:flex}.ais-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.ais-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;width:100%;padding:9px 12px;font-size:13px;transition:border-color .12s}.ais-input::placeholder{color:var(--text-muted);opacity:.6}.ais-input:focus{border-color:var(--accent);background:var(--bg-card);outline:none}.ais-chips{flex-wrap:wrap;gap:6px;display:flex}.ais-chip{border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.ais-chip:hover{border-color:var(--accent-border);color:var(--text-primary)}.ais-chip.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.ais-trigger-section{border-top:1px solid var(--border-subtle);padding-top:16px}.ais-trigger-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.ais-trigger-item{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.ais-trigger-item input[type=radio]{accent-color:var(--accent)}.ais-textarea{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);resize:vertical;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.6;transition:border-color .12s}.ais-textarea::placeholder{color:var(--text-muted);opacity:.6}.ais-textarea:focus{border-color:var(--accent);background:var(--bg-card);outline:none}.ais-textarea-lg{min-height:200px}.ais-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.ais-prompt-gen{flex-direction:column;gap:14px;display:flex}.ais-gen-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-self:flex-end;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:600;transition:filter .12s;display:inline-flex}.ais-gen-btn:hover{filter:brightness(1.1)}.ais-gen-btn:disabled{opacity:.5;cursor:not-allowed}.ais-footer{bottom:0;left:var(--sidebar-w);background:var(--bg-card);border-top:1px solid var(--border-card);z-index:50;justify-content:flex-end;align-items:center;gap:10px;padding:14px 32px;display:flex;position:fixed;right:0}.ais-footer-actions{align-items:center;gap:10px;display:flex}.ais-footer-btn{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.ais-btn-outline{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-card)}.ais-btn-outline:hover{border-color:var(--accent-border);color:var(--text-primary)}.ais-btn-primary{background:var(--accent);color:#fff;border:none}.ais-btn-primary:hover{filter:brightness(1.1)}.ais-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ais-saved-toast{color:#22c55e;align-items:center;gap:6px;font-size:13px;font-weight:500;animation:.15s pd-fade-in;display:flex}.tm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:4px;display:flex}.tm-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.tm-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.tm-invite-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:filter .12s;display:inline-flex}.tm-invite-btn:hover{filter:brightness(1.1)}.tm-tabs{border-bottom:1px solid var(--border-subtle);gap:0;margin-bottom:16px;display:flex}.tm-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 20px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.tm-tab:hover{color:var(--text-primary)}.tm-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tm-tab i{font-size:12px}.tm-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.tm-search-wrap{flex:1;min-width:180px;max-width:280px;position:relative}.tm-search-wrap i{color:var(--text-muted);font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tm-search{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:8px;padding:8px 12px 8px 32px;font-size:13px;transition:border-color .12s}.tm-search:focus{border-color:var(--accent);outline:none}.tm-filter-select{border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b6b6b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;min-width:100px;padding:8px 28px 8px 12px;font-size:13px}.tm-filter-date{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.tm-filter-date i{color:var(--text-muted);font-size:12px}.tm-export-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.tm-export-btn:hover{border-color:var(--accent-border);color:var(--accent)}.tm-stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.tm-stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;align-items:flex-start;gap:14px;padding:18px;display:flex}.tm-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;display:flex}.tm-stat-blue{color:#4f8ef7;background:#4f8ef71f}.tm-stat-green{color:#22c55e;background:#22c55e1f}.tm-stat-orange{color:#f59e0b;background:#f59e0b1f}.tm-stat-yellow{color:#eab308;background:#eab3081f}.tm-stat-content{flex-direction:column;display:flex}.tm-stat-label{color:var(--text-muted);font-size:12px;font-weight:500}.tm-stat-value{color:var(--text-primary);font-feature-settings:"tnum";font-size:24px;font-weight:700;line-height:1.2}.tm-stat-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.tm-perf-scroll{scrollbar-width:thin;gap:12px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.tm-perf-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;flex-shrink:0;min-width:280px;padding:16px}.tm-perf-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.tm-perf-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.tm-perf-info{flex:1;min-width:0}.tm-perf-name{color:var(--text-primary);font-size:14px;font-weight:600;display:block}.tm-perf-role{color:var(--text-muted);font-size:12px}.tm-status-pill{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.tm-status-dot{border-radius:50%;width:6px;height:6px}.tm-status-active{color:#22c55e;background:#22c55e14}.tm-status-active .tm-status-dot{background:#22c55e}.tm-status-away{color:#f59e0b;background:#f59e0b14}.tm-status-away .tm-status-dot{background:#f59e0b}.tm-perf-kpis{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tm-perf-kpi{text-align:center}.tm-perf-val{color:var(--text-primary);font-feature-settings:"tnum";font-size:15px;font-weight:700;display:block}.tm-perf-lbl{color:var(--text-muted);font-size:10px;font-weight:500}.tm-bottom-grid{grid-template-columns:1fr 300px;gap:16px;display:grid}.tm-side-col{flex-direction:column;gap:14px;display:flex}.tm-chart-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;overflow:hidden}.tm-chart-title{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.tm-chart-title>span{align-items:center;gap:8px;display:flex}.tm-chart-title i{color:var(--accent);font-size:12px}.tm-chart-badge{border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500}.tm-chart-area{height:260px;padding:16px}.tm-side-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;overflow:hidden}.tm-side-title{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.tm-side-title i{color:var(--accent);font-size:12px}.tm-side-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.tm-role-row{align-items:center;gap:8px;display:flex}.tm-role-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tm-role-name{color:var(--text-secondary);min-width:42px;font-size:12px}.tm-role-bar-track{background:var(--bg-hover);border-radius:3px;flex:1;height:6px;overflow:hidden}.tm-role-bar-fill{border-radius:3px;height:100%;transition:width .3s}.tm-role-count{color:var(--text-muted);text-align:right;min-width:65px;font-size:11px}.tm-role-total{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;padding-top:8px;font-size:12px;display:flex}.tm-role-total-link{color:var(--accent);font-weight:600}.tm-activity{align-items:flex-start;gap:10px;display:flex}.tm-activity-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex}.tm-ai-blue{color:#4f8ef7;background:#4f8ef71f}.tm-ai-green{color:#22c55e;background:#22c55e1f}.tm-ai-purple{color:#8b5cf6;background:#8b5cf61f}.tm-activity-text{color:var(--text-primary);flex-direction:column;font-size:12px;display:flex}.tm-activity-time{color:var(--text-muted);font-size:11px}.tm-activity-link{color:var(--accent);cursor:pointer;text-align:center;padding-top:4px;font-size:12px;font-weight:600}.tm-activity-link:hover{text-decoration:underline}.tm-member-list{flex-direction:column;gap:8px;display:flex}.tm-member{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:border-color .12s;display:flex}.tm-member:hover{border-color:var(--accent-border)}.tm-member-off{opacity:.5}.tm-member-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.tm-member-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.tm-member-info{flex-direction:column;min-width:0;display:flex}.tm-member-name{color:var(--text-primary);font-size:14px;font-weight:600}.tm-member-email{color:var(--text-muted);font-size:12px}.tm-member-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tm-role-badge{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.tm-role-admin{color:#4f8ef7;background:#4f8ef71a}.tm-role-agent{color:#f59e0b;background:#f59e0b1a}.tm-role-viewer{color:#8b5cf6;background:#8b5cf61a}.tm-role-select{border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%236b6b6b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border-radius:6px;padding:4px 24px 4px 8px;font-size:12px}.tm-toggle{background:var(--bg-hover);border:1px solid var(--border);cursor:pointer;border-radius:10px;width:36px;height:20px;padding:2px;transition:all .2s;position:relative}.tm-toggle-on{background:#22c55e33;border-color:#22c55e4d}.tm-toggle-dot{background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:all .2s;display:block}.tm-toggle-on .tm-toggle-dot{background:#22c55e;transform:translate(16px)}.tm-icon-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .1s;display:inline-flex}.tm-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tm-icon-danger:hover{color:#ef4444;background:#ef444414}.tm-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;justify-content:center;align-items:center;animation:.12s pd-fade-in;display:flex;position:fixed;inset:0}.tm-modal{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;width:420px;max-width:94vw;animation:.15s pd-slide-up;box-shadow:0 20px 60px #0003}.tm-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tm-modal-title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.tm-modal-title i{color:var(--accent);font-size:14px}.tm-modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:flex}.tm-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.tm-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.tm-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.tm-field{flex-direction:column;gap:4px;display:flex}.tm-label{color:var(--text-muted);font-size:12px;font-weight:500}.tm-required{color:#ef4444}.tm-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:13px;transition:border-color .12s}.tm-input:focus{border-color:var(--accent);outline:none}.tm-role-options{gap:6px;display:flex}.tm-role-opt{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .12s;display:flex}.tm-role-opt:hover{border-color:var(--accent-border)}.tm-role-opt.active{background:var(--accent-soft);color:var(--accent);border-color:#72baff4d;font-weight:600}.tm-cancel-btn{color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.tm-cancel-btn:hover{border-color:var(--accent-border);color:var(--text-primary)}.tm-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:filter .12s;display:inline-flex}.tm-save-btn:hover{filter:brightness(1.1)}.tm-save-btn:disabled{opacity:.5;cursor:not-allowed}.tm-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:60px 40px}.tm-empty-icon{background:var(--bg-hover);width:56px;height:56px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex}.tm-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.tm-empty-desc{color:var(--text-secondary);font-size:13px}.tm-empty-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:16px;padding:9px 20px;font-size:13px;font-weight:600;transition:filter .12s;display:inline-flex}.tm-empty-cta:hover{filter:brightness(1.1)}.st-header{margin-bottom:4px}.st-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.st-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.st-tabs{border-bottom:1px solid var(--border-subtle);gap:0;margin-bottom:20px;display:flex}.st-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 20px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.st-tab:hover{color:var(--text-primary)}.st-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.st-tab i{font-size:12px}.st-toast{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:500;animation:.15s pd-fade-in;display:flex}.st-toast-ok{color:#22c55e;background:#22c55e14;border:1px solid #22c55e26}.st-toast-err{color:#ef4444;background:#ef444414;border:1px solid #ef444426}.st-layout{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.st-main{flex-direction:column;gap:16px;display:flex}.st-section{flex-direction:column;gap:16px;max-width:700px;display:flex}.st-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;overflow:hidden}.st-card-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.st-card-head-left{align-items:flex-start;gap:12px;display:flex}.st-card-head-left>i{color:var(--accent);background:var(--accent-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:16px;display:flex}.st-card-title{color:var(--text-primary);font-size:15px;font-weight:600}.st-card-subtitle{color:var(--text-muted);margin-top:1px;font-size:12px}.st-card-body{flex-direction:column;gap:16px;padding:24px;display:flex}.st-field{flex-direction:column;gap:5px;display:flex}.st-field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.st-label{color:var(--text-muted);font-size:12px;font-weight:500}.st-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;width:100%;padding:9px 12px;font-size:13px;transition:border-color .12s}.st-input::placeholder{color:var(--text-muted);opacity:.6}.st-input:focus{border-color:var(--accent);background:var(--bg-card);outline:none}.st-input-disabled{opacity:.5;cursor:not-allowed}.st-input-wrap{position:relative}.st-input-pw{width:100%;padding-right:36px}.st-eye-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;transition:color .12s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.st-eye-btn:hover{color:var(--text-primary)}.st-pw-grid{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;display:grid}.st-strength-bar{flex-direction:column;gap:6px;min-width:120px;display:flex}.st-strength-track{gap:3px;display:flex}.st-strength-seg{border-radius:2px;width:28px;height:4px;transition:background .2s}.st-strength-label{font-size:11px;font-weight:600}.st-profile-row{align-items:flex-start;gap:20px;display:flex}.st-avatar{background:linear-gradient(135deg,#4f8ef7,#7c5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.st-avatar-text{color:#fff;letter-spacing:1px;font-size:24px;font-weight:700}.st-avatar-edit{background:var(--bg-card);border:2px solid var(--border);cursor:pointer;width:26px;height:26px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:all .12s;display:flex;position:absolute;bottom:-2px;right:-2px}.st-avatar-edit:hover{border-color:var(--accent);color:var(--accent)}.st-profile-fields{flex-direction:column;flex:1;gap:14px;display:flex}.st-plan-row{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.st-plan-badge{background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700}.st-plan-text{color:var(--text-secondary);flex:1;font-size:13px}.st-plan-upgrade{color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;text-decoration:none}.st-plan-upgrade:hover{text-decoration:underline}.st-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:9px 22px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.st-save-btn:hover{filter:brightness(1.1)}.st-save-btn:disabled{opacity:.5;cursor:not-allowed}.st-save-btn i{font-size:12px}.st-save-outline{color:var(--accent);border:1.5px solid var(--accent);background:0 0}.st-save-outline:hover{background:var(--accent-soft);filter:none}.st-sidebar{flex-direction:column;gap:14px;display:flex}.st-side-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;overflow:hidden}.st-side-title{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.st-side-title i{color:var(--accent);font-size:12px}.st-side-body{flex-direction:column;gap:14px;padding:16px;display:flex}.st-side-item{flex-direction:column;gap:4px;display:flex}.st-side-lbl{letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:600}.st-side-val{color:var(--text-secondary);font-size:13px}.st-plan-badge-lg{background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:4px;width:fit-content;padding:4px 14px;font-size:12px;font-weight:700;display:inline-flex}.st-side-status{color:#22c55e;background:#22c55e14;border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.st-dot-green{background:#22c55e;border-radius:50%;width:7px;height:7px}.st-tip{align-items:flex-start;gap:10px;display:flex}.st-tip-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.st-tip-title{color:var(--text-primary);font-size:13px;font-weight:600}.st-tip-desc{color:var(--text-muted);margin-top:1px;font-size:11px}.st-session{align-items:center;gap:10px;display:flex}.st-session-icon{background:var(--bg-hover);width:32px;height:32px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.st-session-info{flex-direction:column;flex:1;min-width:0;display:flex}.st-session-name{color:var(--text-primary);font-size:13px;font-weight:500}.st-session-loc{color:var(--text-muted);font-size:11px}.st-session-badge{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.st-session-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.st-info-text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.st-stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.st-stat-box{background:var(--bg-hover);text-align:center;border-radius:10px;flex-direction:column;gap:4px;padding:16px;display:flex}.st-stat-val{color:var(--text-primary);font-feature-settings:"tnum";font-size:22px;font-weight:700}.st-stat-lbl{color:var(--text-muted);font-size:11px;font-weight:500}.st-stat-accent{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f126}.st-stat-accent .st-stat-val{color:#8b5cf6}.st-page-list{flex-direction:column;gap:8px;display:flex}.st-page-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:border-color .12s;display:flex}.st-page-item:hover{border-color:var(--accent-border)}.st-page-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.st-page-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.st-page-info{flex-direction:column;min-width:0;display:flex}.st-page-name{color:var(--text-primary);font-size:14px;font-weight:600}.st-page-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.st-platform-badge{letter-spacing:.5px;background:var(--bg-hover);color:var(--text-muted);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.st-company{color:var(--text-muted);font-size:12px}.st-page-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.st-prompt-hint{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;overflow:hidden}.st-ai-label{color:var(--text-muted);min-width:40px;font-size:11px;font-weight:600}.st-toggle{background:var(--bg-hover);border:1px solid var(--border);cursor:pointer;border-radius:10px;width:36px;height:20px;padding:2px;transition:all .2s;position:relative}.st-toggle-on{background:#22c55e33;border-color:#22c55e4d}.st-toggle-dot{background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:all .2s;display:block}.st-toggle-on .st-toggle-dot{background:#22c55e;transform:translate(16px)}.st-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:60px 40px}.st-empty-icon{background:var(--bg-hover);width:56px;height:56px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex}.st-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.st-empty-desc{color:var(--text-secondary);font-size:13px}@media (max-width:768px){.bv-stats{grid-template-columns:repeat(2,1fr)}.bv-detail{display:none}.bv-tabs{overflow-x:auto}.sidebar{display:none}.conv-list{width:100%}.chat-area{display:none}.platform-grid{grid-template-columns:1fr}.main-content{padding:16px}.v2-stat-grid{grid-template-columns:repeat(2,1fr)}.v2-grid-2,.v2-grid-3-2{grid-template-columns:1fr}.v2-grid-4{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:1fr}.inbox-folders{display:none}.order-tabs{overflow-x:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.ais-row-2,.ais-persona-grid,.ais-trigger-grid{grid-template-columns:1fr}.ais-footer{padding:12px 16px;left:0}.tm-perf-grid{grid-template-columns:1fr}.tm-perf-kpis{grid-template-columns:repeat(2,1fr)}.st-layout{grid-template-columns:1fr}.st-sidebar{order:-1}.st-field-row,.st-pw-grid{grid-template-columns:1fr}.st-profile-row{flex-direction:column;align-items:center}.st-tabs{overflow-x:auto}.tm-stats-row{grid-template-columns:repeat(2,1fr)}.tm-bottom-grid{grid-template-columns:1fr}.tm-tabs{overflow-x:auto}}