*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ac: #14a085;--acl: #d1fae5;--act: #065f46;--gold: #d4a96a;--gold-l: #faf3e7;--hero-grad: linear-gradient(120deg, #0d2a26 0%, #14543f 45%, #14a085 80%, #d4a96a 130%);--hero-glow: rgba(212,169,106,.22);--bg: #e3eae7;--card: #ffffff;--group: #f4f7f5;--hover: #ebf0ee;--shadow-card: 0 1px 3px rgba(15, 30, 25, .06), 0 1px 2px rgba(15, 30, 25, .04);--shadow-card-hover: 0 4px 12px rgba(15, 30, 25, .1), 0 2px 4px rgba(15, 30, 25, .06);--sb: #1a1f1d;--sb2: #262d2a;--tx: #1c1917;--tx2: #475569;--tx3: #94a3b8;--stx: #b8c1cc;--bdr: #d4dcd8;--gn: #16a34a;--gnb: #dcfce7;--rd: #dc2626;--rdb: #fee2e2;--am: #d97706;--amb: #fef3c7;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xxs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 14px;--fs-xl: 15px;--fs-2xl: 17px;--fs-3xl: 20px;--fs-4xl: 24px;--space-1: 4px;--space-2: 6px;--space-3: 9px;--space-4: 12px;--space-5: 16px;--space-6: 22px;--r-sm: 5px;--r-md: 7px;--r-lg: 9px;--r-xs: 4px;--r-xl: 12px;--shadow-panel: -4px 0 16px rgba(0,0,0,.1);--shadow-modal: 0 8px 32px rgba(0,0,0,.2)}.mobile-mode{--fs-xxs: 9px;--fs-xs: 10px;--fs-sm: 11px;--fs-md: 12px;--fs-lg: 12px;--fs-xl: 13px;--fs-2xl: 14px;--fs-3xl: 16px;--fs-4xl: 19px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 11px;--space-6: 15px}.dark{--bg: #0a0f0e;--card: #131b1a;--sb: #050a09;--sb2: #131b1a;--bdr: #1e2a27;--group: #131b1a;--hover: #1e2a27;--tx: #e8eef0;--tx2: #94a3b8;--tx3: #475569;--stx: #475569;--ac: #34d399;--acl: #064e3b;--act: #6ee7b7;--gold: #d4a96a;--gold-l: #2c1a08;--hero-grad: linear-gradient(120deg, #050a09 0%, #0a2624 45%, #14543f 80%, #d4a96a 130%);--hero-glow: rgba(212,169,106,.18);--gn: #4ade80;--gnb: #052e16;--rd: #f87171;--rdb: #450a0a;--am: #fbbf24;--amb: #3a1500}html,body,#root{height:100%;overflow:hidden;font-family:var(--font);font-size:13px;color:var(--tx);background:var(--bg)}.bdg{display:inline-flex;padding:2px 6px;border-radius:20px;font-size:10px;font-weight:500;white-space:nowrap}.bdg-tiktok{background:#ede9fe;color:#6d28d9}.bdg-ig{background:#fce7f3;color:#9d174d}.bdg-fb{background:#dbeafe;color:#1d4ed8}.bdg-other{background:var(--bg);color:var(--tx2);border:1px solid var(--bdr)}.bdg-ktv{background:var(--acl);color:var(--act)}.bdg-svc{background:var(--gnb);color:var(--gn)}.bdg-buoi{font-size:10px;color:var(--tx2);background:var(--bg);padding:2px 6px;border-radius:20px;border:1px solid var(--bdr)}.pill-den{padding:2px 6px;border-radius:20px;font-size:10px;font-weight:500;background:var(--gnb);color:var(--gn)}.pill-huy{padding:2px 6px;border-radius:20px;font-size:10px;font-weight:500;background:var(--rdb);color:var(--rd)}.pill-cho{padding:2px 6px;border-radius:20px;font-size:10px;font-weight:500;background:var(--amb);color:var(--am)}.toggle{width:30px;height:16px;background:var(--bdr);border-radius:16px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--ac)}.toggle:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 2px #0003}.toggle.on:after{left:16px}.btn{padding:4px 10px;border-radius:var(--r-sm);border:1px solid var(--bdr);background:transparent;cursor:pointer;font-size:11px;color:var(--tx2);font-family:var(--font);transition:border-color .15s,color .15s}.btn:hover{border-color:var(--ac);color:var(--ac)}.btn-primary{background:var(--ac);border-color:var(--ac);color:#fff}.btn-primary:hover{opacity:.88;color:#fff}.btn-danger{background:var(--rdb);border-color:var(--rd);color:var(--rd)}.btn-sm{padding:3px 8px;font-size:10px}.f-inp,.f-sel,.f-ta{width:100%;padding:5px 8px;border-radius:var(--r-sm);border:1px solid var(--bdr);background:var(--bg);color:var(--tx);font-size:11px;font-family:var(--font);outline:none;transition:border-color .15s}.f-inp:focus,.f-sel:focus,.f-ta:focus{border-color:var(--ac)}.f-sel{cursor:pointer}.f-ta{resize:none}.f-ro{width:100%;padding:5px 8px;border-radius:var(--r-sm);border:1px solid var(--bdr);background:var(--bdr);color:var(--tx2);font-size:11px}.f-lbl{font-size:10px;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--tx3)}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#1c1917;color:#d4a96a;padding:8px 18px;border-radius:7px;font-size:11px;font-weight:600;border:1px solid var(--ac);z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1}