:root{--bg:#080d18;--card:#101b2d;--input:#0a1322;--line:#23334d;--ink:#edf4ff;--muted:#8d9eb8;--blue:#51b9ff;--cyan:#6ce4d4}*{box-sizing:border-box}html{width:780px;height:590px;overflow:hidden;color-scheme:dark}body{margin:0;width:780px;height:590px;display:grid;grid-template-rows:48px 42px 36px minmax(0,1fr) 54px 18px;overflow:hidden;background:radial-gradient(ellipse at 20% 0%,#16253f,var(--bg) 70%);color:var(--ink);font:12px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border-radius:7px;font-weight:600;transition:filter .15s}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:1px}header{display:flex;justify-content:space-between;align-items:center;padding:7px 16px;border-bottom:1px solid var(--line);background:#0d1728}.brand{display:flex;gap:10px;align-items:center}.brand img{width:32px;height:32px}.brand strong{font-size:17px;letter-spacing:.7px}.brand strong span{font-size:9px;padding:3px 5px;border:1px solid #3b6685;color:var(--cyan);border-radius:4px;vertical-align:middle}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.5px}.icon-button{width:28px;height:28px;color:var(--blue);background:var(--input);border:1px solid var(--line)}.health{display:flex;align-items:center;gap:10px;padding:7px 14px;background:#103129;border-bottom:1px solid #245149;color:#97e6c9;white-space:nowrap}.dot{width:6px;height:6px;background:#65e6ae;border-radius:50%;flex:none}.health #licenseBadge{font-size:10px;font-weight:800}.license-deadline{font-size:12px;color:#ecfff5;letter-spacing:.3px}.countdown{font:11px/1.4 ui-monospace,monospace;margin-left:auto;color:#90e8c4}.health .text-button{color:#a6f4d6;font-size:10px}.health.expired{background:#4b2030;border-color:#8b364e;color:#ffc6d5}.health.expired .dot{background:#ff7596}.health.expired .countdown{color:#ffc6d5}nav{display:flex;padding:0 10px;background:#0d1727;border-bottom:1px solid var(--line);gap:3px}nav button{flex:1;border:0;border-radius:0;background:none;color:#91a2ba;font-size:10px;white-space:nowrap;padding:8px 3px;border-bottom:2px solid transparent}nav button.active{color:#7ed5ff;border-color:#61c1ff;background:#152943}main{min-height:0;overflow:hidden;padding:10px}.view{display:none;height:100%;min-height:0;overflow:hidden}.view.active{display:flex;flex-direction:column;gap:7px}.two-column.active{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.card{padding:11px;background:linear-gradient(145deg,#142139,#101a2b);border:1px solid var(--line);border-radius:10px;min-height:0;overflow:hidden;box-shadow:0 4px 16px #0002}.stretch{display:flex;flex-direction:column;gap:4px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:3px}h2{font-size:12px;margin:0;color:#dcecff;font-weight:700}label{display:block;font-size:10px;font-weight:600;color:#a0b0c9;margin:3px 0}input,select,textarea{width:100%;min-width:0;color:#e2ecfc;background:var(--input);border:1px solid #273b58;border-radius:6px;padding:6px 8px;font-size:11px}input::placeholder,textarea::placeholder{color:#5f7492}textarea{resize:none;min-height:0;line-height:1.5}#description{flex:1;min-height:76px}#groups{flex:1;min-height:65px}.row{display:flex;align-items:center;gap:7px;min-width:0}.row>*{min-width:0}.row select,.row input{flex:1}.row button{flex-shrink:0}.primary{background:linear-gradient(115deg,#68d8f1,#54a5ff);border:1px solid #72c6ff;color:#07182a;padding:8px 12px;font-size:11px;font-weight:800}.secondary{background:#1b2c45;color:#bdd5f4;border:1px solid #304665;padding:6px 9px;font-size:10px}.danger{background:#4c2335;border:1px solid #78334e;color:#ffb3c6;padding:8px 12px;font-size:11px}.text-button{border:0;background:none;color:#75c8ff;padding:4px 0;font-size:10px}.upload{display:inline-flex;align-items:center;white-space:nowrap;border:1px dashed #416c8d;border-radius:6px;background:#142c42;padding:6px 8px;color:#7fd6f9;cursor:pointer;font-size:10px;margin:0}.check{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;font-weight:500;margin:3px 0}.check input{flex:none;width:12px;height:12px;accent-color:#66c9f1}.previews{display:flex;gap:5px;overflow:auto;max-height:38px;min-height:0;flex-shrink:0}.previews img{width:34px;height:34px;object-fit:cover;border:1px solid #435578;border-radius:5px}.hint,.muted{color:var(--muted);font-size:9px;line-height:1.55}.hint{margin:3px 0}#compose .hint{display:none}.pill{border:1px solid #30455f;background:#15263c;color:#96b4d6;font-size:9px;border-radius:14px;padding:3px 7px}.runbar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid #304565;background:#111e32;box-shadow:0 -3px 18px #0003}.runstate{margin-right:auto;min-width:0;max-width:270px}.runstate strong{display:block;color:#9cd8ff;font-size:12px}.runstate small{display:block;font-size:9px;color:#91a5c1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.runbar .primary{min-width:170px}.runbar .secondary{white-space:nowrap}footer{display:flex;justify-content:space-between;align-items:center;padding:2px 14px;font-size:8px;color:#596f8f;background:#0b1423}footer span:first-child{letter-spacing:1px;font-weight:800}.results{flex:1;min-height:0;max-height:none;overflow:auto}.result{padding:7px 0;border-bottom:1px solid #263651;font-size:10px;overflow-wrap:anywhere}.result strong{display:block;color:#b8d8fc;font-size:10px}.result small{display:block;color:#8b9fb9;font-size:9px}.result a{color:#72beed;font-size:9px}.result label{display:flex;gap:6px;align-items:flex-start}.result input[type=checkbox]{width:12px;flex:none}.stats{display:flex;gap:4px;flex-wrap:wrap}.stat{padding:5px 7px;border:1px solid #2a4565;border-radius:5px;background:#102641;font-size:9px}.stat b{color:#81dddc}.logs{flex:1;min-height:0;max-height:none;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:9px/1.6 ui-monospace,monospace;color:#88a5c4}.field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px}.field-grid label{min-width:0}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex:1;min-height:0}.example-card{padding:10px;text-align:left;border:1px solid #2a476a;background:linear-gradient(135deg,#1b3452,#142139);color:#bee4ff;font-size:11px}.example-card small{display:block;font-size:9px;color:#86a6c9;margin-top:5px}.checks{margin:4px 0;padding-left:17px;font-size:10px;line-height:1.85;color:#a3b6d0}.notice{padding:9px 11px;border-radius:8px;border:1px solid #2c5074;background:#122b46;color:#9cc3e8;font-size:10px;line-height:1.55;margin:4px 0;white-space:pre-line;overflow-wrap:anywhere}.interval-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:5px 0}.interval-grid button{background:#11233b;border:1px solid #304d70;color:#8fb8df;padding:11px 2px;font-size:10px}.interval-grid button.selected{border-color:#65c3f9;background:#1a4565;color:#c5f5ff}#schedule.active{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:minmax(0,1fr) auto;gap:8px}#schedule>.card:first-of-type{grid-row:1/3;display:flex;flex-direction:column;gap:5px}#schedule>.card:last-of-type{grid-column:2;grid-row:1}#scheduleStatus{grid-column:2;grid-row:2}.actions{display:flex;gap:7px;margin:7px 0;flex-wrap:wrap}.actions>.primary{flex:1}#leads>.card{flex:none;padding:9px 11px}#leads .actions{margin:5px 0}#leads .hint{display:none}.filters{min-height:24px}.filters #leadFilter{margin-left:auto;max-width:250px;padding:4px 8px}.lead-results{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:start}.lead{background:#12223a;border:1px solid #29415f;border-radius:8px;padding:10px;min-width:0}.lead p{font-size:10px;max-height:70px;overflow:auto;margin:5px 0;white-space:pre-line}.lead .phone{font-size:12px;font-weight:700;color:#7ce5d3}.lead a{font-size:9px;color:#77c9fa}.lead small{font-size:8px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 0}.plan{position:relative;text-align:left;background:#12243d;border:1px solid #2d4a6d;color:#ebf5ff;padding:12px 15px;min-height:97px}.plan.featured{border-color:#64c7ed;background:linear-gradient(135deg,#184661,#15304f)}.plan b{position:absolute;top:-8px;font-size:7px;letter-spacing:1px;background:#65d8df;color:#0c2634;padding:2px 5px;border-radius:4px}.plan span{display:block;font-size:10px;color:#95b7d8;margin-bottom:4px}.plan strong{font-size:22px;letter-spacing:-.5px}.plan small{font-size:13px}.plan em{display:block;font-style:normal;font-size:9px;color:#77cfff;margin-top:6px}#billing{gap:5px}#billing>.actions{margin:0}#billing>.notice{min-height:38px}#billing>.support{margin:0;font-size:9px}.support{display:block;color:#73cbf5;text-align:center;text-decoration:none;font-size:10px;margin:7px 0}.license-detail{display:grid;grid-template-columns:1fr 1.5fr 1.1fr;gap:10px;background:#12382e;border:1px solid #2d6150;border-radius:8px;padding:9px 12px}.license-detail span{display:block;color:#91bdae;font-size:9px}.license-detail strong{display:block;color:#c9ffea;font-size:11px;margin-top:4px}.device{font:10px/1.6 ui-monospace,monospace;word-break:break-all;background:#0b1729;border:1px solid #2b4161;padding:10px;border-radius:6px;color:#91ceef}.key-row{margin-top:auto}.key-row input{font-family:ui-monospace,monospace;font-size:9px}#toast{position:fixed;z-index:100;bottom:63px;left:16px;right:16px;border:1px solid #3c6c8d;background:#193a55;color:#e5f4ff;box-shadow:0 8px 30px #0006;padding:10px 14px;border-radius:8px;font-size:11px;white-space:pre-line}#toast.error{background:#58263c;border-color:#a04969;color:#ffd5df}[hidden]{display:none!important}html.fullpage{width:auto;height:100%;min-width:780px}html.fullpage body{width:100%;height:100vh;min-width:780px}html.fullpage main{padding:18px}html.fullpage .card{padding:18px}html.fullpage #description,html.fullpage #groups{font-size:14px}::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-thumb{background:#304969;border-radius:5px}::-webkit-scrollbar-track{background:#0c1626}

/* White / blue workspace. Sidebar has its own fluid layout. */
:root{--bg:#f4f8ff;--card:#fff;--input:#f7faff;--line:#dbe6f5;--ink:#182c4d;--muted:#667d9c;--blue:#1670ed;--cyan:#1670ed}
html{color-scheme:light}body{background:linear-gradient(150deg,#eef5ff,#fff 65%)}header,nav{background:#fff}nav button{color:#657b99}nav button.active{color:#1267de;background:#edf5ff;border-color:#1670ed}.health{background:#eaf4ff;border-color:#d0e3ff;color:#225991}.license-deadline,.countdown,.health .text-button{color:#175caf}.health .dot{background:#1670ed}
html.sidepanel{width:100%;height:100%;overflow:hidden}html.sidepanel body{width:100%;height:100dvh;min-width:300px;grid-template-rows:48px auto auto minmax(0,1fr) 54px 18px}html.sidepanel nav{flex-wrap:wrap;padding:3px}html.sidepanel nav button{flex:1 0 29%;padding:6px 3px}html.sidepanel .health{flex-wrap:wrap;gap:3px 8px;padding:6px 10px}html.sidepanel .countdown{margin-left:0}html.sidepanel .two-column.active{display:flex;overflow-y:auto}html.sidepanel .view.active{overflow-y:auto}html.sidepanel main{padding:8px}html.sidepanel .brand strong{font-size:15px}html.sidepanel .license-deadline{font-size:11px}html.sidepanel textarea{min-height:80px}html.sidepanel .card{flex-shrink:0}html.sidepanel .health .text-button{margin-left:auto}

.header-tools{display:flex;align-items:center;gap:6px}.theme-toggle{padding:6px 9px;background:var(--input);color:var(--ink);border:1px solid var(--line);font-size:11px}
html[data-theme="light"] .card,html[data-theme="light"] .notice{background:#fff;color:var(--ink);border-color:var(--line)}html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:var(--input);color:var(--ink);border-color:var(--line)}html[data-theme="light"] .secondary,html[data-theme="light"] .upload,html[data-theme="light"] .pill{background:#edf4ff;color:#2462b4;border-color:#d4e4fb}html[data-theme="light"] .hint,html[data-theme="light"] label,html[data-theme="light"] .muted{color:#657c9c}html[data-theme="light"] .interval-grid button{background:#f2f7ff;color:#41638e;border-color:#dce7f7}html[data-theme="light"] .interval-grid button.selected{background:#146cf0;color:white}html[data-theme="light"] footer,html[data-theme="light"] .bottom-bar,html[data-theme="light"] .command-bar{background:#edf4ff;color:#49688f}html[data-theme="light"] .text-button{color:#1b65c9}html[data-theme="light"] .primary{background:#146cf0;color:#fff}
html[data-theme="dark"]{--bg:#080d18;--card:#101b2d;--input:#0a1322;--line:#23334d;--ink:#edf4ff;--muted:#8d9eb8;--blue:#51b9ff;--cyan:#6ce4d4;color-scheme:dark}html[data-theme="dark"] body{background:radial-gradient(ellipse at 20% 0%,#16253f,var(--bg) 70%)}html[data-theme="dark"] header,html[data-theme="dark"] nav{background:#0d1728}html[data-theme="dark"] nav button{color:#91a2ba}html[data-theme="dark"] nav button.active{color:#7ed5ff;background:#152943;border-color:#61c1ff}html[data-theme="dark"] .health{background:#103129;border-color:#245149;color:#97e6c9}html[data-theme="dark"] .license-deadline{color:#ecfff5}html[data-theme="dark"] .countdown,html[data-theme="dark"] .health .text-button{color:#90e8c4}
html .health.expired{background:#fff0f2;border-color:#ffc7d0;color:#ab2543}html .health.expired .license-deadline,html .health.expired .countdown{color:#ab2543}
html[data-theme="light"] h2,html[data-theme="light"] .result strong{color:#213f69}html[data-theme="light"] .checks{color:#536e92}html[data-theme="light"] .runbar{background:#fff;border-color:#dbe6f5;box-shadow:0 -4px 18px #2568c90a}html[data-theme="light"] .runstate strong{color:#1b65c9}html[data-theme="light"] .runstate small{color:#6b819f}html[data-theme="light"] .stat{background:#edf5ff;border-color:#d8e6f8}html[data-theme="light"] .stat b{color:#1860bc}html[data-theme="light"] .lead,html[data-theme="light"] .plan,html[data-theme="light"] .example-card{background:#f4f8ff;color:#274b79;border-color:#d5e3f7}html[data-theme="light"] .plan.featured{background:#e4efff;border-color:#146cf0}html[data-theme="light"] .plan span,html[data-theme="light"] .plan em,html[data-theme="light"] .example-card small{color:#4b72a3}html[data-theme="light"] .license-detail{background:#edf5ff;border-color:#d3e4fc}html[data-theme="light"] .license-detail strong,html[data-theme="light"] .lead .phone{color:#155fc1}html[data-theme="light"] .license-detail span{color:#617d9f}html[data-theme="light"] .device{background:#f1f6ff;color:#215eaf;border-color:#d6e4fa}html[data-theme="light"] .logs{color:#506f98}html[data-theme="light"] .result a,html[data-theme="light"] .lead a,html[data-theme="light"] .support{color:#1464d0}html[data-theme="light"] ::-webkit-scrollbar-track{background:#f0f5fd}html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#bdd1ee}
html.sidepanel body{grid-template-rows:48px auto auto minmax(0,1fr) auto 18px}html.sidepanel .runbar{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}html.sidepanel .runstate{grid-column:1/-1;max-width:none}html.sidepanel .runbar .primary{min-width:0}html.sidepanel .plans{grid-template-columns:1fr}html.sidepanel .license-detail{grid-template-columns:1fr}html.sidepanel .lead-results{grid-template-columns:1fr}html.sidepanel .stretch{flex:none}html.sidepanel #compose .card{min-height:270px}html.sidepanel .view>.card{overflow:visible}html.sidepanel .interval-grid{gap:3px}html.sidepanel .key-row{flex-wrap:wrap}html.sidepanel .key-row input{flex-basis:100%}

/* Consistent vector navigation; crisp at any screen density. */
body{grid-template-rows:48px 42px 44px minmax(0,1fr) 54px 18px}nav{padding:4px 9px;gap:4px;align-items:stretch}nav button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 5px;font-size:10px;border:1px solid transparent;border-radius:8px;transition:background .18s,color .18s,box-shadow .18s}nav button svg{width:16px;height:16px;flex:none}nav button:hover{background:#e8f2ff;color:#1665cd;filter:none}nav button.active{color:#fff;background:linear-gradient(135deg,#3288ff,#1264df);border-color:#2879ec;box-shadow:0 3px 9px #1670ed26}nav button.active svg{stroke-width:2}html[data-theme="dark"] nav button.active{color:#dff0ff;background:linear-gradient(135deg,#1b5083,#183655);border-color:#347eb8;box-shadow:0 3px 9px #0002}html[data-theme="dark"] nav button:hover{background:#18304b;color:#b9e3ff}html.sidepanel nav{gap:4px;padding:6px 8px}html.sidepanel nav button{flex:1 0 29%;padding:10px 4px;font-size:10px;min-height:40px}html.sidepanel nav button svg{width:17px;height:17px}html.sidepanel nav button[data-view="protection"]{font-size:9px}
/* 5.4: clear license selection and quieter example cards. */
.billing-intro{margin:0;color:var(--muted);font-size:10px;padding:7px 0}.plans{display:flex;flex-direction:column;gap:7px;margin-top:0}.plan{display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:12px;min-height:64px;padding:13px 17px;border-radius:10px}.plan span{margin:0;font-size:12px;color:var(--muted)}.plan strong{font-size:23px;color:#2265f5}.plan em{margin:0;font-size:10px;color:#2265f5}.plan.featured b{display:none}.plan.featured{box-shadow:inset 3px 0 #2265f5}html[data-theme="dark"] .plan strong,html[data-theme="dark"] .plan em{color:#83caff}html.sidepanel .plan{grid-template-columns:68px 1fr;gap:7px;min-height:70px}html.sidepanel .plan em{grid-column:2;font-size:9px}html.sidepanel .plan strong{font-size:22px}.example-card{border-radius:12px;padding:16px}.example-card strong{display:block;font-size:13px}.example-card small{font-size:10px;line-height:1.6}.example-card:hover{border-color:#6d9fff;box-shadow:0 6px 16px #2265f512}.row:has(#stripMetadata){flex-wrap:wrap}html.sidepanel nav button{min-height:35px;padding:7px 4px}#billing.active{overflow-y:auto}.plans{flex-shrink:0}html.sidepanel .billing-intro{font-size:9px;line-height:1.8}#compose .hint{display:block;font-size:8px}