._row_1osil_1{justify-content:center;gap:8px;display:flex}._box_1osil_7{text-align:center;width:48px;height:56px;font-family:var(--font-display);color:var(--fg-0);background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-md);transition:all var(--dur-fast) var(--ease-out);outline:none;font-size:28px;font-weight:500}._box_1osil_7:focus,._boxFilled_1osil_22{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}@media (width<=480px){._box_1osil_7{width:40px;height:48px;font-size:22px}._row_1osil_1{gap:6px}}:root{--orange:#ff7a1a;--orange-600:#e96909;--orange-700:#c95800;--orange-soft:#ffe4cc;--orange-tint:#ffedd9;--orange-50:#fff4e6;--purple:#261447;--purple-800:#1b0e36;--purple-700:#2f1b57;--purple-600:#3b2670;--purple-500:#4d3499;--purple-soft:#e6e1f0;--purple-tint:#ede9f4;--cream:#fff4e6;--cream-2:#fbefde;--ink:#151515;--primary:var(--orange);--primary-hover:var(--orange-600);--primary-press:var(--orange-700);--primary-ring:#ff7a1a40;--bg-page:var(--cream);--bg-card:#fff;--bg-card-2:#fffbf5;--bg-hover:#fff4e6;--bg-input:#fff;--sb-bg:var(--purple);--sb-bg-hover:var(--purple-600);--sb-bg-active:var(--purple-500);--sb-fg:#fff;--sb-fg-muted:#ffffff8c;--sb-fg-faint:#ffffff59;--sb-border:#ffffff1a;--fg-0:#151515;--fg-1:#2a2330;--fg-2:#6b6275;--fg-3:#9a8fa5;--border-1:#f0e4d0;--border-2:#e5d7bd;--border-3:#d9c8aa;--success:#16a34a;--success-soft:#dcfce7;--danger:#dc2626;--danger-soft:#fee2e2;--warning:#f59e0b;--warning-soft:#fef3c7;--info:#6366f1;--info-soft:#e0e7ff;--fb-blue:#0084ff;--line-green:#06c755;--ig-pink:#e1306c;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-2xl:28px;--r-full:9999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--shadow-1:0 1px 2px #2614470d, 0 1px 1px #2614470a;--shadow-2:0 4px 12px #2614470f, 0 1px 3px #2614470a;--shadow-3:0 12px 32px #2614471a, 0 2px 8px #2614470d;--shadow-glow:0 6px 24px #ff7a1a4d;--font-display:"Space Grotesk", "Prompt", system-ui, sans-serif;--font-body:"Poppins", "Prompt", system-ui, sans-serif;--font-thai:"Prompt", "Poppins", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-display:42px;--fs-h1:32px;--fs-h2:24px;--fs-h3:18px;--fs-h4:15px;--fs-body-lg:15px;--fs-body:14px;--fs-small:13px;--fs-micro:11.5px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-relaxed:1.7;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--bg-0:var(--cream);--bg-1:#fff;--bg-2:#fff;--bg-3:var(--cream-2);--bg-4:var(--border-1);--accent:var(--orange);--primary-soft:var(--orange-tint);--shadow-inset:inset 0 1px 0 #fff9;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.12em}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--fg-0);background:var(--bg-page);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.display,h1.page-title{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.eyebrow{font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);font-weight:600}.app{min-height:100vh;display:flex}.app.no-sidebar{display:block}.main-col{background:var(--bg-page);flex:1;min-width:0;min-height:100vh;position:relative;overflow-x:hidden}.page{padding:var(--sp-6) var(--sp-8) var(--sp-12);max-width:1480px;margin:0 auto}.sidebar{background:var(--sb-bg);width:248px;color:var(--sb-fg);padding:var(--sp-5) var(--sp-4);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(at 30% 70%,#ff7a1a1a,#0000 50%),radial-gradient(at 70% 30%,#c4b5fd14,#0000 50%);height:240px;position:absolute;inset:auto -40px -80px}.brand{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-6);font-family:var(--font-display);letter-spacing:-.01em;color:#fff;font-size:22px;font-weight:700;display:flex;position:relative}.brand .logo-mark{flex-shrink:0;width:36px;height:36px}.section-label{padding:var(--sp-4) var(--sp-3) var(--sp-2);letter-spacing:.12em;text-transform:uppercase;color:var(--sb-fg-faint);font-size:10.5px;font-weight:600;position:relative}.nav-item{align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-md);color:var(--sb-fg-muted);text-align:left;width:100%;transition:background var(--dur-fast), color var(--dur-fast);font-size:14px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--sb-bg-hover);color:#fff}.nav-item.active{background:var(--sb-bg-active);color:#fff}.nav-item .ic{flex-shrink:0}.nav-item .badge{color:#fff;border-radius:var(--r-full);text-align:center;background:#ffffff1a;min-width:26px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.nav-item .badge.danger{background:var(--orange)}.nav-item.active .badge{background:#ffffff2e}.sidebar .footer{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--sb-border);background:#0003;margin-top:auto;display:flex;position:relative}.sidebar .footer .name{color:#fff;font-size:13px;font-weight:600}.sidebar .footer .plan{color:var(--sb-fg-muted);font-size:11.5px}.topbar{align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-8);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg, var(--cream) 0%, #fff4e6d9 100%);display:flex;position:sticky;top:0}.topbar h1.page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:32px;font-weight:700}.topbar h1.page-title small{font-family:var(--font-thai);color:var(--fg-2);letter-spacing:0;margin-top:2px;font-size:13px;font-weight:400;display:block}.topbar .search{flex:1;max-width:460px;margin-left:auto;position:relative}.topbar .search input{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--r-full);width:100%;height:42px;padding:0 var(--sp-4) 0 42px;color:var(--fg-0);transition:border var(--dur-fast), box-shadow var(--dur-fast);font-size:13.5px}.topbar .search input::placeholder{color:var(--fg-3)}.topbar .search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.topbar .search .ic{color:var(--fg-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.topbar .icon-btn{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--r-full);width:42px;height:42px;color:var(--fg-1);transition:background var(--dur-fast);place-items:center;display:grid;position:relative}.topbar .icon-btn:hover{background:var(--bg-hover)}.topbar .icon-btn .dot{background:var(--orange);border:2px solid var(--bg-card);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:10px}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:42px;padding:0 var(--sp-5);border-radius:var(--r-md);font-family:var(--font-body);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast);white-space:nowrap;border:1px solid #0000;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{border-radius:var(--r-sm);height:34px;padding:0 14px;font-size:13px}.btn-lg{height:50px;padding:0 var(--sp-6);border-radius:var(--r-md);font-size:15px}.btn-icon{width:42px;padding:0}.btn-sm.btn-icon{width:34px}.btn-lg.btn-icon{width:50px}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffff2e}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-press)}.btn-secondary{background:var(--purple);color:#fff}.btn-secondary:hover{background:var(--purple-600)}.btn-ghost{background:var(--bg-card);color:var(--fg-0);border-color:var(--border-2)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-3)}.btn-outline{color:var(--fg-0);border-color:var(--border-2);background:0 0}.btn-outline:hover{background:var(--bg-card)}.btn-link{color:var(--primary);background:0 0;height:auto;padding:0;font-weight:600}.btn-link:hover{color:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-fb{color:#fff;background:#1877f2}.btn-fb:hover{background:#166fe5}.card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:var(--sp-5);position:relative}.card.flush{padding:0}.card.tight{padding:var(--sp-4)}.card.spacious{padding:var(--sp-6)}.card.elev{box-shadow:var(--shadow-2)}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--fg-1);font-size:13px;font-weight:500;font-family:var(--font-thai)}.input-wrap{align-items:center;gap:var(--sp-2);background:var(--bg-input);border:1px solid var(--border-2);border-radius:var(--r-md);height:44px;padding:0 var(--sp-4);transition:border var(--dur-fast), box-shadow var(--dur-fast);display:flex}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.input-wrap>.ic{color:var(--fg-3);flex-shrink:0}.input-wrap input,.input-wrap textarea{color:var(--fg-0);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.input-wrap input::placeholder,.input-wrap textarea::placeholder{color:var(--fg-3)}.input-wrap textarea{resize:vertical;min-height:80px;padding:12px 0}.input-wrap.lg{height:48px}.input-wrap.tall{height:auto;padding-top:4px;padding-bottom:4px}.input-wrap.tall textarea{min-height:90px;padding:10px 0}.field-hint{color:var(--fg-3);font-size:12px}.field-hint.err{color:var(--danger)}.pill{border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-neutral{background:var(--purple-tint);color:var(--purple-600)}.pill-orange{background:var(--orange-tint);color:var(--orange-700)}.pill-success{background:var(--success-soft);color:var(--success)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-warning{background:var(--warning-soft);color:#b45309}.pill-info{background:var(--info-soft);color:var(--info)}.pill-vip{background:linear-gradient(135deg, var(--purple-500), var(--purple));color:#fff}.tag{border-radius:var(--r-full);background:var(--purple-tint);color:var(--purple-600);align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag.active{background:var(--purple);color:#fff}.tag.orange{background:var(--orange-tint);color:var(--orange-700)}.avatar{font-family:var(--font-display);background:var(--purple-tint);color:var(--purple);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.avatar.primary{background:var(--purple);color:#fff}.avatar.orange{background:var(--orange);color:#fff}.icon-tile{border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.icon-tile.purple{background:var(--purple-tint);color:var(--purple)}.icon-tile.orange{background:var(--orange-tint);color:var(--orange-700)}.icon-tile.success{background:var(--success-soft);color:var(--success)}.icon-tile.danger{background:var(--danger-soft);color:var(--danger)}.icon-tile.sm{border-radius:10px;width:36px;height:36px}.icon-tile.lg{border-radius:16px;width:56px;height:56px}.stat-card{align-items:center;gap:var(--sp-4);padding:var(--sp-5);background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--r-lg);display:flex;position:relative}.stat-card .stat-label{color:var(--fg-2);font-size:13px;font-family:var(--font-thai);margin-bottom:2px}.stat-card .stat-value{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1}.stat-card .stat-sub{color:var(--fg-2);font-size:12px;font-family:var(--font-thai);margin-top:4px}.stat-card .stat-delta{margin-top:var(--sp-3);font-size:12.5px;font-weight:600;font-family:var(--font-thai);align-items:center;gap:4px;display:flex}.stat-card .stat-delta.up{color:var(--success)}.stat-card .stat-delta.down{color:var(--danger)}.switch{background:var(--border-2);border-radius:var(--r-full);cursor:pointer;width:42px;height:24px;transition:background var(--dur-fast);flex-shrink:0;position:relative}.switch:after{content:"";width:18px;height:18px;transition:transform var(--dur-base) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch.on{background:var(--purple)}.switch.on:after{transform:translate(18px)}.radio{border:2px solid var(--border-3);width:18px;height:18px;transition:all var(--dur-fast);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.radio.checked{border-color:var(--purple)}.radio.checked:after{content:"";background:var(--purple);border-radius:50%;width:8px;height:8px}.checkbox{border:2px solid var(--border-3);width:18px;height:18px;transition:all var(--dur-fast);background:#fff;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.checkbox.checked{background:var(--purple);border-color:var(--purple);color:#fff}.grid-stats{gap:var(--sp-4);margin-bottom:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1100px){.grid-stats{grid-template-columns:repeat(2,1fr)}}.row-2{gap:var(--sp-5);grid-template-columns:2fr 1fr;display:grid}.row-3{gap:var(--sp-5);grid-template-columns:1fr 1fr 1fr;display:grid}.row-4{gap:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1100px){.row-2,.row-3,.row-4{grid-template-columns:1fr}}.card-head{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.card-head h3{color:var(--ink);font-size:16px;font-weight:600;font-family:var(--font-body)}.card-head h3 .ic{vertical-align:middle;color:var(--fg-3);margin-left:4px}.card-head .right{align-items:center;gap:var(--sp-2);display:flex}.deco-star{color:var(--orange);pointer-events:none;opacity:.9;position:absolute}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#26144733;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.surface-1{background:var(--bg-card);border:1px solid var(--border-1)}.surface-2{background:var(--bg-card-2);border:1px solid var(--border-1)}.divider{background:var(--border-1);height:1px}.app-backdrop,.topbar-menu{display:none}@media (width<=900px){.sidebar{z-index:50;transition:transform var(--dur-base) var(--ease-out);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.app-backdrop.show{z-index:40;background:#00000073;display:block;position:fixed;inset:0}.topbar-menu{display:grid}.page{padding:var(--sp-4) var(--sp-4) var(--sp-10)}.topbar{padding:var(--sp-4)}}input[type=range]{appearance:none;border-radius:var(--r-full);cursor:pointer;outline:none;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--purple);cursor:pointer;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #2614474d}input[type=range]::-moz-range-thumb{background:var(--purple);cursor:pointer;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #2614474d}@media (width<=860px){.auth-split{grid-template-columns:1fr!important}.auth-brand{display:none!important}}.bot-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=1000px){.bot-grid{grid-template-columns:1fr}}.inbox-grid{min-height:0;padding:0 var(--sp-8) var(--sp-8);flex:1;grid-template-columns:340px 1fr;gap:16px;display:grid}@media (width<=900px){.inbox-grid{padding:0 var(--sp-4) var(--sp-4);grid-template-columns:1fr}}