:root{
  --bg:#070b12;--bg-soft:#0b111c;--panel:#101725;--panel-2:#151f31;--panel-3:#0d1420;
  --line:#253149;--line-soft:#1b2638;--text:#f7f9fc;--muted:#8d9aaf;--accent:#4f7cff;--accent-2:#6f91ff;
  --ok:#22c55e;--warn:#f59e0b;--danger:#ef4444;--shadow:0 22px 70px rgba(0,0,0,.28);--radius:18px;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% -15%,#15274a 0,transparent 32%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:rgba(9,14,24,.95);border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;backdrop-filter:blur(18px);z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.brand-logo{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:var(--panel-2);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-logo span{font-weight:900}.brand-copy{min-width:0}.brand strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{display:block;color:var(--muted)}.side-nav{display:grid;gap:7px}.side-nav a,.side-bottom a{min-height:46px;padding:11px 13px;border-radius:12px;color:#aab5c6;display:flex;align-items:center;gap:11px;font-weight:700;border:1px solid transparent;transition:.18s ease}.side-nav a:hover,.side-nav a.active,.side-bottom a:hover{background:linear-gradient(135deg,rgba(79,124,255,.22),rgba(79,124,255,.06));color:#fff;border-color:rgba(79,124,255,.3);transform:translateX(2px)}.nav-icon{font-size:19px;width:25px;text-align:center}.nav-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px}.nav-separator{padding:18px 12px 7px}.nav-separator span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#63718a;font-weight:900}.side-bottom{margin-top:auto}.main{margin-left:260px;width:calc(100% - 260px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:16px;position:sticky;top:0;background:rgba(7,11,18,.88);backdrop-filter:blur(16px);z-index:30}.topbar h1{font-size:21px;margin:0}.topbar p{margin:2px 0 0;color:var(--muted);font-size:12px}.api-status{margin-left:auto;color:#c7d1df;background:#101a2a;border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-size:12px;display:flex;align-items:center;gap:7px}.api-status i{display:block;width:8px;height:8px;background:var(--ok);border-radius:50%;box-shadow:0 0 0 4px rgba(34,197,94,.08)}.menu-btn{display:none;background:transparent;border:0;color:#fff;font-size:25px;cursor:pointer}.content{padding:28px;max-width:1540px;width:100%;margin:0 auto;flex:1}.footer{border-top:1px solid var(--line);padding:18px 30px;color:#65738a;font-size:12px;display:flex;justify-content:space-between;gap:20px}.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.stat,.panel{background:linear-gradient(180deg,rgba(20,30,48,.97),rgba(13,20,32,.97));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.stat{padding:22px;min-height:126px}.stat span{color:#a8b3c5;font-weight:700}.stat strong{display:block;font-size:34px;margin:8px 0 0}.stat small{color:var(--muted)}.panel{margin-top:20px;padding:22px}.panel:first-child{margin-top:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.panel h2{margin:0;font-size:18px}.panel p{margin:4px 0 0;color:var(--muted)}.panel-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary div{background:var(--panel-3);border:1px solid var(--line);border-radius:13px;padding:15px}.summary b,.summary span{display:block}.summary span{margin-top:5px;color:#aab5c6;word-break:break-word}.btn{border:1px solid var(--line);background:#172237;color:#fff;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;transition:.17s ease;white-space:nowrap}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.btn.danger{background:rgba(239,68,68,.12);color:#ff8585;border-color:rgba(239,68,68,.35)}.btn.ghost{background:transparent}.btn.small{padding:7px 10px;font-size:12px}.search{display:flex;gap:8px}.search input{min-width:280px}.field,.settings-form label{display:block;color:#c8d1df;font-weight:700}.field input,.field textarea,.field select,.settings-form input,.settings-form select,.settings-form textarea,.search input{width:100%;margin-top:7px;background:#0b121e;border:1px solid var(--line);border-radius:10px;padding:12px;color:#fff;outline:none;transition:.16s}.field textarea,.settings-form textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus,.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,124,255,.08)}.field small,.settings-form small{display:block;color:var(--muted);font-weight:400;margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-form>label{margin-bottom:18px}.upload-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px}.upload-card{background:#0c131f;border:1px solid var(--line);border-radius:14px;padding:15px}.upload-card>span{display:block;font-weight:800}.upload-card img,.preview-empty{display:block;width:100%;height:180px;object-fit:contain;background:#070b12;border-radius:10px;margin:10px 0}.upload-card.wide img{object-fit:cover}.preview-empty{display:grid;place-items:center;color:var(--muted)}.check{display:flex!important;align-items:center;gap:8px;margin-top:10px!important}.check input{width:auto!important;margin:0!important}.save{margin-top:20px;min-width:190px}.alert{padding:12px 14px;border-radius:11px;margin:0 0 16px;border:1px solid}.alert.success{background:rgba(34,197,94,.11);border-color:rgba(34,197,94,.3);color:#7ee7a0}.alert.error{background:rgba(239,68,68,.11);border-color:rgba(239,68,68,.3);color:#ff8d8d}.alert.info{background:rgba(79,124,255,.1);border-color:rgba(79,124,255,.28);color:#a9bcff}.api-box{background:#070c14;border:1px solid var(--line);border-radius:12px;padding:14px;overflow:auto}.api-box code{color:#9eb6ff}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#0c131f}table{border-collapse:collapse;width:100%;min-width:980px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #1d293c;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7f8da5;background:#111a29;position:sticky;top:0;z-index:1}td{color:#dfe5ee}td small{display:block;color:#74839a;margin-top:3px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pill{display:inline-flex;font-size:11px;padding:5px 8px;border-radius:999px;font-weight:900}.pill.on{background:rgba(34,197,94,.12);color:#5ce38a}.pill.wait{background:rgba(245,158,11,.14);color:#fbbf24}.pill.off{background:#1d2635;color:#8c9aaf}.eye{background:none;border:0;color:#7ea1ff;cursor:pointer;padding:4px}.actions-cell{min-width:210px}.inline-form{display:inline}.danger-zone{display:flex;justify-content:flex-end;margin-top:14px}.empty{text-align:center!important;color:var(--muted)!important;padding:40px!important}.clients-table{min-width:1280px}.feedback-table{min-width:1180px}.message-cell{max-width:520px;white-space:normal}.message-cell strong{display:block;margin-bottom:4px}.message-preview{color:#b9c4d4;white-space:pre-wrap;word-break:break-word}.unread-row{background:rgba(79,124,255,.035)}.unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px}.meta-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.meta-chip{font-size:11px;border:1px solid var(--line);background:#0c1421;border-radius:999px;padding:4px 8px;color:#90a0b6}.realtime-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.07);border-radius:12px;color:#9be9b4;margin-bottom:18px}.realtime-note i{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px rgba(34,197,94,.08)}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(1,4,9,.76);backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(620px,100%);max-height:min(86vh,760px);overflow:auto;background:linear-gradient(180deg,#121c2c,#0d1522);border:1px solid #2a3850;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#111a29;z-index:2}.modal-head h3{margin:0;font-size:18px}.modal-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.modal-close{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#182337;color:#fff;font-size:20px;cursor:pointer}.modal-body{padding:22px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.helper-card{display:flex;gap:12px;align-items:flex-start;background:#0c1420;border:1px solid var(--line);border-radius:13px;padding:14px;margin-top:14px;color:#9eacc0}.helper-card b{display:block;color:#dce4ef}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);padding:32px;background:rgba(16,23,37,.97);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.login-brand{text-align:center;margin-bottom:24px}.login-brand img{width:100px;height:100px;object-fit:contain;border-radius:18px}.login-brand h1{margin:12px 0 0}.login-brand p{margin:3px 0;color:var(--muted)}.login-card label{display:block;margin:13px 0;color:#c9d2df;font-weight:700}.login-card input{display:block;width:100%;margin-top:7px;padding:13px;border-radius:10px;background:#0b111c;border:1px solid var(--line);color:#fff}.login-card .btn{width:100%;margin-top:10px;padding:13px}.sidebar-overlay{display:none}.kpi-inline{display:flex;gap:12px;flex-wrap:wrap}.kpi-inline .meta-chip{padding:6px 10px}.code-note{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9bcff}.stack{display:grid;gap:16px}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{transform:translateX(-100%);transition:.23s ease}.main{margin-left:0;width:100%}.menu-btn{display:block}.menu-open .sidebar{transform:translateX(0)}.menu-open .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:35}.form-grid,.form-grid.three,.upload-grid{grid-template-columns:1fr}.clients-head{align-items:stretch;flex-direction:column}.search input{min-width:0}.summary{grid-template-columns:1fr}}
@media(max-width:700px){.content{padding:16px}.topbar{height:76px;padding:0 16px}.topbar p{display:none}.cards{grid-template-columns:1fr}.panel{padding:16px;border-radius:15px}.api-status{display:none}.search{flex-direction:column}.panel-head{flex-direction:column}.panel-actions{width:100%}.footer{padding:16px;flex-direction:column}.modal{padding:12px}.modal-card{max-height:92vh;border-radius:16px}.modal-head,.modal-body{padding:16px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}
/* Clientes / onlines / atualização -------------------------------------------------------------- */
.nav-icon svg{width:19px;height:19px;display:block;fill:currentColor}.nav-badge.online{background:rgba(34,197,94,.16);color:#79e79e;border:1px solid rgba(34,197,94,.35)}
.pill.active,.pill.on{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.32);color:#79e79e}.pill.pending,.pill.wait{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.30);color:#f7c56d}.pill.blocked{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:#ff8585}.pill.expired{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.26);color:#cbd5e1}
.actions-title{text-align:center}.action-grid{display:flex;align-items:flex-start;justify-content:center;gap:8px;min-width:205px}.action-grid form{margin:0}.icon-action{width:58px;min-height:55px;padding:7px 4px;border:1px solid var(--line);background:#0d1624;color:#aebbd0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:.18s ease}.icon-action svg{width:21px;height:21px;fill:currentColor}.icon-action small{font-size:9px;line-height:1.1;color:inherit}.icon-action:hover,.icon-action:focus{outline:none;color:#fff;border-color:rgba(79,124,255,.58);background:rgba(79,124,255,.16);transform:translateY(-2px)}.icon-action.warn:hover{border-color:rgba(245,158,11,.55);color:#f7c56d;background:rgba(245,158,11,.10)}.icon-action.danger:hover{border-color:rgba(239,68,68,.55);color:#ff8585;background:rgba(239,68,68,.10)}.icon-action.success:hover{border-color:rgba(34,197,94,.55);color:#79e79e;background:rgba(34,197,94,.10)}
.panel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clients-head .panel-actions{justify-content:flex-end}.clients-table td{vertical-align:middle}
.online-kpis{margin-bottom:18px}.online-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.online-card{background:linear-gradient(145deg,#111a29,#0c131f);border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 16px 40px rgba(0,0,0,.14)}.online-head{display:flex;align-items:center;gap:10px}.online-head>div{min-width:0;flex:1}.online-head b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-head small{color:var(--muted)}.live-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.1),0 0 16px rgba(34,197,94,.55)}.online-time{font-size:11px;color:#79e79e;background:rgba(34,197,94,.08);padding:4px 8px;border-radius:999px}.watching{display:flex;gap:12px;align-items:center;margin:15px 0;padding:14px;border:1px solid rgba(79,124,255,.24);background:rgba(79,124,255,.07);border-radius:13px}.watch-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(79,124,255,.18);color:#91aaff}.watching div{min-width:0}.watching small,.watching span{display:block;color:var(--muted);font-size:11px}.watching strong{display:block;font-size:14px;margin:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.online-meta div{background:#0b121d;border-radius:10px;padding:10px}.online-meta dt{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.online-meta dd{margin:3px 0 0;color:#cdd6e4;font-size:12px;overflow-wrap:anywhere}.empty-state{grid-column:1/-1;text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:17px;color:var(--muted)}.empty-state h3{color:#e8edf5;margin:10px 0 5px}.empty-icon{font-size:32px;color:#53698f}
.toggle-line{display:flex!important;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);background:#0c1420;border-radius:13px}.toggle-line input{width:20px;height:20px}.toggle-line span{display:grid}.toggle-line small{color:var(--muted)}.apk-drop{position:relative;display:flex;align-items:center;gap:15px;border:1px dashed #38517d;background:rgba(79,124,255,.05);border-radius:16px;padding:20px;min-height:118px}.apk-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.apk-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#4f7cff,#3152b9);font-weight:900;letter-spacing:.04em}.apk-drop b{display:block;font-size:15px}.apk-drop p{margin:4px 0;color:var(--muted);font-size:12px}.apk-drop span{color:#91aaff;font-size:12px}.settings-form textarea{width:100%;resize:vertical;min-height:110px}.security-list{display:flex;flex-wrap:wrap;gap:9px}.security-list span{padding:9px 11px;border-radius:10px;background:#0b1421;border:1px solid var(--line);color:#aebbd0;font-size:12px}
@media(max-width:900px){.online-grid{grid-template-columns:1fr}.action-grid{min-width:185px}.icon-action{width:53px}.clients-head .panel-actions{justify-content:flex-start;width:100%}}
@media(max-width:700px){.action-grid{justify-content:flex-start}.online-meta{grid-template-columns:1fr}.apk-drop{align-items:flex-start}.panel-actions{width:100%}.panel-actions .btn{flex:1}.clients-table{min-width:920px}}