:root{--bg:#f6f3ee;--surface:#fffaf3;--surface-strong:#fff;--ink:#1f2933;--muted:#64707d;--line:#ded7ce;--blue:#2764c5;--blue-dark:#173f8a;--green:#14845c;--amber:#b86517;--red:#be3b45;--shadow:0 20px 50px #231f1b1a}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{color:var(--ink);background:linear-gradient(135deg, #2764c514, transparent 34%), linear-gradient(315deg, #14845c1a, transparent 28%), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:26px 0 40px}.topbar,.stats-grid,.workspace{width:100%}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.brand,.header-actions,.panel-title,.metric,.item-actions,.domain-heading,.link-main,.click-pill,.verified-label,.small-button,.primary-button,.empty-state{align-items:center;display:flex}.brand{gap:12px;min-width:0}.brand-mark{color:#fff;background:var(--blue);border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 10px 24px #2764c540}.brand h1,.brand p,.panel-title h2,.metric p,.target-row p{margin:0}.brand h1{letter-spacing:0;font-size:clamp(24px,3vw,36px);line-height:1}.brand p{color:var(--muted);margin-top:5px;font-size:14px}.header-actions{justify-content:flex-end;gap:10px}.toast{color:#fff;overflow-wrap:anywhere;border-radius:8px;max-width:min(430px,48vw);padding:9px 12px;font-size:13px}.toast.success{background:var(--green)}.toast.error{background:var(--red)}.icon-button,.small-button,.primary-button{border:0;border-radius:8px;transition:transform .16s,background .16s,border-color .16s}.icon-button:hover,.small-button:hover,.primary-button:hover{transform:translateY(-1px)}.icon-button{width:40px;height:40px;color:var(--ink);background:var(--surface-strong);border:1px solid var(--line);place-items:center;display:grid}.icon-button.filled{color:#fff;background:var(--blue);border-color:var(--blue);flex:none}.icon-button.subtle{width:34px;height:34px;color:var(--red);background:0 0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric{background:#ffffffb8;border:1px solid #ded7ced9;border-radius:8px;gap:12px;min-height:82px;padding:16px;box-shadow:0 10px 28px #231f1b0f}.metric span{width:34px;height:34px;color:var(--blue);background:#2764c51f;border-radius:8px;place-items:center;display:grid}.metric p{color:var(--muted);font-size:13px}.metric strong{margin-top:4px;font-size:26px;line-height:1;display:block}.workspace{grid-template-columns:minmax(320px,.95fr) minmax(300px,.9fr);grid-template-areas:"create domains""links links";gap:16px;display:grid}.panel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf3e0;border-radius:8px;padding:18px}.create-panel{grid-area:create}.domains-panel{grid-area:domains}.links-panel{grid-area:links}.panel-title{justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title h2{font-size:18px;line-height:1.1}.panel-title svg{color:var(--amber)}.form-stack{gap:14px;display:grid}.form-row{grid-template-columns:1fr .7fr;gap:12px;display:grid}label{color:#42505d;gap:7px;font-size:13px;font-weight:700;display:grid}input,select{width:100%;min-height:44px;color:var(--ink);background:var(--surface-strong);border:1px solid #cec5ba;border-radius:8px;outline:0;padding:0 12px}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2764c526}.primary-button{color:#fff;background:var(--blue);justify-content:center;gap:8px;min-height:46px;font-weight:800}.primary-button:hover{background:var(--blue-dark)}.primary-button:disabled,.icon-button:disabled,.small-button:disabled{cursor:not-allowed;opacity:.66}.domain-form{grid-template-columns:1fr 40px;gap:10px;margin-bottom:14px;display:grid}.domain-list,.link-list{gap:10px;display:grid}.domain-item,.link-item{background:var(--surface-strong);border:1px solid #ded8cf;border-radius:8px;min-width:0;padding:14px}.domain-heading{gap:8px;min-width:0}.domain-heading strong,.link-main strong,.target-row p,.link-main a{overflow-wrap:anywhere}.status-dot{background:var(--amber);border-radius:999px;flex:none;width:10px;height:10px}.status-dot.verified{background:var(--green)}.dns-row{color:var(--muted);grid-template-columns:58px 1fr;gap:8px;margin:12px 0;font-size:12px;display:grid}code{color:#243549;overflow-wrap:anywhere;background:#f2ede7;border-radius:6px;padding:3px 6px}.item-actions{justify-content:flex-end;gap:8px}.small-button{color:#fff;background:var(--green);gap:6px;min-height:34px;padding:0 10px;font-size:13px;font-weight:800}.small-button.ghost{color:var(--ink);background:#eee7dd}.verified-label{color:var(--green);gap:6px;margin-right:auto;font-size:13px;font-weight:800}.link-main{justify-content:space-between;align-items:flex-start;gap:12px}.link-main strong{font-size:16px;display:block}.link-main a{color:var(--blue);margin-top:5px;font-size:14px;font-weight:800;text-decoration:none;display:block}.click-pill{min-width:52px;color:var(--green);background:#14845c1f;border-radius:999px;flex:none;justify-content:center;gap:5px;padding:6px 8px;font-size:13px;font-weight:900}.target-row{border-top:1px solid #ebe4dc;margin:13px 0;padding-top:12px}.target-row span{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:800;display:block}.target-row p{color:#42505d;font-size:13px}.empty-state{min-height:96px;color:var(--muted);background:#ffffff85;border:1px dashed #c8bdb1;border-radius:8px;justify-content:center;gap:8px;font-weight:700}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.shell{width:min(100% - 24px,680px);padding-top:18px}.topbar{flex-direction:column;align-items:flex-start}.header-actions{justify-content:space-between;width:100%}.toast{max-width:calc(100% - 52px)}.stats-grid,.workspace,.link-list{grid-template-columns:1fr}.workspace{grid-template-areas:"create""domains""links"}}@media (max-width:560px){.stats-grid,.form-row{grid-template-columns:1fr}.brand h1{font-size:25px}.panel{padding:14px}.item-actions{flex-wrap:wrap}}.stats-grid.v2{grid-template-columns:repeat(4,minmax(0,1fr))}.v2-workspace{grid-template-columns:minmax(320px,.9fr) minmax(300px,.8fr)}.toolbar-title{align-items:flex-start}.toolbar-title p{color:var(--muted);margin:4px 0 0;font-size:13px}.search-field{background:var(--surface-strong);border:1px solid #cec5ba;border-radius:8px;grid-template-columns:18px 1fr;align-items:center;gap:8px;width:min(360px,42vw);min-height:40px;padding:0 10px;display:grid}.search-field input{min-height:34px;box-shadow:none;border:0;padding:0}.compact-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.compact-grid input{min-height:40px;font-size:13px}.link-list{grid-template-columns:1fr}.v2-card{padding:0;overflow:hidden}.muted-card{background:#f7f4ef}.link-card-grid{grid-template-columns:minmax(0,1fr) 156px;gap:0;min-width:0;display:grid}.link-content{min-width:0;padding:16px}.badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-badge{border-radius:999px;padding:4px 7px;font-size:11px;font-weight:900}.status-badge.active{color:var(--green);background:#14845c1f}.status-badge.paused{color:#5f6872;background:#ece7df}.status-badge.expired{color:var(--red);background:#be3b451f}.meta-row{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.meta-row span{color:#42505d;overflow-wrap:anywhere;background:#f2ede7;border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.analytics-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.analytics-strip span{background:#f9f7f3;border:1px solid #ebe4dc;border-radius:8px;min-width:0;padding:9px}.analytics-strip small{color:var(--muted);font-size:11px;font-weight:800;display:block}.analytics-strip strong{overflow-wrap:anywhere;margin-top:3px;font-size:13px;display:block}.edit-form{background:#f9f6ef;border:1px solid #e7ded4;border-radius:8px;gap:12px;margin:14px 0;padding:14px;display:grid}.qr-panel{background:#f7f4ef;border-left:1px solid #ebe4dc;align-content:center;justify-items:center;gap:10px;padding:14px;display:grid}.qr-panel img{border-radius:8px;width:118px;height:118px}.download-button{min-height:34px;color:var(--ink);background:var(--surface-strong);border:1px solid #ded8cf;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}@media (max-width:980px){.stats-grid.v2,.compact-grid,.analytics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{width:100%}}@media (max-width:680px){.link-card-grid{grid-template-columns:1fr}.qr-panel{border-top:1px solid #ebe4dc;border-left:0}.stats-grid.v2,.compact-grid,.analytics-strip{grid-template-columns:1fr}}.dashboard-app{background:#f7f8fb;grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d8e0ea;background:#304050;flex-direction:column;gap:18px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand,.workspace-switcher,.nav-button,.sidebar-logout,.user-cell,.button-row,.primary-action,.ghost-action,.domain-demo,.section-heading{align-items:center;display:flex}.sidebar-brand{color:#fff;gap:12px;min-height:44px;font-size:28px}.workspace-switcher{border-bottom:1px solid #ffffff1f;gap:12px;padding:14px 8px}.workspace-switcher span,.user-cell i{color:#fff;background:#3b6ff5;border-radius:999px;flex:none;place-items:center;width:42px;height:42px;font-style:normal;font-weight:900;display:grid}.workspace-switcher strong{color:#fff;font-size:15px;display:block}.workspace-switcher p,.dashboard-topbar p,.section-heading p,.domain-hero p,.placeholder-view p{color:#6f7785;margin:4px 0 0}.workspace-switcher p{color:#b8c2ce;font-size:13px}.sidebar-nav{gap:6px;display:grid}.nav-button,.sidebar-logout{color:#d5dde7;text-align:left;background:0 0;border:0;border-radius:8px;gap:12px;width:100%;min-height:42px;padding:0 12px;font-weight:800}.nav-button.active,.nav-button:hover,.sidebar-logout:hover{color:#fff;background:#ffffff1c}.usage-box{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;margin-top:auto;padding:14px}.usage-box strong{color:#fff}.usage-box p{margin:8px 0;font-size:13px}.usage-box small{color:#cfe3ff;text-transform:uppercase;font-size:12px;font-weight:800}.dashboard-main{min-width:0;padding:24px 28px 40px}.dashboard-topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.dashboard-topbar h1{letter-spacing:0;margin:0;font-size:30px;font-weight:700}.primary-action,.ghost-action{border-radius:8px;justify-content:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800}.primary-action{color:#fff;background:#3b6ff5;border:1px solid #3b6ff5}.ghost-action{color:#263241;background:#fff;border:1px solid #dfe5ee}.overview-view{gap:18px;display:grid}.overview-hero{color:#fff;background:#28364a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;display:grid;box-shadow:0 14px 36px #1c273724}.overview-hero small,.overview-hero p{color:#c9d2df;font-weight:800}.overview-hero h2{margin:4px 0 6px;font-size:28px}.overview-hero p{margin:0}.overview-actions{flex-wrap:wrap;gap:10px;display:flex}.overview-metrics,.overview-grid{gap:16px;display:grid}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-metric,.overview-panel{background:#fff;border:1px solid #dfe5ee;border-radius:8px;box-shadow:0 12px 34px #1c27370f}.overview-metric{align-items:center;gap:13px;padding:16px;display:flex}.overview-metric>span{color:#235ee8;background:#eef4ff;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.overview-metric small,.overview-metric p,.overview-panel small,.overview-chip-row span,.overview-list small,.overview-status span{color:#6f7785;font-weight:800}.overview-metric strong{color:#222b39;margin:2px 0;font-size:28px;display:block}.overview-metric p{margin:0;font-size:13px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-panel{min-height:260px;padding:18px}.overview-panel-wide{grid-column:span 2;min-height:300px}.overview-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.overview-panel-head h3{color:#222b39;margin:3px 0 0;font-size:19px}.overview-panel-head>strong{color:#235ee8;font-size:24px}.mini-sparkline{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;height:170px;padding:16px 0 4px;display:grid}.mini-sparkline span{grid-template-rows:minmax(0,1fr) auto;align-items:end;gap:8px;height:100%;display:grid}.mini-sparkline i{transform-origin:bottom;background:linear-gradient(#4faeba,#355be0);border-radius:8px 8px 3px 3px;width:100%;animation:.52s both grow-column;display:block;box-shadow:0 10px 18px #4faeba38}.mini-sparkline small{color:#6f7785;text-align:center;font-size:12px;font-weight:800}.overview-chip-row{border-top:1px solid #edf1f6;flex-wrap:wrap;gap:8px;padding-top:14px;display:flex}.overview-chip-row span{background:#f4f7fb;border-radius:999px;padding:7px 10px;font-size:12px}.overview-list,.overview-status-list{gap:10px;display:grid}.overview-list div,.overview-status{border-bottom:1px solid #edf1f6;align-items:center;gap:12px;padding:11px 0;display:grid}.overview-list div{grid-template-columns:minmax(0,1fr) auto}.overview-list strong,.overview-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.overview-list strong{color:#263241}.overview-list em{color:#263241;font-style:normal;font-weight:900}.overview-status{grid-template-columns:minmax(0,1fr) auto}.overview-status strong{text-align:center;border-radius:999px;min-width:56px;padding:7px 9px}.overview-status.good strong{color:#16764a;background:#e5f8ef}.overview-status.warn strong{color:#8a5a00;background:#fff3cd}.overview-status.neutral strong{color:#235ee8;background:#eef4ff}.create-layout{grid-template-columns:minmax(0,1fr) 340px;gap:24px;display:grid}.link-builder,.dashboard-card,.domain-connect-card,.preview-rail,.traffic-hero,.placeholder-view{background:#fff;border:1px solid #dfe5ee;border-radius:8px}.link-builder{padding:22px}.destination-card{color:#fff;background:#28364a;border-radius:8px;padding:22px;box-shadow:0 10px 22px #1c27372e}.destination-card label{color:#fff}.destination-card label span{align-items:center;gap:7px;margin-bottom:10px;font-size:17px;display:inline-flex}.destination-card p{color:#c9d2df;margin:12px 0 0;font-weight:700}.form-section-label{color:#a4acb8;text-transform:uppercase;letter-spacing:0;margin:10px 0 0;font-size:13px}.preview-rail{align-content:start;gap:18px;padding:18px;display:grid}.qr-placeholder,.preview-box{color:#a4acb8;text-align:center;border:2px dashed #d8dee8;border-radius:8px;place-items:center;gap:10px;min-height:184px;font-weight:800;display:grid}.preview-box{min-height:210px}.table-toolbar{border-bottom:1px solid #e7ebf2;justify-content:space-between;gap:14px;padding:16px;display:flex}.button-row{gap:8px}.link-table-head,.link-row,.traffic-row,.users-head,.users-row{align-items:center;display:grid}.link-table-head,.link-row{grid-template-columns:minmax(260px,1.6fr) 90px 90px minmax(220px,1fr) 42px;gap:16px}.link-table-head,.users-head,.traffic-head{color:#6f7785;border-bottom:1px solid #e7ebf2;padding:13px 16px;font-size:13px;font-weight:900}.link-row{color:#1f2933;text-align:left;background:#fff;border:0;border-bottom:1px solid #e7ebf2;width:100%;min-height:62px;padding:0 16px}.link-row:hover{background:#f8fafc}.link-name{align-items:center;gap:12px;min-width:0;display:flex}.favicon-dot{color:#fff;background:#3b6ff5;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.short-url{color:#235ee8;overflow-wrap:anywhere}.row-actions{color:#6f7785;justify-self:end}.link-table .v2-card{box-shadow:none;border-width:0 0 1px;border-radius:0;margin:0}.traffic-view{gap:18px;display:grid}.traffic-hero{grid-template-columns:280px 1fr;gap:24px;padding:22px;display:grid}.traffic-hero strong{font-size:52px;font-weight:400;display:block}.traffic-hero h2{margin:6px 0 0}.chart-bars{border-left:1px solid #e7ebf2;grid-template-columns:repeat(14,1fr);align-items:end;gap:10px;min-height:260px;padding:18px;display:grid}.chart-bars span{align-items:flex-end;height:100%;display:flex}.chart-bars i{background:linear-gradient(#3b6ff5,#8fb0ff);border-radius:8px 8px 0 0;width:100%;display:block}.traffic-row{border-top:1px solid #e7ebf2;grid-template-columns:minmax(0,1fr) 120px 120px;gap:16px;padding:13px 16px}.traffic-row span{overflow-wrap:anywhere}.traffic-row em{font-style:normal}.analytics-view{gap:18px;display:grid}.analytics-toolbar,.analytics-kpis,.analytics-grid,.analytics-card-head,.location-panel,.donut-breakdown,.donut-legend button,.top-links-panel button,.select-control{display:grid}.analytics-toolbar{border-bottom:1px solid #dfe5ee;grid-template-columns:1fr auto;align-items:center;gap:14px;padding-bottom:18px}.select-control{color:#6f7785;background:#fff;border:1px solid #dfe5ee;border-radius:8px;grid-template-columns:auto minmax(170px,1fr);align-items:center;gap:9px;height:42px;padding:0 12px}.select-control select{color:#263241;background:0 0;border:0;outline:0;min-width:0;font-weight:800}.analytics-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.analytics-kpi,.analytics-card{background:#fff;border:1px solid #dfe5ee;border-radius:8px;box-shadow:0 12px 34px #1c27370f}.analytics-kpi{appearance:none;text-align:left;cursor:pointer;border:1px solid #dfe5ee;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s}.analytics-kpi:hover,.analytics-kpi:focus-visible,.analytics-card:hover{border-color:#b9c9f8;box-shadow:0 16px 40px #235ee81f}.analytics-kpi:hover,.analytics-kpi:focus-visible{transform:translateY(-2px)}.analytics-kpi small,.analytics-kpi span{color:#6f7785;font-weight:800}.analytics-kpi strong{color:#222b39;margin:8px 0 4px;font-size:30px;display:block}.analytics-insight{background:#eef7ff;border:1px solid #cde1ff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 18px;animation:.36s both analytics-rise;display:grid}.analytics-insight small,.analytics-insight span{color:#5f6d7f;font-weight:800;display:block}.analytics-insight strong{color:#222b39;margin:3px 0;display:block}.analytics-insight em{color:#235ee8;font-size:28px;font-style:normal;font-weight:900}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analytics-card-wide{grid-column:span 2}.analytics-card{min-height:330px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;animation:.42s both analytics-rise}.analytics-card-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:16px}.analytics-card-head h2{color:#222b39;margin:0;font-size:20px}.drag-dots{grid-template-columns:repeat(2,5px);gap:4px;width:18px;display:grid}.drag-dots i{background:#8795ad;border-radius:999px;width:5px;height:5px}.timeline-chart{position:relative}.timeline-chart svg{width:100%;min-height:260px;overflow:visible}.timeline-chart line{stroke:#e5e9f0;stroke-width:1px}.timeline-chart polyline{fill:none;stroke:#4faeba;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;stroke-dasharray:1200;stroke-dashoffset:1200px;animation:.9s forwards draw-line}.timeline-chart circle{fill:#4faeba;stroke:#fff;stroke-width:3px;cursor:pointer;outline:none;transition:fill .18s,r .18s,transform .18s}.timeline-chart circle:hover,.timeline-chart circle:focus,.timeline-chart circle.active{fill:#355be0;r:7}.timeline-labels{color:#6f7785;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;display:flex}.chart-tooltip{z-index:3;color:#fff;pointer-events:none;background:#222b39;border-radius:8px;min-width:86px;padding:9px 10px;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 12px 24px #1c27372e}.chart-tooltip strong,.chart-tooltip span{display:block}.chart-tooltip span{color:#d8e0ea;margin-top:2px;font-size:12px;font-weight:800}.bar-ranking{gap:14px;display:grid}.bar-row{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) 54px 54px;align-items:center;gap:10px;padding:8px;transition:background .16s,transform .16s;display:grid}.bar-row:hover,.bar-row:focus-visible,.bar-row.active,.top-links-panel button:hover,.top-links-panel button:focus-visible,.top-links-panel button.active,.location-table button:hover,.location-table button:focus-visible,.location-table button.active,.donut-legend button:hover,.donut-legend button:focus-visible,.donut-legend button.active{background:#f4f7ff;transform:translateY(-1px)}.bar-row span,.top-links-panel strong{color:#263241;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.bar-row strong,.bar-row em{color:#263241;text-align:right;font-style:normal}.bar-row i,.top-links-panel i{transform-origin:0;background:linear-gradient(90deg,#4faeba,#355be0);border-radius:999px;grid-column:1/-1;height:9px;animation:.52s both grow-bar}.donut-breakdown{grid-template-columns:minmax(180px,.9fr) minmax(0,1fr);align-items:center;gap:18px}.analytics-donut{appearance:none;aspect-ratio:1;cursor:pointer;border:0;border-radius:50%;justify-self:center;width:min(240px,100%);padding:0;transition:filter .18s,transform .18s;position:relative}.analytics-donut:hover,.analytics-donut:focus-visible{filter:saturate(1.15);transform:scale(1.025)}.analytics-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:20%}.analytics-donut span{z-index:1;color:#222b39;place-items:center;font-size:30px;font-weight:900;display:grid;position:absolute;inset:0 0 18px}.analytics-donut small{z-index:1;color:#6f7785;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;position:absolute;bottom:32%;left:20%;right:20%;overflow:hidden}.donut-legend{gap:11px;display:grid}.donut-legend button{appearance:none;color:#4e5968;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px}.donut-legend i{border-radius:50%;width:12px;height:12px}.donut-legend strong{color:#263241}.location-panel{gap:16px}.location-table{align-content:start;width:100%;display:grid}.location-table div{color:#263241;border-bottom:1px solid #edf1f6;grid-template-columns:42px minmax(0,1.3fr) 120px 70px minmax(160px,1fr);align-items:center;gap:14px;padding:13px 0;font-weight:900;display:grid;position:relative}.location-table div:first-child{color:#6f7785;font-size:13px}.location-table button{appearance:none;color:#263241;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf1f6;border-radius:8px;grid-template-columns:42px minmax(0,1.3fr) 120px 70px minmax(160px,1fr);align-items:center;gap:14px;padding:13px 0;font-weight:900;display:grid;position:relative}.location-table i{background:linear-gradient(90deg,#4faeba,#355be0);border-radius:999px;height:9px;display:block}.top-links-panel{gap:16px;display:grid}.top-links-panel button{appearance:none;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:8px}.top-links-panel small{color:#6f7785;margin-top:3px;font-weight:800;display:block}.top-links-panel em{color:#263241;font-style:normal;font-weight:900}.api-keys-view{gap:18px;display:grid}@keyframes analytics-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes grow-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes grow-column{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.api-key-hero,.api-token-reveal,.api-key-layout,.api-key-head,.api-key-row,.api-endpoint{display:grid}.api-key-hero{color:#fff;background:#28364a;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(320px,auto);align-items:center;gap:18px;padding:22px;box-shadow:0 12px 34px #1c27371f}.api-key-hero h2{margin:10px 0 4px;font-size:28px}.api-key-hero p,.api-token-reveal p{color:#c9d2df;margin:0;font-weight:800}.api-endpoint{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px}.api-endpoint span{color:#173f8a;background:#cfe3ff;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:900}.api-endpoint code,.api-token-reveal code,.api-key-row code,.api-doc-card pre{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,monospace}.api-endpoint code{color:#fff}.api-token-reveal{background:#ecfdf5;border:1px solid #bdebd7;border-radius:8px;grid-template-columns:minmax(220px,.5fr) minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px}.api-token-reveal p{color:#14845c}.api-token-reveal code{color:#123524;background:#fff;border:1px solid #bdebd7;border-radius:8px;padding:12px}.api-key-layout{grid-template-columns:minmax(280px,.75fr) minmax(0,1fr);gap:18px}.api-key-form,.api-doc-card{padding:0 18px 18px}.api-key-form label{color:#4e5968;gap:8px;margin:18px 0;font-weight:900;display:grid}.api-doc-card pre{color:#dbeafe;white-space:pre-wrap;background:#1f2937;border-radius:8px;margin:18px 0 0;padding:16px;font-size:13px;line-height:1.6}.api-key-head,.api-key-row{grid-template-columns:minmax(160px,1fr) minmax(160px,.9fr) 130px 110px auto;align-items:center;gap:14px}.api-key-head{color:#6f7785;border-bottom:1px solid #e7ebf2;padding:14px 16px;font-size:13px;font-weight:900}.api-key-row{border-bottom:1px solid #e7ebf2;min-height:68px;padding:0 16px}.api-key-row code{color:#4e5968}.section-heading{border-bottom:1px solid #e7ebf2;justify-content:space-between;gap:18px;padding:18px}.section-heading h2,.domain-hero h2,.placeholder-view h2{margin:0}.users-head,.users-row{grid-template-columns:minmax(260px,1fr) 130px 170px 46px;gap:18px}.users-row{border-top:1px solid #e7ebf2;min-height:76px;padding:0 18px}.user-cell{gap:12px;min-width:0}.user-cell span{min-width:0}.user-cell strong,.user-cell small{text-overflow:ellipsis;display:block;overflow:hidden}.user-cell small{color:#6f7785;margin-top:3px;font-size:12px;font-weight:800}.notice-inline{color:#6f561f;background:#fff7d7;border:1px solid #f1df93;border-radius:8px;margin:14px 18px 0;padding:11px 12px;font-size:13px;font-weight:800}.user-editor{gap:12px;display:grid}.user-editor-create{border-bottom:1px solid #e7ebf2;grid-template-columns:minmax(160px,1fr) minmax(220px,1.1fr) minmax(180px,1fr) 130px auto;align-items:end;padding:18px}.user-editor-inline{grid-column:1/-1;grid-template-columns:minmax(150px,1fr) minmax(220px,1.1fr) minmax(170px,1fr) 120px auto;align-items:end;width:100%;padding:16px 0}.user-editor label{color:#6f7785;gap:7px;font-size:12px;font-weight:900;display:grid}.user-editor input,.user-editor select{color:#263241;width:100%;min-width:0;height:42px;font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:8px;padding:0 11px;font-weight:800}.user-editor-actions{align-items:center;gap:8px;display:flex}.domain-hero{text-align:center;padding:26px 18px 34px}.domain-demo{justify-content:center;gap:20px;margin-top:26px}.domain-demo span,.domain-demo strong{border:2px dashed #cfd6e1;border-radius:999px;padding:14px 22px}.domain-demo strong{color:#235ee8;border-style:solid;border-color:#9bb4ff;box-shadow:0 12px 35px #3b6ff529}.domain-panels{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;display:grid}.domain-connect-card{padding:22px}.domain-connect-card h3{margin:12px 0 18px}.placeholder-view{color:#6f7785;align-content:center;place-items:center;gap:10px;min-height:360px;display:grid}.auth-shell{background:linear-gradient(135deg,#3b6ff51f,#0000 34%),#f7f8fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:#fff;border:1px solid #dfe5ee;border-radius:8px;width:min(460px,100%);padding:28px;box-shadow:0 22px 60px #1d29391f}.auth-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth-brand h1,.auth-brand p,.auth-switch,.form-error{margin:0}.auth-brand p{color:#6f7785}.auth-form{gap:14px;display:grid}.auth-switch{color:#6f7785;margin-top:18px}.auth-switch a{color:#235ee8;font-weight:900}.form-error{color:var(--red);background:#be3b451a;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:800}@media (max-width:1060px){.dashboard-app,.create-layout,.overview-hero,.overview-grid,.overview-metrics,.traffic-hero,.domain-panels,.analytics-grid,.analytics-kpis,.location-panel,.api-key-hero,.api-key-layout,.api-token-reveal{grid-template-columns:1fr}.analytics-card-wide,.overview-panel-wide{grid-column:auto}.sidebar{height:auto;position:static}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.link-table-head,.link-row{grid-template-columns:minmax(220px,1fr) 70px 70px}.link-table-head span:nth-child(4),.link-table-head span:nth-child(5),.link-row span:nth-child(4),.link-row span:nth-child(5){display:none}}@media (max-width:640px){.dashboard-main{padding:18px 12px}.dashboard-topbar,.table-toolbar,.overview-actions,.section-heading,.analytics-toolbar{flex-direction:column}.sidebar-nav,.users-head,.users-row,.user-editor-create,.user-editor-inline,.donut-breakdown,.api-key-head,.api-key-row,.api-endpoint{grid-template-columns:1fr}.users-head{display:none}.users-row{align-items:start;padding:14px}.analytics-toolbar{grid-template-columns:1fr;display:grid}.analytics-toolbar .button-row{display:grid}.location-table div,.location-table button{grid-template-columns:32px minmax(0,1fr) 86px 48px;font-size:13px}.location-table div>:last-child,.location-table button>:last-child{display:none}}