:root{font-family:Tahoma,Arial,sans-serif;color:#eaf5f0;background:#071510;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#123b2d,transparent 40%),#071510;min-height:100vh}main{max-width:1100px;margin:auto;padding:48px 22px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}h1{font-size:clamp(2rem,6vw,4rem);margin:12px 0 8px}h2{margin-top:0}.badge{color:#51e6a7;border:1px solid #278d68;border-radius:999px;padding:7px 13px}p{color:#9eb8ad}.card,.stats article{background:#0d211a;border:1px solid #1c4234;border-radius:20px;padding:24px;box-shadow:0 20px 60px #0005}.login{max-width:430px;margin:70px auto}.grid,.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.stats{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.stats b{display:block;font-size:2rem;color:#51e6a7}.stats span{color:#9eb8ad}label{display:block;margin:16px 0}input{width:100%;padding:13px;margin-top:8px;border:1px solid #2c5848;border-radius:11px;background:#091a14;color:white}button{border:0;border-radius:11px;padding:12px 18px;background:#35d994;color:#042016;font-weight:bold;cursor:pointer}form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}form label{flex:1 1 100%}form input{flex:1}.device{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #1c4234}.error{color:#ff8e8e}pre{white-space:pre-wrap;word-break:break-all;background:#071510;padding:16px;border-radius:12px;color:#8ff0c6}@media(max-width:700px){.grid,.stats{grid-template-columns:1fr}main{padding-top:24px}}

input,select,textarea{width:100%;padding:13px;margin-top:8px;border:1px solid #2c5848;border-radius:11px;background:#091a14;color:white}textarea{min-height:95px;resize:vertical}button:disabled{opacity:.55;cursor:wait}.secondary{background:#173f31;color:#bdf4db;padding:8px 11px}.danger{background:#5c2529;color:#ffd9dc;padding:8px 11px}.device{align-items:center;gap:12px}.device small{display:block;color:#9eb8ad;margin-top:5px}.actions{display:flex;gap:6px;flex-wrap:wrap}.qr{display:block;max-width:320px;width:100%;margin:16px auto;border-radius:14px;background:white;padding:10px}.device-session-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.device-session-actions button{display:grid;place-items:center;gap:5px;padding:12px 8px;background:#101f2a;color:#48d9c0;border:1px solid #244a4b}.device-session-actions button span{font-size:1.25rem;font-weight:900}.device-session-actions button.danger{color:#ff9eaa;border-color:#603645;background:#25151d}@media(max-width:700px){.device{align-items:flex-start;flex-direction:column}.device-session-actions{grid-template-columns:repeat(2,1fr)}}
.manage-row{display:grid;grid-template-columns:minmax(150px,2fr) repeat(2,minmax(90px,1fr)) auto auto;gap:10px;align-items:end;padding:14px 0;border-bottom:1px solid #1c4234}.manage-row small{display:block;color:#9eb8ad;margin-top:5px}.manage-row label{margin:0;font-size:.8rem;color:#9eb8ad}.check{display:flex!important;align-items:center;gap:6px;padding-bottom:10px}.check input{width:auto;margin:0}.audit-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #1c4234;font-size:.85rem}.audit-row span,.audit-row time{color:#9eb8ad}@media(max-width:850px){.manage-row,.audit-row{grid-template-columns:1fr}.manage-row{align-items:stretch}}
.resource-panel{margin:0 0 18px;padding:22px;background:linear-gradient(145deg,#102a21,#0a1b15);border:1px solid #23523f;border-radius:22px;box-shadow:0 20px 60px #0004}.resource-heading,.resource-heading>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.resource-heading>div{justify-content:flex-start}.resource-heading h2{margin:0}.resource-heading small{color:#86aa9b}.live-dot{width:10px;height:10px;border-radius:50%;background:#51e6a7;box-shadow:0 0 0 6px #51e6a718;animation:livePulse 2s infinite}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.resource-card{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;padding:18px;background:#081914aa;border:1px solid #1c4234;border-radius:17px;transition:.25s ease}.resource-card:hover{transform:translateY(-2px);border-color:#34785d}.resource-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#143d2e;color:#65edb1;font-size:.72rem;font-weight:bold;letter-spacing:.06em}.resource-card h3{margin:0 0 4px;font-size:.9rem;color:#a9c6ba}.resource-card strong{font-size:1.7rem;color:#f1fff9}.resource-card small{display:block;color:#789b8d;margin-top:3px}.resource-meter{grid-column:1/-1;width:100%;height:7px;overflow:hidden;border:0;border-radius:999px;background:#173126;appearance:none}.resource-meter::-webkit-progress-bar{background:#173126;border-radius:999px}.resource-meter::-webkit-progress-value{background:linear-gradient(90deg,#2ed68e,#65edb1);border-radius:999px;transition:width .7s ease}.resource-meter::-moz-progress-bar{background:linear-gradient(90deg,#2ed68e,#65edb1);border-radius:999px}.resource-warning .resource-meter::-webkit-progress-value{background:linear-gradient(90deg,#f0ad44,#ffd273)}.resource-warning .resource-meter::-moz-progress-bar{background:linear-gradient(90deg,#f0ad44,#ffd273)}.resource-danger .resource-meter::-webkit-progress-value{background:linear-gradient(90deg,#ef5f68,#ff8990)}.resource-danger .resource-meter::-moz-progress-bar{background:linear-gradient(90deg,#ef5f68,#ff8990)}.resource-offline{opacity:.72}.resource-offline .live-dot{background:#ef5f68;box-shadow:0 0 0 6px #ef5f6818}@keyframes livePulse{50%{box-shadow:0 0 0 10px #51e6a706}}@media(max-width:850px){.resource-grid{grid-template-columns:1fr}.resource-heading{align-items:flex-start;flex-direction:column}}
.api-key-card{position:relative;overflow:hidden}.api-key-card:before{content:"";position:absolute;inset:-120px auto auto -90px;width:250px;height:250px;border-radius:50%;background:rgba(88,101,242,.12);filter:blur(10px);pointer-events:none}.key-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.key-heading p{color:var(--muted,#92a0bd);margin-top:6px}.key-shield{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;color:#9f8cff;background:linear-gradient(135deg,rgba(123,92,255,.28),rgba(41,198,255,.16));border:1px solid rgba(159,140,255,.35)}.key-form{display:grid;gap:16px;margin-top:20px}.key-form>label,.key-limits label{display:grid;gap:7px}.scope-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid rgba(130,147,184,.24);border-radius:16px;background:rgba(7,12,24,.45)}.scope-group>span{grid-column:1/-1;color:#aeb9d3}.scope-group label{display:flex;align-items:center;gap:9px;padding:9px;border-radius:11px;background:rgba(255,255,255,.025)}.scope-group input{width:auto}.key-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key-reveal{display:grid;gap:11px;margin:18px 0;padding:16px;border:1px solid rgba(42,216,161,.45);border-radius:16px;background:rgba(20,105,80,.15)}.key-reveal code{direction:ltr;text-align:left;padding:12px;border-radius:10px;background:#07101d;color:#89f0cc;overflow-wrap:anywhere}.key-list{display:grid;gap:12px;margin-top:18px}.key-item{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1.3fr) auto;align-items:center;gap:15px;padding:15px;border:1px solid rgba(130,147,184,.22);border-radius:16px;background:rgba(8,14,27,.48)}.key-item.revoked{opacity:.58}.key-info,.key-usage{display:grid;gap:5px}.key-info small,.key-usage small{color:#8e9ab4}.key-scopes{display:flex;flex-wrap:wrap;gap:5px}.key-scopes i{font-style:normal;font-size:.72rem;padding:4px 7px;border-radius:999px;background:rgba(115,92,255,.16);color:#b8aaff}.key-state{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;font-size:.74rem;color:#56e0ae;border:1px solid currentColor}.key-state.off{color:#ff8296}@media(max-width:700px){.scope-group,.key-limits{grid-template-columns:1fr}.scope-group>span{grid-column:auto}.key-item{grid-template-columns:1fr}}
.message-history{grid-column:1/-1}.history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.history-heading p{margin:6px 0 0;color:#91a0be}.history-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.history-stats article{padding:14px;border:1px solid rgba(130,147,184,.22);border-radius:15px;background:rgba(8,14,27,.48);display:grid;gap:4px}.history-stats b{font-size:1.4rem}.history-stats small{color:#91a0be}.history-filters{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:16px}.history-filters label{display:grid;gap:6px;color:#93a1bd;font-size:.82rem}.history-search{grid-column:span 2}.history-list{display:grid;gap:10px}.history-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(140px,.8fr) minmax(180px,1.3fr) minmax(140px,.8fr);gap:14px;align-items:center;padding:15px;border:1px solid rgba(130,147,184,.22);border-radius:16px;background:linear-gradient(145deg,rgba(16,24,43,.94),rgba(7,13,25,.92))}.history-cell{display:grid;gap:4px;min-width:0}.history-cell span{color:#8b99b6;font-size:.78rem}.history-cell b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-status{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;font-size:.75rem;border:1px solid currentColor}.history-status.queued{color:#51d4ff}.history-status.processing{color:#b397ff}.history-status.success{color:#3edba4}.history-status.failed{color:#ff758b}.history-status.invalid{color:#ffb84d}.history-status.expired,.history-status.cancelled{color:#8793aa}.history-error{color:#ff9aab!important}.history-pages{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.history-pages span{color:#a8b4cd}@media(max-width:1000px){.history-stats{grid-template-columns:repeat(3,1fr)}.history-filters{grid-template-columns:repeat(2,1fr)}.history-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.history-stats,.history-filters,.history-row{grid-template-columns:1fr}.history-search{grid-column:auto}.history-heading{flex-direction:column}}

.modal-open{overflow:hidden}.device-action-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.device-action-backdrop{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:#02050bd9;backdrop-filter:blur(8px)}.device-action-dialog{position:relative;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px;border:1px solid #3a4766;border-radius:24px;background:radial-gradient(circle at 100% 0,#6f5cff20,transparent 34%),linear-gradient(145deg,#151e33,#0c1322);box-shadow:0 30px 100px #000b;animation:actionModalIn .2s ease}.device-action-close{position:absolute;top:18px;left:18px;width:38px;height:38px;padding:0;border-radius:12px;background:#222c43;color:#dce4f7;font-size:1.45rem}.device-action-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:17px;border-radius:18px;background:#624fff26;border:1px solid #8774ff55;color:#a99cff;font-size:1.65rem;font-weight:900}.device-action-dialog>small{color:#8f9db9}.device-action-dialog h2{margin:7px 0 8px;font-size:1.65rem}.device-action-dialog>p{margin:0 0 18px}.device-action-impact{display:grid;grid-template-columns:1fr 1fr;gap:12px}.device-action-impact article{padding:16px;border:1px solid #2b3752;border-radius:16px;background:#0a1120aa}.device-action-impact b{display:block;margin-bottom:10px;color:#e9edfa}.device-action-impact ul{display:grid;gap:9px;margin:0;padding-right:19px;color:#aeb9cf;line-height:1.7}.device-action-impact article:last-child{border-color:#245247;background:#0b211d77}.device-action-impact article:last-child b{color:#63e1b6}.device-action-warning{margin-top:14px!important;padding:12px 14px;border-radius:13px;background:#d99a2e18;border:1px solid #d99a2e55;color:#ffd486}.device-action-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.device-action-footer button{min-width:135px}.device-action-modal.is-danger .device-action-icon{color:#ff91a3;background:#ff637d18;border-color:#ff637d55}.device-action-modal.is-danger #deviceActionConfirm{background:#7c2938;color:#ffe8ec}@keyframes actionModalIn{from{opacity:0;transform:translateY(12px) scale(.98)}}@media(max-width:650px){.device-action-dialog{padding:24px 18px}.device-action-impact{grid-template-columns:1fr}.device-action-footer{flex-direction:column-reverse}.device-action-footer button{width:100%}}

.device-action-backdrop{margin:0!important;padding:0!important;border:0!important}.device-card-tabs{display:flex;gap:5px;margin-top:16px;padding:5px;border:1px solid #28334d;border-radius:14px;background:#090f1c}.device-card-tabs button{flex:0 1 210px;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;background:transparent;color:#8f9bb5;border:1px solid transparent;box-shadow:none}.device-card-tabs button.active{color:#d8d1ff;background:linear-gradient(135deg,#725cff26,#3e68df16);border-color:#6657b5}.device-tab-panel{padding-top:4px;animation:viewIn .18s ease}.session-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 4px 11px}.session-panel-heading div{display:grid;gap:4px}.session-panel-heading small{color:#8e9ab3}.session-panel-heading>span{padding:6px 10px;border-radius:999px;color:#58dcb0;background:#36c99a14;border:1px solid #36c99a45;font-size:.72rem}.device-session-actions{padding:0;border:0}.device-session-actions button{display:grid;grid-template-columns:44px 1fr;text-align:right;place-items:initial;align-items:center;column-gap:11px;padding:15px;border-radius:15px;background:linear-gradient(145deg,#121d31,#0e1728);border:1px solid #2a3952;color:#e9edfa}.device-session-actions button>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#3fc8b518;color:#50dec6}.device-session-actions button>b{align-self:end}.device-session-actions button>small{align-self:start;color:#8997b2;font-weight:400}.device-session-actions button:hover{transform:translateY(-2px);border-color:#4a6586}.device-session-actions button.danger>span{color:#ff91a3;background:#ff637d17}.device-session-actions button.danger{color:#ffe9ed;border-color:#593243;background:linear-gradient(145deg,#231522,#17121d)}@media(max-width:650px){.device-card-tabs button{flex:1;padding-inline:8px}.session-panel-heading{align-items:flex-start;flex-direction:column}.device-session-actions{grid-template-columns:1fr}}

/* Subscriber workspace */
[hidden]{display:none!important}:root{--panel:#101728;--panel-2:#151d31;--line:#27324b;--muted:#94a1bd;--text:#f5f7ff;--accent:#7c66ff;--cyan:#2fc9f3;--success:#32dba2}body{background:radial-gradient(circle at 75% -10%,#20204c 0,transparent 35%),#080c17;color:var(--text)}.auth-shell{max-width:1100px;margin:auto;padding:48px 22px}.auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);direction:rtl}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;display:flex;flex-direction:column;background:rgba(10,14,27,.96);border-left:1px solid var(--line);z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 24px;border-bottom:1px solid var(--line)}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:linear-gradient(135deg,#8a65ff,#23bff3);font-size:1.35rem;font-weight:900;box-shadow:0 10px 28px #654fff42}.brand div,.service-state div{display:grid;gap:3px}.brand b{font-size:1.05rem}.brand small,.service-state small{color:var(--muted);font-size:.75rem}.side-nav{display:grid;gap:7px;margin-top:25px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;background:transparent;color:#aeb8d0;text-align:right;border:1px solid transparent}.nav-item span{display:grid;place-items:center;width:27px;height:27px;font-size:1.05rem}.nav-item:hover{background:#151c30;color:white}.nav-item.active{background:linear-gradient(90deg,#7458ff26,#7458ff12);color:#c9bdff;border-color:#6f5bce}.nav-item.active:before{content:"";width:3px;height:24px;border-radius:3px;background:#8b70ff;margin-right:-10px}.sidebar-foot{margin-top:auto;display:grid;gap:12px}.service-state{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #265147;border-radius:14px;background:#10231f}.service-state i{width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 0 6px #32dba216}.logout-button{background:transparent;border:1px solid #5a2d3e;color:#ff9aaf}.workspace{min-width:0}.workspace-header{min-height:152px;display:flex;align-items:center;gap:18px;padding:28px clamp(24px,4vw,58px);border-bottom:1px solid var(--line);background:rgba(8,12,23,.72);backdrop-filter:blur(18px)}.workspace-header>div{flex:1}.workspace-header h1{font-size:clamp(1.8rem,3.5vw,2.7rem);margin:6px 0}.workspace-header p{margin:0}.page-eyebrow{color:#9e8bff;font-size:.82rem}.quick-action{background:linear-gradient(135deg,#8267ff,#555de8);color:white;box-shadow:0 12px 30px #5f50db35}.menu-toggle{display:none;background:#151d31;color:white;font-size:1.2rem}.workspace-body{max-width:1440px;margin:auto;padding:30px clamp(20px,4vw,58px) 55px}.workspace-view{animation:viewIn .25s ease}.workspace-view[hidden]{display:none!important}@keyframes viewIn{from{opacity:0;transform:translateY(6px)}}.welcome-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;border:1px solid #423b77;border-radius:24px;background:radial-gradient(circle at 10% 120%,#5a45b84a,transparent 38%),linear-gradient(135deg,#191a38,#12172a);box-shadow:0 24px 70px #0004}.welcome-card h2{font-size:clamp(1.5rem,3vw,2.25rem);margin:18px 0 7px}.welcome-card p{margin:0}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.stats article{display:flex;align-items:center;gap:15px;padding:20px;background:var(--panel);border-color:var(--line);box-shadow:none}.stats b{font-size:1.8rem;color:white}.stats span{color:var(--muted)}.stat-icon,.action-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:1.2rem}.stat-icon.cyan{background:#2fc9f31b;color:#4ed5fb}.stat-icon.violet{background:#7c66ff20;color:#aa9cff}.stat-icon.green{background:#32dba21b;color:#4be5b2}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:linear-gradient(145deg,#11192b,#0e1525);border-color:var(--line);box-shadow:0 18px 50px #0003}.action-card{display:grid;grid-template-columns:auto 1fr;gap:10px 15px;align-items:start}.action-card h3{margin:4px 0}.action-card p{margin:7px 0}.action-card button{grid-column:1/-1}.action-icon{background:#7160e91b;color:#9e8bff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-heading h2{font-size:2rem;margin:16px 0 5px}.section-heading p{margin:0}.inline-create{display:grid;grid-template-columns:1fr auto;margin-bottom:14px}.compose-card{max-width:850px}.compose-card form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}.compose-card form label{margin:0}.compose-card .full-field,.compose-card .send-button{grid-column:1/-1}.file-field{padding:16px;border:1px dashed #56617a;border-radius:14px}.form-result{padding-top:10px;color:#64e4b8}.team-form{display:grid;grid-template-columns:2fr 1.5fr 1fr auto;align-items:end}.security-card{max-width:720px}.security-note{display:flex;align-items:center;gap:14px;padding:17px;margin-bottom:18px;border-radius:16px;background:#171e35}.security-note>span{font-size:1.7rem;color:#9b89ff}.security-note h3,.security-note p{margin:3px 0}.message-history{grid-column:auto}.history-row{background:#0e1628}.sidebar-backdrop{position:fixed;inset:0;background:#03050ba8;z-index:25}.login form{display:grid}.login button{width:100%}
@media(max-width:1000px){.dashboard-shell{grid-template-columns:220px minmax(0,1fr)}.overview-grid{grid-template-columns:1fr}.team-form{grid-template-columns:1fr 1fr}.team-form button{grid-column:1/-1}.workspace-header{padding-inline:25px}.workspace-body{padding-inline:25px}}
@media(max-width:760px){.dashboard-shell{display:block}.sidebar{position:fixed;right:0;top:0;width:min(310px,86vw);transform:translateX(105%);transition:transform .25s ease;box-shadow:-30px 0 70px #0008}.nav-open .sidebar{transform:translateX(0)}.menu-toggle{display:block}.workspace-header{min-height:128px;align-items:flex-start}.workspace-header .quick-action{display:none}.workspace-header h1{font-size:1.75rem}.workspace-body{padding:20px 15px 40px}.welcome-card{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.compose-card form,.team-form{grid-template-columns:1fr}.compose-card .full-field,.compose-card .send-button,.team-form button{grid-column:auto}.section-heading h2{font-size:1.6rem}.card{padding:18px}.auth-shell{padding-top:25px}}
.device-api-card{display:block;padding:18px;margin-top:12px;border:1px solid var(--line);border-radius:18px;background:#0d1527}.device-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.device-credentials{display:grid;grid-template-columns:1.15fr .8fr 1.4fr;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.device-credentials label{margin:0;color:var(--muted);font-size:.75rem}.device-credentials label>div{display:flex;align-items:center;margin-top:6px;border:1px solid #2c3650;border-radius:11px;background:#080e1b;overflow:hidden}.device-credentials code{min-width:0;flex:1;padding:11px;color:#a9f2d7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-value{padding:10px;border-radius:0;background:#202a42;color:#cbd4ec}.empty-devices{text-align:center;padding:35px;color:var(--muted)}@media(max-width:900px){.device-credentials{grid-template-columns:1fr}}@media(max-width:600px){.device-top{align-items:flex-start;flex-direction:column}}
.device-plan-summary{display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px;margin-top:14px;padding:11px 13px;border-radius:13px;background:#131d32;color:var(--muted);font-size:.78rem}.device-plan-summary b{color:#e8edff}.subscription-pill{padding:5px 9px;border-radius:999px;font-weight:bold}.subscription-pill.active{color:#50dfae;background:#34d69f17;border:1px solid #34d69f50}.subscription-pill.expired{color:#ff8da0;background:#ff637d14;border:1px solid #ff637d50}
.inbox-toolbar{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.5fr);gap:12px;margin-bottom:16px}.inbox-toolbar label{display:grid;gap:7px;color:var(--muted);font-size:.82rem}.inbox-row{border-color:#2c4560;background:linear-gradient(145deg,rgba(14,29,47,.96),rgba(8,18,32,.94))}.inbox-text b{white-space:normal;line-height:1.8}.webhook-card{margin-top:18px}.webhook-state{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:#0a1120}.webhook-state .danger{width:auto}@media(max-width:650px){.inbox-toolbar{grid-template-columns:1fr}.webhook-state{align-items:stretch;flex-direction:column}.webhook-state .danger{width:100%}}
.inbound-settings{display:grid;gap:13px;padding:18px 3px 3px}.inbound-settings>div{display:grid;gap:5px}.inbound-settings small{color:var(--muted)}.setting-switch{display:flex;align-items:center;gap:14px;margin:0;padding:15px 16px;border:1px solid #2a3854;border-radius:15px;background:linear-gradient(145deg,#111b2f,#0b1424);cursor:pointer}.setting-switch>span{display:grid;gap:4px;flex:1}.setting-switch input{position:absolute;opacity:0;pointer-events:none}.setting-switch i{position:relative;width:48px;height:27px;border-radius:99px;background:#303b54;transition:.2s}.setting-switch i:after{content:"";position:absolute;top:4px;right:4px;width:19px;height:19px;border-radius:50%;background:#c3cbe0;transition:.2s}.setting-switch input:checked+i{background:linear-gradient(135deg,#28c997,#38dcb0);box-shadow:0 0 0 4px #32dba218}.setting-switch input:checked+i:after{right:25px;background:white}.save-inbound-settings{justify-self:start}.inbound-settings-result{margin:0;color:#55deb1}.inbox-shell{padding:0;overflow:hidden}.inbox-toolbar{padding:20px 20px 16px;margin:0;border-bottom:1px solid var(--line);background:#0b1322}.inbox-conversations{display:grid}.inbox-message{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:18px 20px;border-bottom:1px solid #253149;background:linear-gradient(90deg,#111a2d,#0d1526);transition:.2s}.inbox-message:hover{background:linear-gradient(90deg,#16213a,#101a2e)}.inbox-avatar{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#765fff,#28c8e9);font-size:1.25rem;font-weight:900;box-shadow:0 10px 25px #5865e833}.inbox-message-main{min-width:0}.inbox-message-head{display:flex;justify-content:space-between;gap:15px}.inbox-message-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inbox-message-head a{color:#56dcb3;text-decoration:none;font-size:.86rem}.inbox-message-head time{color:var(--muted);font-size:.76rem}.inbox-message p{margin:10px 0;line-height:1.8;color:#e8edfb;white-space:pre-wrap;overflow-wrap:anywhere}.inbox-meta{display:flex;gap:7px;flex-wrap:wrap}.inbox-meta span{padding:4px 8px;border-radius:999px;background:#222d47;color:#9facca;font-size:.7rem}.inbox-empty{display:grid;place-items:center;gap:8px;padding:60px 20px;text-align:center;color:var(--muted)}.inbox-empty>span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#7660ff1b;color:#a796ff;font-size:1.8rem}.inbox-empty b{color:#eef2ff;font-size:1.1rem}.inbox-empty p{margin:0}.inbox-heading{padding:4px 0}@media(max-width:650px){.inbox-message{grid-template-columns:42px 1fr;padding:15px}.inbox-avatar{width:42px;height:42px;border-radius:13px}.inbox-message-head{flex-direction:column;gap:6px}.device-card-tabs{overflow:auto}.device-card-tabs button{min-width:145px}}
.qr-box{margin-top:20px;padding:22px;border:1px solid #38456a;border-radius:20px;background:linear-gradient(145deg,#121b30,#0b1221);text-align:center}.qr-status{display:flex;align-items:center;justify-content:center;gap:9px}.qr-status i{width:9px;height:9px;border-radius:50%;background:#56cfff;box-shadow:0 0 0 6px #56cfff18;animation:livePulse 1.5s infinite}.qr-status.success{color:#52e3af}.qr-status.success i{background:#42dca4;box-shadow:0 0 0 7px #42dca41c;animation:none}
.private-whatsapp-id{display:inline-flex;padding:4px 9px;border:1px solid #6d5bc0;border-radius:999px;background:#725cff18;color:#b9adff!important;font-size:.75rem!important}
.device-webhook-box{display:grid;gap:13px;margin-top:4px;padding:17px;border:1px solid #34415f;border-radius:17px;background:linear-gradient(145deg,#0b1425,#101a2e)}.device-webhook-box>div:first-child{display:grid;gap:4px}.device-webhook-box label{display:grid;gap:7px;margin:0;color:var(--muted);font-size:.8rem}.device-webhook-actions{display:flex!important;flex-wrap:wrap;gap:9px}.device-webhook-actions button{width:auto}.device-webhook-secret{display:grid;gap:9px;padding:14px;border:1px solid #2b765f;border-radius:14px;background:#10312666}.device-webhook-secret code{padding:10px;border-radius:9px;background:#070d18;color:#73ebc1;overflow-wrap:anywhere}.device-webhook-secret button{justify-self:start}@media(max-width:600px){.device-webhook-actions{display:grid!important}.device-webhook-actions button{width:100%}}
.device-credentials{grid-template-columns:repeat(2,minmax(0,1fr))!important}