:root{
  --brand-primary:#12bc89;
  --brand-accent:#286cf0;
  --generator-light:#fbfcfd;
  --generator-dark:#11151c;
  --brand-danger:#ef476f;
  --brand-success:#25d993;
  --brand-warning:#f5a000;
  --brand-info:#12bfe5;
  --app-text:#d9e0f0;
  --app-muted:#94a3b8;
  --app-link:#38bdf8;
  --app-border:#2a3a59;
  --dashboard-background:#08141a;
  --panel-background:#121c31;
  --panel-header-background:#151f36;
  --input-background:#080d17;
  --toolbar-background:#202630;
  --toolbar-text:#d9dce4;
  --surface-light:#fff;
  --surface-dark:#202630;
  --button-text:#fff;
}

.toast-container{position:fixed;z-index:10000;right:22px;bottom:22px;display:grid;gap:9px;width:min(360px,calc(100vw - 28px));pointer-events:none}
.app-toast{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--brand-success) 55%,var(--app-border));border-radius:12px;background:color-mix(in srgb,var(--panel-background) 94%,transparent);color:var(--app-text);box-shadow:0 16px 42px #0006;backdrop-filter:blur(14px);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .2s ease,transform .2s ease;font-size:12px;font-weight:700}
.app-toast.show{opacity:1;transform:none}.app-toast>i{color:var(--brand-success);font-size:18px}.app-toast.error{border-color:color-mix(in srgb,var(--brand-danger) 65%,var(--app-border))}.app-toast.error>i{color:var(--brand-danger)}
button.is-loading{cursor:wait!important;opacity:.78}.is-loading .fa-spinner{margin-right:3px}

.generator-page{background:var(--generator-light)}
.dark-mode .generator-page{background:var(--generator-dark)}
.brand .icon,.jasmine-logo .icon{color:var(--brand-primary)}
.tool.active.blue,.view-switch .selected{color:var(--brand-accent)}
.generate,.admin-card button[type="submit"],.admin-card form>button{background-color:var(--brand-accent);color:var(--button-text)}

.brand-logo-image{width:29px;height:29px;object-fit:contain;border-radius:7px}
.generator-logo-image{width:44px;height:44px;object-fit:contain;border-radius:10px}
.brand:has(.generator-logo-image){display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:-1px}

