:root{--green-950:#063b2b;--green-800:#08704d;--green-600:#11a36d;--green-100:#dff8ed;--gold:#f4b740;--ink:#17251f;--muted:#687970;--line:#dfe8e3;--page:#f3f8f5;--white:#fff;--danger:#c64242;--shadow:0 14px 34px rgba(5,64,43,.09)}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--green-800);font-weight:700;text-decoration:none}
.topbar{height:70px;background:linear-gradient(120deg,var(--green-950),var(--green-600));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10;box-shadow:0 8px 28px rgba(4,55,38,.18)}
.brand{color:#fff;font-size:23px;font-weight:900;letter-spacing:-.5px}.brand span{color:#ffe19a;font-size:13px;text-transform:uppercase;letter-spacing:1.4px;margin-left:5px}
.account{display:flex;align-items:center;gap:12px;font-size:13px}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 70px)}
.nav{background:#fff;border-right:1px solid var(--line);padding:22px 14px}.nav a{display:block;color:#506159;padding:11px 14px;border-radius:11px;margin-bottom:3px}.nav a:hover,.nav a.active{background:var(--green-100);color:var(--green-800)}
main{min-width:0;padding:28px;max-width:1500px;width:100%;margin:0 auto}.auth-main{max-width:520px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}
.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.page-head h1{font-size:30px;line-height:1.1;margin:3px 0;letter-spacing:-.7px}.eyebrow{color:var(--green-600);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:900;margin:0}
.panel,.auth-card{background:#fff;border:1px solid rgba(10,100,68,.1);border-radius:20px;padding:22px;margin-bottom:22px;box-shadow:var(--shadow)}.auth-card{padding:30px}.panel h2,.auth-card h2{margin:0 0 15px;font-size:18px}.panel-title{display:flex;justify-content:space-between;align-items:center}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.inspect-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 4px}.stat{background:linear-gradient(145deg,#fff,#f8fffb);border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:var(--shadow);color:inherit;text-decoration:none;font-weight:inherit}.stat span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.stat strong{display:block;font-size:27px;color:var(--green-950);margin-top:6px}.stat small{display:block;margin-top:6px}.stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:6px}.stat-row strong{margin:0}.stat-inr{color:var(--green-600);font-size:22px;white-space:nowrap}.stat-alert{background:linear-gradient(145deg,#fff5f5,#ffe8e8);border-color:#f3b4b4;box-shadow:0 14px 34px rgba(198,66,66,.12)}.stat-alert span{color:#a72d2d;font-weight:800}.stat-alert strong{color:var(--danger)}.stat-risk-high{background:linear-gradient(145deg,#fffaf0,#fff2cc);border-color:#f0d48a}.stat-risk-high span{color:#835d04;font-weight:800}.stat-risk-high strong{color:#835d04}.stat-active{outline:2px solid var(--green-600);outline-offset:1px}.stat-notify{display:inline-flex;min-width:22px;height:22px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-style:normal;font-weight:800;line-height:1;animation:statPulse 1.4s ease-in-out infinite}@keyframes statPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.7px;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #edf2ef;vertical-align:top}td small,label small{display:block;color:var(--muted);margin-top:2px}td code{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;font-size:11px}td code.device-id{max-width:160px}
.badge{display:inline-block;background:#eef3f0;color:#52635b;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;text-transform:capitalize}.badge.active,.badge.completed,.badge.credit,.badge.resolved,.badge.rewarded,.badge.posted,.badge.yes,.badge.never{background:#dff8ed;color:#08704d}.badge.pending,.badge.processing,.badge.in_progress,.badge.joined,.badge.draft,.badge.high{background:#fff2cc;color:#835d04}.badge.suspended,.badge.rejected,.badge.cancelled,.badge.debit,.badge.closed,.badge.inactive,.badge.deleted,.badge.failed,.badge.no,.badge.very-high{background:#ffe4e4;color:#a72d2d}.badge.deletion_pending{background:#fff2cc;color:#835d04}.badge.yes,.badge.no,.badge.high,.badge.very-high,.badge.never{text-transform:none}
.button,button{appearance:none;border:0;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(120deg,var(--green-800),var(--green-600));color:#fff;border-radius:11px;padding:10px 15px;font:inherit;font-weight:800;box-shadow:0 7px 16px rgba(8,112,77,.15)}.button:hover{filter:brightness(.96)}.button.danger{background:var(--danger)}.button.ghost{background:#fff;color:var(--green-800);border:1px solid var(--line);box-shadow:none}
.link-button{background:none;color:inherit;padding:0;font:inherit;font-weight:800}.inline{display:inline}.inline-form{display:flex;align-items:end;gap:12px;margin:18px 0}.inline-form label{margin:0}
.form-grid{display:grid;gap:15px}.form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.form-grid .wide{grid-column:1/-1}
label{display:grid;gap:6px;color:#42534b;font-weight:750}input,select,textarea{width:100%;border:1px solid #cbd8d1;background:#fbfefc;border-radius:10px;padding:10px 11px;color:var(--ink);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green-600);box-shadow:0 0 0 3px rgba(17,163,109,.12)}textarea{min-height:120px;resize:vertical}
.filters{display:flex;gap:10px;align-items:center;margin-bottom:18px}.filters input{max-width:330px}.filters select{max-width:220px}.row-action{display:flex;gap:7px;align-items:center}.row-action input{width:190px}.row-action select{width:130px}.row-action .button{padding:7px 10px}
.details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.details div{background:#f7fbf9;padding:12px;border-radius:11px}.details dt{font-size:11px;color:var(--muted);text-transform:uppercase}.details dd{margin:4px 0 0;font-weight:800}
.flash{padding:12px 15px;border-radius:11px;margin-bottom:18px;background:#dff8ed;color:#086846;font-weight:700}.flash.error{background:#ffe7e7;color:#a22626}.muted,.empty{color:var(--muted)}.message{background:#f7faf8;border-radius:12px;padding:16px;margin:14px 0;white-space:normal}pre.message{white-space:pre-wrap;font:inherit}.message.response{border-left:4px solid var(--green-600)}
.config-list{display:grid;gap:9px}.config-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:12px;border-radius:13px;background:#f8fbf9}
.cohort-tabs{display:flex;gap:8px;margin:4px 0 16px}.cohort-tab{appearance:none;border:1px solid var(--line);background:#fff;color:#506159;border-radius:999px;padding:8px 16px;font:inherit;font-weight:800;cursor:pointer}.cohort-tab.active{background:var(--green-100);color:var(--green-800);border-color:transparent}.cohort-panel[hidden]{display:none}.config-sections{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.config-card{margin-bottom:0}.config-card h2{padding-bottom:12px;border-bottom:1px solid var(--line)}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.config-field{display:grid;gap:5px;padding:12px;border-radius:13px;background:#f8fbf9}.config-field strong{font-size:13px}.config-field small{color:var(--muted);font-size:11px;line-height:1.45}.config-field .config-meta{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.75}.config-field-switch{grid-template-columns:minmax(0,1fr) auto;align-items:center}.config-field-switch .config-meta{grid-column:1/-1}.switch{position:relative;display:block;width:48px;height:28px}.switch input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.switch i{position:absolute;inset:0;background:#bcc9c2;border-radius:999px;transition:.2s}.switch i:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.switch input:checked+i{background:var(--green-600)}.switch input:checked+i:after{transform:translateX(20px)}.ads-config-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.config-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:14px 0;background:linear-gradient(180deg,rgba(243,248,245,0),var(--page) 45%)}.winner{padding:20px;background:linear-gradient(125deg,var(--green-950),var(--green-600));color:#fff;border-radius:16px}.winner span{color:#bff4df;text-transform:uppercase;font-weight:900;font-size:11px}.winner strong{display:block;font-size:24px;margin-top:5px}.winner p{margin:3px 0 0}.pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px;padding-top:18px}.pager .button.disabled{opacity:.4;pointer-events:none;cursor:default}
@media(max-width:900px){.ads-config-sections{grid-template-columns:1fr}.shell{grid-template-columns:1fr}.nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:9px}.nav a{white-space:nowrap;margin:0}.stat-grid{grid-template-columns:repeat(2,1fr)}.form-grid.compact,.details{grid-template-columns:1fr 1fr}.topbar{padding:0 16px}.account{font-size:0}.account .inline{font-size:13px}main{padding:18px}}
@media(max-width:560px){.config-grid,.stat-grid,.form-grid.compact,.details{grid-template-columns:1fr}.filters,.inline-form{align-items:stretch;flex-direction:column}.filters input,.filters select{max-width:none}.topbar{height:62px}.shell{min-height:calc(100vh - 62px)}.panel,.auth-card{padding:16px;border-radius:15px}.page-head h1{font-size:25px}.row-action{min-width:390px}}

/* Dashboard devices (loan-app style) */
.pill{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}
.pill-blue{background:#e0f2fe;color:#0369a1}
.pill-purple{background:#f3e8ff;color:#7e22ce}
.pill-green{background:#dff8ed;color:#08704d}
.device-id-cell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.notify-time{white-space:nowrap}
.segment-tabs{display:flex;gap:8px;margin:0 0 16px}
.segment-tab{appearance:none;border:1px solid var(--line);background:#fff;color:#506159;border-radius:999px;padding:8px 16px;font:inherit;font-weight:800;text-decoration:none}
.segment-tab.active{background:var(--green-100);color:var(--green-800);border-color:transparent}
.field-hint{color:var(--muted);font-size:13px;margin:0 0 12px;line-height:1.45}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.switch-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:13px;background:#f8fbf9}
.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:14px 14px 6px;font-weight:800}
.preview-img{max-width:160px;max-height:90px;border-radius:8px;margin-top:8px;object-fit:cover}
@media(max-width:700px){.grid-2{grid-template-columns:1fr}}