:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#eff2ea;background:#101310;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}.hidden{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:none;background:#141815;border-right:1px solid #293029;display:flex;flex-direction:column;padding:26px 16px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:1px 10px 44px}.brand strong{font-size:14px;letter-spacing:.025em}.brand small{display:block;color:#8e988c;font-size:11px;margin-top:3px}.brand-mark{width:36px;height:36px;background:#c9f251;color:#101310;border-radius:10px;display:grid;place-items:center;font-weight:950;font-size:23px;letter-spacing:-.18em;padding-right:5px}.brand-mark span{font-size:17px;letter-spacing:0}.sidebar-label,.eyebrow,.small-label{font-size:10px;font-weight:800;letter-spacing:.13em;color:#99a499}.sidebar-label{padding:0 13px 13px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#9da79a;border-radius:9px;text-align:left;padding:13px 14px;display:flex;align-items:center;gap:14px;font-size:13px;font-weight:600}.nav-item:hover,.nav-item.active{background:#273124;color:#dbf8a8}.nav-icon{font-size:17px;width:18px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #2b332c;padding:21px 10px 0}.side-status{display:flex;align-items:center;gap:9px;font-size:11px;color:#adb8aa}.status-dot{width:8px;height:8px;border-radius:50%;background:#8e958d;box-shadow:0 0 0 4px #8e958d22}.status-dot.on{background:#c9f251;box-shadow:0 0 0 4px #c9f25122}.status-dot.off{background:#9a6c60}.logout-button{margin-top:20px;color:#7f8a7d;font-size:12px;width:100%;display:flex;justify-content:space-between;border:0;background:none;padding:8px 0}.logout-button:hover{color:white}.main{flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid #272d27;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{display:flex;align-items:center;gap:11px;font-size:11px}.crumb>span:first-child{color:#81907d;font-size:10px;letter-spacing:.11em;font-weight:800}.crumb strong{color:#dee7d9;font-size:12px}.slash{color:#526052}.top-actions{display:flex;align-items:center;gap:18px}.clock{font-size:11px;color:#8c988a}.icon-button{height:32px;width:32px;border:1px solid #323b31;border-radius:8px;background:#1b211b;color:#c6d4be;font-size:22px;line-height:1}.avatar{height:30px;width:30px;border-radius:50%;display:grid;place-items:center;background:#353e2f;color:#c9f251;font-size:10px;font-weight:800}.content{max-width:1510px;margin:auto;padding:40px 42px 70px}.view{display:none}.view.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading .eyebrow{color:#b3db69;margin:0 0 10px}.page-heading h1{font-size:38px;letter-spacing:-.055em;line-height:1.05;margin:0;font-weight:800}.accent-dot{color:#c9f251}.subheading{font-size:13px;color:#8c9889;margin:12px 0 0}.button{border:1px solid transparent;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:18px;white-space:nowrap}.button.primary{background:#c9f251;color:#172011}.button.primary:hover{background:#dcff8f}.button.outline{color:#e0e9d9;background:#202820;border-color:#3a4737}.button.outline:hover{border-color:#a9cc64}.button.wide{width:100%;justify-content:space-between}.hero-alert{background:linear-gradient(110deg,#26371e,#1c261c);border:1px solid #3a522e;border-radius:12px;display:flex;align-items:center;gap:16px;padding:17px 19px;margin-bottom:22px;min-height:82px}.hero-alert.live{background:linear-gradient(110deg,#1e351f,#18241b);border-color:#416b36}.hero-alert.warn{background:linear-gradient(110deg,#36291b,#221e18);border-color:#705335}.hero-icon{background:#c9f251;color:#223316;display:grid;place-items:center;height:38px;width:38px;border-radius:10px;font-weight:900;font-size:19px;flex:none}.hero-alert.warn .hero-icon{background:#ebbc79;color:#3a2819}.hero-alert strong{font-size:13px}.hero-alert p{color:#a2b497;font-size:11px;margin:5px 0 0}.hero-alert.warn p{color:#b9a58c}.hero-alert .text-link{margin-left:auto}.text-link{border:0;background:none;color:#c9f251;font-weight:800;font-size:11px;white-space:nowrap;padding:4px 0}.text-link span{font-size:17px;vertical-align:-1px;margin-left:3px}.text-link:hover{text-decoration:underline}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.stat-card{background:#1b211c;border:1px solid #303a30;border-radius:12px;min-height:159px;padding:19px 19px 17px}.stat-card.dark{background:#222e1c;border-color:#42533a}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#9fae99;font-size:10px;letter-spacing:.07em;font-weight:800}.stat-icon{color:#b3d46e;font-size:19px;line-height:1}.stat-value{font-size:43px;letter-spacing:-.055em;line-height:1.1;margin:19px 0 13px;font-weight:800}.stat-value.time{color:#d5f29a}.stat-foot{color:#788777;font-size:10px;display:flex;align-items:center;gap:7px}.mini-line{display:block;width:15px;height:3px;border-radius:4px}.mini-line.green{background:#a2e9a1}.mini-line.yellow{background:#c9f251}.mini-line.red{background:#e7a384}.overview-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:17px}.panel{background:#1b211c;border:1px solid #303a30;border-radius:12px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 23px 0;gap:10px}.panel-head .eyebrow{color:#a4b597;margin:0 0 8px}.panel-head h2{font-size:17px;letter-spacing:-.025em;margin:0}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:40px;padding:6px 9px;font-size:10px;font-weight:800;white-space:nowrap}.badge.neutral{background:#303930;color:#acbaa7}.badge.good{background:#294a2c;color:#b8ed9c}.badge.warn{background:#4f392b;color:#efc39d}.badge.bad{background:#4d302e;color:#f3b1a5}.connection-visual{display:flex;align-items:center;gap:21px;padding:28px 24px 34px;min-height:184px}.wa-orbit{height:93px;width:93px;border-radius:50%;border:1px dashed #475841;display:grid;place-items:center;position:relative;flex:none}.wa-orbit:after{content:"";position:absolute;right:0;top:9px;width:9px;height:9px;background:#c9f251;border-radius:50%;box-shadow:0 0 0 5px #c9f25118}.wa-symbol{height:60px;width:60px;border-radius:50%;background:#2d482b;color:#c9f251;display:grid;place-items:center;font-size:35px;transform:rotate(-24deg)}.small-label{margin:0 0 8px}.connection-copy h3{font-size:16px;line-height:1.2;margin:0 0 8px}.connection-copy>p:last-child{color:#859582;font-size:12px;margin:0}.panel-foot{border-top:1px solid #303a30;padding:16px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.micro{color:#819080;font-size:10px}.recent-list{padding:12px 23px 20px}.recent-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #303830;padding:11px 0}.recent-item:last-child{border-bottom:0}.recent-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:8px;background:#2d3c29;color:#bde591;flex:none}.recent-copy{flex:1;min-width:0}.recent-copy strong{display:block;font-size:11px}.recent-copy small{display:block;color:#819080;font-size:10px;margin-top:3px}.recent-time{font-size:10px;color:#859483}.empty{color:#748272;font-size:12px;text-align:center;padding:35px 12px}.bottom-note{display:flex;align-items:center;gap:9px;color:#869783;font-size:10px;margin-top:18px}.spark{color:#c9f251;font-size:17px}.two-column{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);gap:17px}.form-panel{align-self:start}.offer-form{padding:20px 23px 24px;display:grid;gap:16px}.offer-form label,.login-card label{display:grid;gap:7px;font-size:11px;color:#bbc9b6;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{color:#73826f;font-weight:500}.offer-form input,.offer-form select,.login-card input{width:100%;border:1px solid #3a4738;color:#eef2ea;background:#131914;border-radius:8px;padding:11px 12px;outline:none;font-size:12px}.offer-form input:focus,.offer-form select:focus,.login-card input:focus{border-color:#c9f251;box-shadow:0 0 0 3px #c9f2511c}.form-hint{color:#788a76;font-size:11px;line-height:1.55;margin:0}.offers-list{padding:10px 22px 20px;max-height:680px;overflow:auto}.offer-item{display:flex;gap:12px;border-bottom:1px solid #313b30;padding:17px 1px}.offer-item:last-child{border:0}.merchant-icon{height:35px;width:35px;border-radius:8px;display:grid;place-items:center;flex:none;font-size:11px;font-weight:900;background:#3b432a;color:#d6e79e}.merchant-icon.shopee{background:#4a3229;color:#ffb18b}.merchant-icon.kabum{background:#26384b;color:#a4c9ff}.merchant-icon.ml{background:#514521;color:#ffe391}.offer-main{min-width:0;flex:1}.offer-title{font-size:12px;font-weight:750;line-height:1.4;margin-bottom:4px}.offer-meta{font-size:10px;color:#8b9b86}.offer-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8cd80;font-size:10px;margin-top:7px;text-decoration:none}.offer-link:hover{text-decoration:underline}.offer-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:9px}.mini-button{background:#2e3e28;color:#ccedaa;border:1px solid #4b6340;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800}.mini-button:hover{background:#3a5430}.count-pill{background:#293527;color:#c5e69a;font-size:11px;border:1px solid #3e5038;border-radius:30px;padding:8px 12px}.table-panel{overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;letter-spacing:.08em;color:#899b85;padding:19px 22px;background:#202820;white-space:nowrap}td{border-top:1px solid #2f392e;color:#c7d2c2;font-size:11px;padding:16px 22px;vertical-align:middle}td small{display:block;color:#788675;margin-top:4px}td code{font-size:10px;color:#99aa94}.explain{color:#8d9b89;font-size:11px;line-height:1.5;margin:15px 2px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.setting-panel{min-height:248px;padding-bottom:23px}.setting-copy{color:#8f9e8a;font-size:12px;line-height:1.6;margin:19px 23px}.setting-copy strong{color:#d6e7ce}.setting-panel>.button{margin-left:23px}.rule-box{display:flex;gap:10px;background:#273125;border-radius:8px;color:#a6b5a0;font-size:10px;line-height:1.45;margin:22px 23px 0;padding:12px}.rule-box>span:first-child{color:#c9f251;font-size:18px}.qr-wrap{margin:20px 23px 0;text-align:center;background:#f5f5ef;border-radius:10px;padding:13px}.qr-wrap img{width:220px;max-width:100%;display:block;margin:auto}.qr-wrap p{color:#3a4537;font-size:10px}.group-list{padding:12px 23px 0;display:grid;gap:8px}.group-option{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px;background:#232d23;color:#d9e5d3;border:1px solid #3b4a38;border-radius:8px;padding:10px;font-size:11px}.group-option:hover{border-color:#b4dd78}.group-option small{color:#8c9b86}.check-row{display:flex!important;align-items:flex-start;gap:10px;margin:0 23px;font-size:11px;color:#d5e3cf;line-height:1.4;cursor:pointer}.check-row input{accent-color:#c9f251;margin-top:2px}.toast{position:fixed;right:22px;bottom:22px;background:#d5f5a3;color:#1a2a12;box-shadow:0 12px 35px #0007;border-radius:9px;padding:12px 16px;max-width:350px;font-size:12px;font-weight:700;z-index:10}.toast.error{background:#efb5a8;color:#351813}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 65% 22%,#344525 0,#101310 38%)}.login-card{width:min(100%,430px);background:#1a211a;border:1px solid #3c4b35;border-radius:18px;padding:38px;box-shadow:0 30px 90px #0007}.login-card .brand-mark{width:49px;height:49px;font-size:30px;margin-bottom:28px}.login-card .brand-mark span{font-size:20px}.login-card .eyebrow{color:#c9f251}.login-card h1{font-size:41px;line-height:1.04;letter-spacing:-.05em;margin:12px 0}.login-card h1 em{font-style:normal;color:#c9f251}.login-card .muted{color:#91a18d;font-size:13px;line-height:1.55;margin:0 0 28px}.login-card form{display:grid;gap:11px}.login-card form button{margin-top:6px}.login-foot{font-size:10px;color:#768473;margin:24px 0 0}.login-foot code{color:#adc998}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.two-column{grid-template-columns:1fr}.sidebar{width:210px}.content{padding:32px}.topbar{padding:0 32px}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px}.brand{padding:0 4px 14px}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:3px}.nav-item{white-space:nowrap;padding:9px;font-size:11px;gap:5px}.nav-icon{font-size:13px}.topbar{height:54px;padding:0 18px}.clock{display:none}.content{padding:26px 18px 55px}.page-heading{align-items:flex-start}.page-heading h1{font-size:32px}.page-heading .button{padding:9px 10px;font-size:10px}.stats-grid{gap:9px}.stat-card{min-height:134px;padding:14px}.stat-head{font-size:8px}.stat-value{font-size:36px;margin:16px 0 10px}.stat-foot{font-size:8px}.settings-grid{grid-template-columns:1fr}.hero-alert{align-items:flex-start}.hero-alert .text-link{display:none}.connection-visual{gap:13px}.wa-orbit{height:73px;width:73px}.wa-symbol{height:49px;width:49px}.form-row{grid-template-columns:1fr}.login-card{padding:27px}}

.merchant-icon.awin{background:#25375b;color:#b9ccff}