.generator-page.has-results{
  height:100vh;
  height:100dvh;
  min-height:0;
  overflow:hidden;
  padding-bottom:0;
}
.has-results .brand{
  z-index:4;
  margin:22px auto 0;
  font-size:38px;
}
.results-stack{
  position:relative;
  z-index:2;
  display:grid;
  align-content:start;
  gap:30px;
  width:min(870px,calc(100vw - 32px));
  height:calc(100vh - 218px);
  height:calc(100dvh - 218px);
  margin:18px auto 0;
  padding:22px 10px 26px;
  overflow-x:hidden;
  overflow-y:auto;
  scroll-behavior:smooth;
  scroll-padding:22px 0 28px;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  mask-image:linear-gradient(to bottom,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);
}
.results-stack::-webkit-scrollbar{width:7px}
.results-stack::-webkit-scrollbar-track{background:transparent}
.results-stack::-webkit-scrollbar-thumb{border-radius:10px;background:#9aa6b744}
.results-stack::-webkit-scrollbar-thumb:hover{background:#7c8a9e88}
.dark-mode .results-stack::-webkit-scrollbar-thumb{background:#8f9bad55}

.config-panel>.panel-close,
.shortener-panel>.panel-close,
.lp-panel>.panel-close{
  position:absolute;
  top:8px;
  right:8px;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px;
  padding:0!important;
  display:grid!important;
  place-items:center;
  border-radius:50%!important;
  text-align:center!important;
}
.shortener-panel{padding-top:40px}
.shortener-panel>header{position:absolute;top:0;left:0;right:0;height:40px;padding-right:46px}

.admin-tabs{grid-template-columns:repeat(9,minmax(0,1fr))}
.branding-form{display:grid;gap:16px;margin-top:12px}
.branding-preview{min-height:0;padding:14px 18px;display:flex;align-items:center;gap:14px;border:1px solid var(--app-border);border-radius:14px;background:linear-gradient(120deg,var(--panel-background),var(--panel-header-background));box-shadow:inset 0 1px #ffffff0b}
.branding-preview-logo{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border:1px solid var(--app-border);border-radius:14px;background:var(--input-background);color:var(--brand-primary);font-size:25px;overflow:hidden}
.branding-preview-logo img{width:100%;height:100%;object-fit:contain}
.branding-preview-name{display:grid;gap:3px}.branding-preview strong{color:var(--app-text);font-size:20px}.branding-preview-name span{color:var(--app-muted);font-size:12px}
.branding-preview-colors{display:flex;gap:7px;margin-left:auto}.branding-preview-colors i{width:44px;height:8px;border-radius:999px}
.branding-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-content:start}
.branding-fields>label{color:#94a3ba;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.branding-fields>label.wide{grid-column:1/-1}
.branding-fields label small{font-weight:500;text-transform:none}
.branding-fields input:not([type="color"]){display:block;width:100%;height:44px;margin-top:7px;padding:0 13px;border:1px solid #2b3b59;border-radius:9px;background:#0a1322;color:#e8eef8;outline:none}
.branding-fields input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 16%,transparent)}
.branding-color-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;border:1px solid #273850;border-radius:12px;background:#0b1423}
.branding-color-grid label{color:#8fa0b8;font-size:10px;font-weight:700}
.branding-color-grid input{display:block;width:100%;height:42px;margin-top:7px;padding:4px;border:1px solid #30415d;border-radius:8px;background:#111d30;cursor:pointer}
.branding-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:3px}
.branding-actions .admin-message{flex:1}
.branding-actions button{padding:12px 18px;border-radius:9px;background:linear-gradient(100deg,var(--brand-primary),var(--brand-accent));color:#fff;font-weight:800}

@media(max-width:1050px){
  .admin-tabs{grid-template-columns:repeat(4,1fr)}
  .branding-form{grid-template-columns:1fr}
}
@media(max-width:720px){
  .toast-container{right:14px;bottom:14px}.app-toast{padding:11px 12px;font-size:11px}
  .has-results .brand{margin-top:20px;font-size:30px}
  .results-stack{width:calc(100vw - 18px);height:calc(100dvh - 205px);margin-top:14px;padding-inline:4px}
  .branding-form{grid-template-columns:1fr}
  .branding-preview{min-height:220px}
  .branding-fields{grid-template-columns:1fr}
  .branding-fields>label.wide{grid-column:auto}
  .branding-color-grid{grid-template-columns:1fr 1fr}
  .branding-actions{align-items:stretch;flex-direction:column}
  .branding-actions button{width:100%}
}

.dashboard{background:linear-gradient(120deg,var(--dashboard-background),color-mix(in srgb,var(--dashboard-background) 78%,#16274a));color:var(--app-text)}
.geo-card,.table-card,.traffic-card,.traffic-page-card{border-color:var(--app-border);background:var(--panel-background)}
.geo-card header,.table-card header,.traffic-card header,.traffic-page-card header{background:var(--panel-header-background)!important}
.dashboard input,.dashboard select,.search-input{border-color:var(--app-border)!important;background:var(--input-background)!important;color:var(--app-text)!important}
.dashboard a:not(.active),.table-link,.announcement-formatted a{color:var(--app-link)!important}
.dashboard small,.dashboard th,.admin-page p,.admin-page small{color:var(--app-muted)}
.green{color:var(--brand-success)!important}.metrics strong{color:var(--brand-info)!important}
.dash-nav .active{background:linear-gradient(100deg,var(--brand-primary),var(--brand-accent));color:var(--button-text)!important}
.dash-nav .traffic-active{background:linear-gradient(100deg,var(--brand-danger),color-mix(in srgb,var(--brand-danger) 75%,#ff1744));color:var(--button-text)!important}
.live-dot{background:var(--brand-danger)!important;box-shadow:0 0 8px var(--brand-danger);animation:live-dot-pulse 1.35s ease-in-out infinite}
.is-live .conversion-controls,.is-live>header>button{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--brand-danger) 28%,transparent))}
.is-paused .conversion-controls,.is-paused>header>button{filter:none}
@keyframes live-dot-pulse{0%,100%{transform:scale(.84);box-shadow:0 0 4px color-mix(in srgb,var(--brand-danger) 55%,transparent)}50%{transform:scale(1.14);box-shadow:0 0 18px color-mix(in srgb,var(--brand-danger) 92%,transparent)}}

.rules-panel{width:min(620px,calc(100vw - 24px));max-height:min(570px,calc(100dvh - 160px));overflow:auto}
.rules-panel>header{position:sticky;top:0;z-index:2;padding-right:48px}
.rules-panel-body{display:grid;gap:13px;padding:15px}
.rules-panel-body label{color:#697382;font-size:10px;font-weight:800;letter-spacing:.04em}
.rules-panel-body input,.rules-panel-body textarea,.rules-panel-body select{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #d9e0e8;border-radius:9px;background:#f6f8fa;color:#2d3440;outline:none}
.rules-panel-body textarea{min-height:76px;resize:vertical;font:11px ui-monospace,monospace}
.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rule-check{display:flex!important;align-items:center;gap:10px;padding:11px;border:1px solid #dce4e8;border-radius:10px;background:#f7faf9}
.rule-check input{width:18px!important;height:18px;margin:0!important;accent-color:var(--brand-primary)}
.rule-check span{display:block}.rule-check b,.rule-check small{display:block}.rule-check small{margin-top:2px;color:#89929e;font-weight:500}
.rules-save{justify-self:end;padding:11px 16px;border-radius:9px;background:linear-gradient(100deg,var(--brand-primary),var(--brand-accent));color:#fff;font-weight:800}
.dark-mode .rules-panel-body label{color:#aab4c3}.dark-mode .rules-panel-body input,.dark-mode .rules-panel-body textarea,.dark-mode .rules-panel-body select{border-color:#323a46;background:#151a21;color:#e1e7ef}.dark-mode .rule-check{border-color:#333b47;background:#171d25}

.branding-color-grid{display:grid;grid-template-columns:1fr;gap:9px;padding:11px}
.branding-preset-picker{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:14px;align-items:end;padding:13px;border:1px solid var(--app-border);border-radius:11px;background:color-mix(in srgb,var(--panel-header-background) 78%,transparent)}.branding-preset-picker label{color:var(--app-text);font-size:11px;font-weight:800}.branding-preset-picker select{display:block;width:100%;height:42px;margin-top:7px;padding:0 11px;border:1px solid var(--app-border);border-radius:9px;background:var(--input-background);color:var(--app-text)}.branding-preset-picker small{padding-bottom:11px;color:var(--app-muted);font-size:11px}
.branding-manual-colors{overflow:hidden;border:1px solid var(--app-border);border-radius:11px}.branding-manual-colors>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:var(--app-muted);font-size:11px;font-weight:800;cursor:pointer;list-style:none}.branding-manual-colors>summary::-webkit-details-marker{display:none}.branding-manual-colors>summary>i{transition:transform .18s}.branding-manual-colors[open]>summary>i{transform:rotate(180deg)}.branding-manual-colors>div{display:grid;gap:9px;padding:0 10px 10px}
.branding-color-group{overflow:hidden;border:1px solid var(--app-border);border-radius:10px;background:color-mix(in srgb,var(--panel-background) 82%,#000)}
.branding-color-group summary{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;color:var(--app-text);font-size:11px;font-weight:800;cursor:pointer;list-style:none}.branding-color-group summary::-webkit-details-marker{display:none}.branding-color-group summary i{font-size:9px;transition:transform .18s}.branding-color-group[open] summary i{transform:rotate(180deg)}
.branding-color-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 11px 11px}
.branding-color-field>span{display:block;margin-bottom:5px}
.branding-color-field>div{display:grid;grid-template-columns:42px 1fr;gap:7px}
.branding-color-field input[type="color"]{width:42px;height:38px;margin:0;padding:3px}
.branding-color-field input[type="text"]{height:38px;margin:0;padding:0 9px;font:12px ui-monospace,monospace;text-transform:uppercase}
.branding-asset-field{position:relative;display:grid!important;grid-template-columns:1fr auto auto;gap:7px;align-items:end}
.branding-asset-field>small{grid-column:1/-1}
.branding-asset-field>input:not([type="file"]){grid-column:1;grid-row:2}
.branding-asset-field>button{height:44px;padding:0 13px;border:1px solid #30415d;border-radius:9px;background:#17243a;color:#c8d4e5;font-size:11px;font-weight:800;white-space:nowrap}
.branding-asset-field>.asset-preview-button{grid-column:3}
.branding-asset-field [data-branding-upload]{display:none!important}
.admin-rules-form{display:grid;gap:14px}.admin-rules-form>label,.admin-rules-form .rule-grid label{color:var(--app-muted);font-size:10px;font-weight:800;letter-spacing:.04em}.admin-rules-form input,.admin-rules-form textarea,.admin-rules-form select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--app-border);border-radius:9px;background:var(--input-background);color:var(--app-text);outline:none}.admin-rules-form textarea{min-height:96px;resize:vertical;font:12px ui-monospace,monospace}.admin-rules-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-rules-actions button{padding:12px 18px;border-radius:9px;background:var(--brand-accent);color:var(--button-text);font-weight:800}

.admin-page{background:var(--dashboard-background);color:var(--app-text)}
.admin-header{border-color:var(--app-border)}
.admin-card,.admin-tabs{border-color:var(--app-border);background:var(--panel-background)}
.admin-card h1,.admin-card h2,.admin-title h1{color:var(--app-text)}
.admin-title small,.jasmine-logo .icon{color:var(--brand-primary)}
.jasmine-logo span{color:var(--brand-accent)}
.admin-tabs button{color:var(--app-muted)}.admin-tabs button:hover{background:var(--panel-header-background);color:var(--app-text)}
.admin-tabs button.active{border-color:var(--brand-primary);background:linear-gradient(110deg,var(--brand-primary),var(--brand-accent));color:var(--button-text);box-shadow:0 7px 18px color-mix(in srgb,var(--brand-accent) 25%,transparent)}
.admin-page input,.admin-page select,.admin-page textarea,.rich-editor{border-color:var(--app-border)!important;background:var(--input-background)!important;color:var(--app-text)!important}
.admin-page button[type="submit"],.admin-lp-create{background:linear-gradient(100deg,var(--brand-primary),var(--brand-accent))!important;color:var(--button-text)!important}
.member-table th{color:var(--app-muted)}.member-table td{color:var(--app-text)}.member-table th,.member-table td{border-color:var(--app-border)}

.generator-toolbar,.dark-mode .generator-toolbar{background:var(--toolbar-background);color:var(--toolbar-text);border-color:var(--app-border)}
.generator-toolbar .tool,.generator-toolbar .quantity{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}
.generator-toolbar .domain-tool>span.icon{display:inline-grid;flex:0 0 auto;margin:0}
.generator-toolbar .domain-tool>span:not(.icon){display:inline;min-width:0}
.generator-toolbar .tool,.generator-toolbar .quantity,.dark-mode .generator-toolbar .tool,.dark-mode .generator-toolbar .quantity{background:var(--control-background);color:var(--control-text)}
.generator-toolbar .tool.active.blue{background:color-mix(in srgb,var(--brand-accent) 16%,var(--control-background));color:var(--brand-accent)}
.generator-toolbar .tool.active.dark,.generator-toolbar .tool.lp-active{background:var(--brand-accent);color:var(--button-text)}
.generator-toolbar .generate{background:var(--brand-accent);color:var(--button-text)}
.shortener-panel .shortener-empty{margin:0;padding:14px 16px;color:var(--app-muted);font-size:11px;line-height:1.45}
.generator-page .quantity-panel{z-index:20;width:120px;padding:5px;border-radius:12px;background:var(--surface-light);box-shadow:0 14px 34px #17243b2b;overflow:hidden}
.generator-page .quantity-panel button{min-height:36px;padding:8px 10px;border-radius:7px;background:transparent;color:#30343a;text-align:center;transition:background .15s,color .15s}
.generator-page .quantity-panel button:hover,.generator-page .quantity-panel button.selected{background:color-mix(in srgb,var(--brand-accent) 12%,transparent);color:var(--brand-accent)}
.generator-page .quantity-panel form{margin-top:5px;padding-top:5px;border-top:1px solid #d8dee7}
.generator-page .quantity-panel .manual-quantity{display:block;width:100%;height:32px;padding:5px 8px;border:1px solid #aeb7c5;border-radius:7px;background:transparent;color:#30343a;text-align:center;outline:none;-moz-appearance:textfield}
.generator-page .quantity-panel .manual-quantity::-webkit-inner-spin-button,.generator-page .quantity-panel .manual-quantity::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.generator-page .quantity-panel .manual-quantity:focus{border-color:var(--brand-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-accent) 20%,transparent)}
.dark-mode .generator-page .quantity-panel{border-color:#414752;background:#202020;box-shadow:0 16px 38px #0009}
.dark-mode .generator-page .quantity-panel button{background:transparent;color:#e1e4e8}
.dark-mode .generator-page .quantity-panel button:hover,.dark-mode .generator-page .quantity-panel button.selected{background:#34343a;color:#fff}
.dark-mode .generator-page .quantity-panel form{border-top-color:#3a3a40}
.dark-mode .generator-page .quantity-panel .manual-quantity{border-color:#69717e;background:#25252a;color:#fff}
.short-domain-form{grid-template-columns:minmax(240px,1fr) auto}
html:not(.dark-mode) .generator-toolbar{border-color:color-mix(in srgb,var(--brand-accent) 14%,#d7dee8);background:color-mix(in srgb,var(--surface-light) 96%,var(--brand-accent));color:#334155;box-shadow:0 14px 34px #17243b18}
html:not(.dark-mode) .generator-toolbar .tool,html:not(.dark-mode) .generator-toolbar .quantity{background:color-mix(in srgb,var(--brand-accent) 6%,#f1f5f9);color:#425466}
html:not(.dark-mode) .generator-toolbar .tool.active.blue{background:color-mix(in srgb,var(--brand-accent) 14%,#fff);color:color-mix(in srgb,var(--brand-accent) 82%,#15345a)}
html:not(.dark-mode) .generator-toolbar .tool.active.dark,html:not(.dark-mode) .generator-toolbar .tool.lp-active{background:var(--brand-accent);color:var(--button-text)}
.dark-mode .generator-page .results-card,.dark-mode .generator-page .config-panel,.dark-mode .account-pill,.dark-mode .round-button,.dark-mode .view-switch{background:var(--surface-dark)}
.generator-page:not(.dark-mode) .results-card{background:var(--surface-light)}

@media(max-width:720px){
  .generator-page{padding-inline:8px}
  .round-button{left:10px;top:10px;width:38px;height:38px}
  .account-pill{right:10px;top:10px;width:34px;height:34px;max-width:none;padding:5px;border-radius:50%;justify-content:center}
  .account-pill .avatar{flex:0 0 22px;width:22px;height:22px}
  .account-name,.account-pill>i{display:none}
  .generator-page:not(.has-results) .brand{margin-top:34vh;font-size:28px}
  .generator-page:not(.has-results) .generator-toolbar{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);margin:0}
  .generator-page:not(.has-results) .helper{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:calc(100vw - 24px);margin:0;font-size:8px}
  .generator-toolbar{width:min(318px,calc(100vw - 16px));min-height:44px;padding:4px;gap:3px;overflow:visible!important}
  .generator-toolbar .tool,.generator-toolbar .quantity{min-width:31px;padding:7px;font-size:0}
  .generator-toolbar .tool .icon,.generator-toolbar .tool>i,.generator-toolbar .quantity i{font-size:11px}
  .generator-toolbar .domain-tool{padding-inline:9px}.generator-toolbar .domain-tool>span:last-child{font-size:9px}
  .generator-toolbar .shortener{margin-left:auto}
  .generator-toolbar .generate{width:32px;height:32px;flex:0 0 32px;font-size:15px}
  .generator-page:not(.has-results) .view-switch{display:none}
  .has-results .brand{margin-top:16px;font-size:27px}
  .results-stack{width:min(410px,calc(100vw - 24px));height:calc(100dvh - 194px);margin-top:10px;padding:18px 3px 18px;gap:22px}
  .results-stack .results-card{padding:10px;border-radius:14px}
  .results-stack .result-row{grid-template-columns:minmax(0,1fr) 28px 28px;gap:5px;padding:6px 0;font-size:10px}
  .results-stack .result-row input{min-width:0;padding:8px!important;font-size:9px}
  .results-stack .result-row a,.results-stack .result-row button{display:grid;place-items:center;padding:0}
  .results-stack .results-card footer{gap:5px;font-size:9px}
  .results-stack .results-card footer button{padding:7px 9px;font-size:9px}
  .has-results .generator-toolbar{bottom:49px;width:min(420px,calc(100vw - 18px));min-height:48px;padding:5px 6px;gap:5px}
  .has-results .generator-toolbar .tool,.has-results .generator-toolbar .quantity{padding:8px 10px;font-size:10px}
  .has-results .generator-toolbar .generate{width:36px;height:36px;flex:0 0 36px;font-size:17px}
  .has-results .helper{bottom:27px;font-size:9px}
  .view-switch a{padding:5px 9px;font-size:10px}
  .rule-grid{grid-template-columns:1fr}
  .branding-color-grid{grid-template-columns:1fr}
  .branding-color-group>div{grid-template-columns:1fr}
  .branding-preset-picker{grid-template-columns:1fr}.branding-preset-picker small{padding-bottom:0}
  .branding-asset-field{grid-template-columns:1fr}
  .branding-asset-field>input:not([type="file"]),.branding-asset-field>.asset-preview-button{grid-column:1;grid-row:auto}
}

@media(prefers-reduced-motion:reduce){.live-dot{animation:none}.results-stack{scroll-behavior:auto}}

@media(max-width:720px){.short-domain-form{grid-template-columns:1fr}}