:root{--ink:#182033;--muted:#7d879b;--line:#e7eaf0;--purple:#6656dc;--nav:#111827}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#7664e8,#171d30 48%,#0d1220)}.login form{width:min(420px,92vw);background:#fff;padding:38px;border-radius:22px;box-shadow:0 35px 90px #0008}.logo,.brand>b{display:grid;place-items:center;background:linear-gradient(135deg,#8474f3,#5040c3);color:#fff;font-weight:900}.logo{width:56px;height:56px;border-radius:16px;font-size:28px;box-shadow:0 12px 26px #6555da55}.login h1{margin:20px 0 5px;font-size:25px}.login p{color:var(--muted);margin:0 0 28px}.login label,.form label,.builder-body label{display:grid;gap:8px;font-weight:700;font-size:12px;margin:15px 0;color:#434d61}.login input,.form input,.form select,.form textarea,.builder-body input,.builder-body select,.toolbar input,.toolbar select{width:100%;padding:12px 13px;border:1px solid #dce1e9;border-radius:10px;background:#fff;outline:0;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#7969e6;box-shadow:0 0 0 3px #7969e617}.login button,.form-actions button,.builder-body>button,.toolbar>button,header button{border:0;background:linear-gradient(135deg,#7463e5,#5947cb);color:white;border-radius:10px;padding:12px 17px;font-weight:750;box-shadow:0 6px 15px #5947cb25}.login button{width:100%;margin-top:8px}.login small,.error{display:block;color:#d54b61;margin-top:12px}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.app aside{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#111827,#0c1220);color:#aeb8ce;padding:22px 15px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 25px;color:#fff;font-weight:750}.brand>b{width:40px;height:40px;border-radius:12px;font-size:21px}.brand span{display:grid}.brand small{font-size:8px;letter-spacing:2px;color:#737f99;margin-top:4px}.app nav{display:grid;gap:4px}.app nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#9ba7bf;padding:12px 13px;border-radius:10px;text-align:left}.app nav button i{font-style:normal;width:20px;text-align:center;font-size:17px}.app nav button:hover{background:#1c2538;color:#fff}.app nav button.active{background:linear-gradient(90deg,#6756dd,#5545c6);color:#fff;box-shadow:0 8px 20px #0003}.app aside footer{margin-top:auto;border-top:1px solid #273047;padding:17px 6px 0;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#2b3450;color:#fff;font-weight:800}.app aside footer div:nth-child(2){display:grid;min-width:0}.app aside footer strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app aside footer small{text-transform:capitalize;color:#747f95;font-size:10px}.app aside footer button{border:0;background:transparent;color:#8d98ad;padding:7px}.app main{min-width:0}header{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}header h1{font-size:23px;margin:0}header p{font-size:12px;color:var(--muted);margin:4px 0 0}.header-actions{display:flex;align-items:center;gap:13px}.live-dot{font-size:10px;color:#23a773;background:#e9faf3;padding:7px 10px;border-radius:30px}#content{padding:25px 30px 40px;max-width:1600px;margin:auto}.welcome{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 18px}.welcome>div>span{font-size:9px;letter-spacing:1.8px;color:#7566da;font-weight:850}.welcome h2{font-size:22px;margin:6px 0}.welcome p{margin:0;color:var(--muted)}.date{text-align:right;font-size:10px;color:var(--muted)}.date b{display:block;color:var(--ink);font-size:14px;margin-top:4px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cards.two{grid-template-columns:repeat(2,1fr)}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 22px #19243c08}.card{position:relative;padding:20px;overflow:hidden}.card:after{content:"";position:absolute;right:-15px;top:-25px;width:85px;height:85px;border-radius:50%;background:currentColor;opacity:.06}.card>span{display:block;font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.4px}.card strong{display:block;font-size:25px;margin:8px 0 6px}.card small{color:#8993a5}.card.purple{border-top:3px solid #7160e2}.card.green{border-top:3px solid #2db77d}.card.blue{border-top:3px solid #3b8fe5}.card.orange{border-top:3px solid #efa447}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.panel{margin-top:17px;overflow:hidden}.panel-head{min-height:67px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.panel-head h3{font-size:15px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.link{border:0;background:none;color:#6756d5;font-weight:750}.bars{height:205px;display:flex;align-items:flex-end;gap:20px;padding:35px 28px 20px}.bar-col{height:170px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px}.bar{position:relative;width:min(38px,70%);min-height:5px;border-radius:6px 6px 2px 2px;background:linear-gradient(#8b7cf0,#6050d3);transition:.2s}.bar:hover{filter:brightness(1.08)}.bar em{display:none;position:absolute;top:-23px;width:50px;left:50%;transform:translateX(-50%);text-align:center;font-style:normal;font-size:10px}.bar:hover em{display:block}.bar-col small{color:#8c96a8;font-size:10px}.network{display:grid;grid-template-columns:1fr 1fr;padding:10px 20px 20px}.network div{display:grid;padding:17px 6px;border-bottom:1px solid #edf0f4}.network div:nth-last-child(-n+2){border-bottom:0}.network b{font-size:18px}.network span{font-size:10px;color:var(--muted);margin-top:5px}.network .online{font-size:13px;color:#21996e}.toolbar{display:flex;justify-content:flex-start;gap:11px;margin-bottom:15px}.toolbar .search{position:relative;flex:1;max-width:420px}.search span{position:absolute;left:13px;top:10px;color:#8b95a8}.toolbar .search input{padding-left:36px}.toolbar select{width:145px}.toolbar>button{margin-left:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafbfc;color:#8791a3;font-size:9px;letter-spacing:.6px;padding:12px 16px}td{padding:14px 16px;border-top:1px solid #edf0f4;font-size:12px}tbody tr:hover{background:#fbfbfe}.offer-name{display:flex;align-items:center;gap:10px}.offer-name>b{display:grid;place-items:center;min-width:42px;height:32px;border-radius:8px;background:#eeecff;color:#5d4dce;font-size:11px}.offer-name span{display:grid}.offer-name small{color:var(--muted);margin-top:3px}.status{display:inline-block;padding:5px 9px;border-radius:20px;background:#edf0f4;color:#657086;text-transform:capitalize;font-size:10px;font-weight:750}.status.active,.status.approved{background:#e7f8f0;color:#17885f}.status.pending{background:#fff4db;color:#a36d09}.status.paused{background:#fff0e5;color:#b76420}.status.inactive,.status.rejected{background:#fdebed;color:#bf3b51}.action{border:1px solid #dfe3ea;background:white;border-radius:7px;padding:6px 10px;color:#5e50c5}.empty{display:grid;place-items:center;text-align:center;gap:7px;padding:55px 20px;color:var(--muted)}.empty b{color:var(--ink);font-size:15px}.empty span{font-size:12px}.modal{position:fixed;inset:0;background:#111827aa;backdrop-filter:blur(3px);display:grid;place-items:center;z-index:30;padding:20px}.form{width:min(680px,96vw);max-height:94vh;background:white;border-radius:18px;box-shadow:0 30px 80px #0005;overflow:auto}.simple-form{width:min(510px,96vw)}.form-head{position:sticky;top:0;background:white;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--line)}.form-head h2{margin:0;font-size:19px}.form-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.close{border:0!important;background:transparent!important;color:#7b8598!important;box-shadow:none!important;font-size:24px!important;padding:0!important}.form-body{padding:8px 25px 20px}.form textarea{resize:vertical}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form .row.three{grid-template-columns:repeat(3,1fr)}.form label small{font-weight:400;color:var(--muted)}.form-actions{position:sticky;bottom:0;background:#fafbfc;border-top:1px solid var(--line);padding:15px 25px;display:flex;justify-content:flex-end;gap:10px}.secondary{border:1px solid #dce1e9!important;background:white!important;color:#586277!important;box-shadow:none!important}.toast{position:fixed;right:25px;bottom:25px;background:#172033;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 12px 30px #0004;z-index:50}.builder{display:grid;grid-template-columns:1fr 1fr;gap:16px}.builder .panel{margin-top:0}.builder-body{padding:8px 20px 22px}.code{background:#f1efff;color:#5040ba;padding:13px;border-radius:9px;word-break:break-all;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.builder-body>button{margin-top:10px}.docs .doc-row{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:16px 20px;border-top:1px solid #edf0f4}.docs .doc-row:first-of-type{border-top:0}.docs .doc-row>b{font-size:11px}.docs code{background:#f1efff;color:#5142ba;padding:3px 6px;border-radius:5px}.truncate{max-width:320px;overflow:hidden;text-overflow:ellipsis}.loading{padding:40px;text-align:center;color:var(--muted)}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.grid,.builder{grid-template-columns:1fr}.app{grid-template-columns:78px 1fr}.brand span,.app nav button span,.app aside footer div:nth-child(2),.app aside footer button{display:none}.app aside footer{grid-template-columns:1fr}.brand{padding-left:4px}.app nav button{justify-content:center}.app nav button i{font-size:19px}}@media(max-width:650px){.cards,.cards.two{grid-template-columns:1fr}.app{display:block}.app aside{position:fixed;left:0;right:0;bottom:0;top:auto;height:65px;z-index:20;flex-direction:row;padding:7px;overflow:auto}.brand,.app aside footer{display:none}.app nav{display:flex;width:100%;justify-content:space-around}.app nav button{padding:8px;min-width:45px}.app main{padding-bottom:70px}header{padding:0 16px}.live-dot{display:none}#content{padding:18px 14px}.form .row,.form .row.three{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar .search{max-width:none;width:100%;flex-basis:100%}.toolbar>button{margin-left:0}.docs .doc-row{grid-template-columns:1fr;gap:7px}}