/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}}:root{--bg:#07101d;--panel:#0d1828;--panel-2:#101d30;--line:#1d2a3e;--muted:#76859a;--text:#edf4ff;--blue:#4a93ff;--cyan:#43d3d9;--green:#38d996;--red:#ff667f}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,select{color:inherit;font:inherit}button,select{cursor:pointer}button{border:0}.app-shell{background:radial-gradient(circle at 70% 0%,#11233c 0,transparent 28%),var(--bg);grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#08121f;flex-direction:column;height:100vh;padding:23px 15px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.4px;align-items:center;gap:11px;padding:0 9px 26px;font-size:20px;font-weight:800;display:flex}.brand>span:last-child>span{color:var(--blue)}.brand-mark{color:#fff;background:linear-gradient(145deg,#4e9bff,#6d5dfc);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 24px #347ffc55}nav{gap:5px;display:grid}.nav-item,.group-item{text-align:left;color:#8090a7;background:0 0;border-radius:9px;align-items:center;width:100%;display:flex}.nav-item{gap:12px;padding:11px 13px}.nav-item span{text-align:center;width:19px;font-size:18px}.nav-item b{font-size:13px;font-weight:600}.nav-item.active{color:#eaf3ff;box-shadow:inset 3px 0 var(--blue);background:#132239}.nav-item.active span{color:#5ca2ff}.sidebar-section{scrollbar-width:thin;scrollbar-color:#29415f transparent;flex:1;min-height:0;margin-top:31px;overflow-y:auto}.sidebar-section>p{color:#536176;letter-spacing:1.5px;margin:0 0 11px;padding:0 13px;font-size:10px;font-weight:800}.group-item{gap:9px;padding:8px 13px;font-size:12px}.group-item:hover,.group-item.selected{color:#dbe9fb;background:#101d2f}.group-item em{color:#57677d;margin-left:auto;font-size:10px;font-style:normal}.dot{background:#4b92ff;border-radius:50%;width:7px;height:7px}.dot-1{background:#23d8bc}.dot-2{background:#c176ff}.dot-3{background:#ffb84d}.user-card{border-top:1px solid var(--line);flex:none;align-items:center;gap:9px;margin-top:12px;padding:17px 6px 0;display:flex}.avatar{background:linear-gradient(145deg,#315585,#1d324f);border-radius:9px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.user-card>span:nth-child(2){gap:2px;display:grid}.user-card b{font-size:11px}.user-card small{color:var(--muted);font-size:9px}.user-card button,.user-card a{color:var(--muted);background:0 0;margin-left:auto;font-size:9px;text-decoration:none}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);color:#c6d0de;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#091422cc;justify-content:space-between;align-items:center;height:64px;padding:0 30px;font-size:12px;display:flex;position:sticky;top:0}.crumb{color:#5f6e82}.top-actions{align-items:center;gap:10px;display:flex}.live-pill{color:#78e4b7;background:#0d2a22;border:1px solid #1e624b;border-radius:7px;padding:7px 10px;font-size:10px}.live-pill i{background:#45dfa0;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 0 4px #3ad39822}.icon-button{border:1px solid var(--line);background:#101c2c;border-radius:8px;width:33px;height:33px;position:relative}.icon-button sup{background:#ff5b73;border-radius:6px;padding:1px 4px;font-size:8px;position:absolute;top:-5px;right:-3px}.primary-button{background:linear-gradient(135deg,#3789f7,#536df5);border-radius:8px;padding:9px 14px;font-size:11px;font-weight:700;box-shadow:0 7px 22px #2f7de238}.content{max-width:1580px;margin:0 auto;padding:27px 30px 48px}.title-row{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.eyebrow{color:#548bd1;letter-spacing:1.8px;margin:0 0 6px;font-size:9px;font-weight:800}.title-row h1{letter-spacing:-.7px;margin:0 0 5px;font-size:25px}.muted{color:var(--muted);margin:0;font-size:11px}.timezone{color:#536b8d;margin-left:8px}.demo-badge{color:#e4a956;background:#362819;border:1px solid #634626;border-radius:4px;margin-left:7px;padding:2px 5px;font-size:8px;display:inline-block}.last-sync{grid-template-columns:auto auto auto;align-items:center;gap:4px 8px;font-size:10px;display:grid}.last-sync span{color:#627187;grid-column:1/3}.last-sync b{font-family:ui-monospace,monospace;font-size:12px}.last-sync button{border:1px solid var(--line);color:#6fa8f5;background:#132238;border-radius:7px;grid-area:1/3/3;width:30px;height:30px}.filters{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:13px;display:flex}.segmented{border:1px solid var(--line);background:#0b1625;border-radius:9px;padding:3px;display:flex}.segmented button{color:#75869c;background:0 0;border-radius:6px;padding:7px 11px;font-size:10px}.segmented button.active{color:#fff;background:#236dcf;box-shadow:0 4px 12px #1760bd55}.filters select{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background-color:#0b1625;background-image:linear-gradient(45deg,#0000 50%,#607087 50%),linear-gradient(135deg,#607087 50%,#0000 50%);background-position:calc(100% - 14px) 16px,calc(100% - 10px) 16px;background-repeat:no-repeat;background-size:4px 4px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:9px;min-width:126px;padding:10px 28px 10px 11px;font-size:10px}.date-range{color:#63748a;align-items:center;gap:7px;font-size:9px;display:flex}.date-range input{color:#9eacbe;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid var(--line);background:#0b1625;border-radius:8px;padding:8px;font-size:9px}.search{border:1px solid var(--line);color:#5d6c81;background:#0b1625;border-radius:9px;align-items:center;gap:8px;width:190px;margin-left:auto;padding:9px 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.search input::placeholder{color:#4e5c70}.compare-card,.panel{border:1px solid var(--line);background:linear-gradient(150deg,#101d2e,#0b1523 72%);border-radius:13px;box-shadow:0 18px 45px #0000001f}.compare-card{padding:17px 19px 0;overflow:hidden}.compare-head,.panel-head{justify-content:space-between;align-items:center;display:flex}.compare-head h2,.panel-head h2{margin:2px 0 0;font-size:14px}.card-kicker{color:#557090;letter-spacing:1.2px;font-size:8px;font-weight:800}.source-badge{color:#7d8ca0;background:#0a1421;border:1px solid #1b283a;border-radius:7px;padding:6px 9px;font-size:9px}.source-badge i{color:#5d9eff;margin-right:5px;font-style:normal;font-weight:800}.metric-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:15px;display:grid}.metric{border-right:1px solid var(--line);padding:17px 18px 16px 0}.metric:not(:first-child){padding-left:22px}.metric:last-child{border-right:0}.metric>span{color:#74859a;font-size:10px}.metric strong{letter-spacing:-1px;margin:6px 0 5px;font-size:28px;line-height:1.1;display:block}.metric p{color:#66768c;margin:0;font-size:9px}.metric p .up,.metric p .down{margin-left:5px}.metric.highlight{background:linear-gradient(120deg,#0000,#12304766)}.metric.highlight strong{color:#7ae4d0}.pulse-dot{background:#46deb0;border-radius:50%;width:7px;height:7px;margin:0 11px 4px 2px;display:inline-block;box-shadow:0 0 0 5px #31dba626}.up{color:var(--green)}.down{color:var(--red)}.source-breakdown{border-top:1px solid var(--line);background:#091522;grid-template-columns:repeat(3,1fr);margin:0 -19px;display:grid}.source-breakdown div{border-right:1px solid var(--line);grid-template-columns:1fr auto;gap:3px 12px;padding:10px 18px;display:grid}.source-breakdown div:last-child{border-right:0}.source-breakdown span{color:#7890ad;font-size:9px}.source-breakdown b{font-size:10px}.source-breakdown small{color:#52677f;grid-column:1/3;font-size:8px}.insight-line{border-top:1px solid var(--line);background:#0c1a2a;align-items:center;gap:10px;margin:0 -19px;padding:11px 18px;font-size:9px;display:flex}.insight-line p{color:#8e9cb0;flex:1;margin:0}.insight-line p b{color:#dce7f5;margin-right:5px}.insight-line p strong{color:#48dfa0}.insight-line p a{color:#65a7ff}.insight-line p .danger-link{color:#ff7186}.insight-line button{color:#68a7fb;white-space:nowrap;background:0 0;font-size:9px}.spark{color:#6ca8ff;font-size:16px}.performance-panel{margin-top:13px;padding:0;overflow:hidden}.performance-head{padding:17px 19px}.performance-controls{align-items:center;gap:10px;display:flex}.overall-hour{border:1px solid;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:700}.overall-hour.rising{color:#4bddaa;background:#0d2b22;border-color:#215b47}.overall-hour.falling{color:#ff7187;background:#2c161f;border-color:#683245}.overall-hour.flat{color:#aab6c6;background:#111d2c;border-color:#34445a}.rank-switch{border:1px solid var(--line);background:#091522;border-radius:8px;padding:3px;display:flex}.rank-switch button{color:#74869d;background:0 0;border-radius:6px;padding:6px 9px;font-size:8px}.rank-switch button.active{color:#fff;background:#276fcf}.inactive-summary{background:linear-gradient(100deg,#281f12,#171710);border:1px solid #5c4522;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;margin:0 19px 13px;padding:13px 14px;display:grid}.inactive-summary>div{align-items:center;gap:10px;display:flex}.inactive-icon{color:#f3be59;background:#5d4219;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.inactive-summary p{gap:3px;margin:0;display:grid}.inactive-summary p b{color:#f0c979;font-size:10px}.inactive-summary p small{color:#8c806d;font-size:8px}.inactive-summary>strong{color:#f0b955;font-size:20px}.inactive-summary>strong small{color:#8c806d;font-size:8px}.performance-list{border-top:1px solid var(--line);max-height:440px;overflow:auto}.performance-row{color:#a8b5c6;border-bottom:1px solid #172539;grid-template-columns:56px minmax(240px,1.5fr) minmax(90px,.5fr) minmax(120px,.6fr) minmax(150px,.7fr);align-items:center;gap:10px;min-width:760px;padding:10px 19px;font-size:9px;display:grid}.performance-row:not(.performance-labels):hover{background:#102035}.performance-labels{z-index:2;color:#5f7188;background:#091522;padding-block:8px;font-size:8px;font-weight:700;position:sticky;top:0}.rank-number{color:#7990ad;background:#15243a;border-radius:7px;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.rank-number.top{color:#f3c45f;background:#493717}.rank-site{gap:3px;display:grid}.rank-site b{color:#e4ecf7;font-size:10px}.rank-site small,.hour-count small{color:#60738b;font-size:8px}.hour-count{gap:2px;display:grid}.hour-count b{color:#69a9ff;font-size:11px}.hour-trend{border-radius:6px;align-items:center;width:max-content;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.hour-trend.rising{color:#4be0ab;background:#123629}.hour-trend.falling{color:#ff7187;background:#401e2a}.hour-trend.flat{color:#a6b2c2;background:#1a2738}.hour-trend.waiting{color:#718299;background:#121e2d}.performance-empty{text-align:center;color:#62758d;padding:26px;font-size:9px}.table-hour{align-items:center;gap:7px;display:flex}.table-hour>b{color:#69a9ff;font-family:ui-monospace,monospace}.diagnosis-panel{margin-top:13px}.diagnosis-panel>.panel-head>div>p{max-width:650px}.three-day-grid{grid-template-columns:repeat(3,minmax(105px,.62fr)) repeat(2,minmax(190px,1fr));gap:9px;margin-top:15px;display:grid}.day-stat,.signal-card{background:#0a1625;border:1px solid #1d3048;border-radius:10px;min-height:91px;padding:13px}.day-stat{flex-direction:column;justify-content:center;display:flex}.day-stat.current{background:linear-gradient(145deg,#102a48,#0b1929);border-color:#245a98}.day-stat>span{color:#708198;font-size:9px}.day-stat>strong{margin:4px 0 3px;font-size:22px}.day-stat>small{color:#66778d;font-size:8px}.day-stat>small>span{margin-left:5px}.signal-card{align-items:center;gap:11px;display:flex}.signal-icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.signal-card div{min-width:0}.signal-card small,.signal-card strong,.signal-card p{display:block}.signal-card small{color:#75869b;font-size:8px}.signal-card strong{margin:3px 0;font-size:11px}.signal-card p{color:#6d7e93;margin:0;font-size:8px}.signal-card.positive{background:#0c211e;border-color:#1c4e42}.signal-card.positive .signal-icon{color:#4de0aa;background:#123b31}.signal-card.negative{background:#21131c;border-color:#5e2d3b}.signal-card.negative .signal-icon{color:#ff7187;background:#44202c}.lower-grid{grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:13px;margin-top:13px;display:grid}.panel{padding:17px 19px}.panel-head p{color:#67778d;margin:4px 0 0;font-size:9px}.legend{color:#77879c;gap:13px;font-size:9px;display:flex}.legend i{border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.legend .today{background:#4a91ff}.legend .yesterday{background:#31445e}.legend .prior{background:#604e7a}.chart{background:repeating-linear-gradient(0deg,#0000 0 37px,#18263a 38px);border-bottom:1px solid #253248;align-items:flex-end;gap:4px;height:154px;margin:18px 4px 0;display:flex;position:relative}.bar-pair{flex:1;align-items:flex-end;gap:1px;height:100%;display:flex}.bar-pair i,.bar-pair b,.bar-pair u{border-radius:2px 2px 0 0;width:33%;text-decoration:none;display:block}.bar-pair i{background:linear-gradient(#52a0ff,#3472ccaa)}.bar-pair b{background:#293e59}.bar-pair u{background:#58466f}.now-line{border-left:1px dashed #50d6c4;position:absolute;top:-5px;bottom:0;right:6%}.now-line em{color:#61d7c7;background:#10352f;border-radius:3px;padding:2px 4px;font-size:7px;font-style:normal;position:absolute;top:-12px;left:-16px}.axis{color:#516075;justify-content:space-between;padding-top:7px;font-size:7px;display:flex}.realtime-panel button{color:#65a4f8;background:0 0;font-size:9px}.online-count{align-items:baseline;gap:8px;margin-top:15px;display:flex}.online-count strong{letter-spacing:-2px;font-size:37px}.online-count span{color:#79899e;font-size:10px}.mini-bars{align-items:flex-end;gap:4px;height:51px;margin:9px 0 15px;display:flex}.mini-bars i{background:linear-gradient(#3fe0bd,#1c7e76);border-radius:2px;flex:1;display:block}.realtime-list{gap:8px;display:grid}.realtime-list p{color:#a9b5c5;grid-template-columns:auto 1fr auto auto;align-items:center;gap:7px;margin:0;font-size:9px;display:grid}.realtime-list p b{color:#e8eef8}.realtime-list p span{text-align:right;color:#627187;width:40px}.flag{background:#e44545;border-radius:2px;width:12px;height:8px;display:block}.flag.id{background:linear-gradient(#e94c4c 50%,#fff 50%)}.flag.vn{background:#dc3838}.flag.my{background:linear-gradient(#d63838 50%,#e4e4e4 50%)}.table-panel{margin-top:13px;padding:0;overflow:hidden}.table-head{padding:16px 19px}.table-head>div:last-child{gap:7px;display:flex}.secondary-button{color:#9eacbd;background:#101f31;border:1px solid #25344a;border-radius:7px;padding:7px 11px;font-size:9px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1120px}th{text-align:left;color:#71849c;letter-spacing:.4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a1523;padding:12px 14px;font-size:10px;font-weight:700}td{color:#b2bfd0;border-bottom:1px solid #172539;padding:14px;font-size:11px}td:first-child{color:#eaf1fb;vertical-align:middle}td:first-child>.site-icon{display:inline-grid;vertical-align:middle;margin-right:9px}.winner-row{background:linear-gradient(90deg,#0b241eaa,#0000 32%)}.danger-row{background:linear-gradient(90deg,#2a131caa,#0000 36%)}.site-icon{color:#64a6ff;background:#16335b;border-radius:7px;place-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:grid}.tag{color:#92a4ba;background:#16253a;border-radius:5px;padding:5px 8px}.blue-number{color:#65a7ff;font-family:ui-monospace,monospace;font-size:12px;font-weight:800}.builder-id{color:#778ba5;font-family:ui-monospace,monospace}.status{color:#65d5aa;align-items:center;gap:6px;font-size:10px;display:flex}.status i{background:#39d89a;border-radius:50%;width:6px;height:6px;display:block}.status.warning{color:#e7b052}.status.warning i{background:#e7a847}.status.critical{color:#ff7187;font-weight:700}.status.critical i{background:#ff5f78;box-shadow:0 0 0 3px #ff5f7822}.table-footer{color:#718198;justify-content:space-between;align-items:center;padding:13px 17px;font-size:9px;display:flex}.table-footer>div{gap:4px;display:flex}.table-footer button{color:#8292a8;background:#111e2f;border:1px solid #1d2c41;border-radius:5px;min-width:28px;height:25px;font-size:9px}.table-footer button.active{color:#fff;background:#2673d5}.table-footer button:disabled{opacity:.4}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060dc9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(150deg,#13233a,#09131f);border:1px solid #28405f;border-radius:16px;width:min(560px,100%);max-height:88vh;padding:25px;position:relative;overflow:auto;box-shadow:0 32px 100px #000b}.modal h2{margin:6px 0 8px;font-size:20px}.modal-copy{color:#8292a8;margin:0 0 18px;font-size:11px;line-height:1.7}.modal-copy b{color:#dceaff}.modal-close{color:#8292a8;background:#132239;border-radius:8px;width:30px;height:30px;font-size:20px;position:absolute;top:12px;right:14px}.field-label{color:#9dacc0;gap:7px;font-size:10px;display:grid}.field-label input{background:#081321;border:1px solid #2a3d57;border-radius:9px;outline:0;padding:11px}.field-label input:focus{border-color:#478fe9}.modal-action{margin-top:12px}.snippet{white-space:pre-wrap;word-break:break-all;color:#77ddbd;background:#07101b;border:1px solid #193246;border-radius:9px;margin:14px 0 0;padding:12px;font-size:9px;line-height:1.6}.live-events{gap:7px;display:grid}.live-events p{color:#a9b7c8;background:#0a1624;border:1px solid #1b2c42;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:0;padding:10px;font-size:9px;display:grid}.live-events i{background:#3fe0a6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #3fe0a618}.live-events time{color:#5e7087}.diagnosis-list{gap:10px;display:grid}.diagnosis-list article{border:1px solid;border-radius:10px;padding:14px}.diagnosis-list article.good{background:#0b211c;border-color:#215344}.diagnosis-list article.bad{background:#29151e;border-color:#653041}.diagnosis-list b{color:#77889d;margin-bottom:4px;font-size:8px;display:block}.diagnosis-list strong{font-size:14px}.diagnosis-list p{color:#91a0b2;margin:6px 0 0;font-size:10px;line-height:1.7}@media (max-width:1200px){.three-day-grid{grid-template-columns:repeat(3,1fr)}.signal-card{grid-column:span 1}.signal-card:last-child{grid-column:span 2}}@media (max-width:1050px){.app-shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{justify-content:center;padding-inline:0}.brand>span:last-child,.nav-item b,.sidebar-section,.user-card>span:nth-child(2),.user-card button{display:none}.nav-item{justify-content:center;padding:12px}.user-card{justify-content:center}.lower-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:720px){.app-shell{display:block}.sidebar{z-index:20;border-right:0;border-top:1px solid var(--line);width:100%;height:58px;padding:6px 10px;display:block;position:fixed;top:auto;bottom:0}.brand,.sidebar-section,.user-card{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);display:grid}.nav-item{padding:9px 4px}.nav-item b{font-size:9px;display:block}.nav-item span{font-size:13px}.topbar{padding:0 15px}.topbar>div:first-child,.live-pill{display:none}.top-actions{margin-left:auto}.content{padding:20px 14px 85px}.title-row{align-items:flex-start}.last-sync{display:none}.filters{grid-template-columns:1fr 1fr;display:grid}.segmented{grid-column:1/3;overflow-x:auto}.segmented button{white-space:nowrap}.search{width:auto;margin:0}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:14px 10px!important}.metric strong{font-size:23px}.insight-line button{display:none}.compare-head{align-items:flex-start}.source-badge{max-width:120px}.three-day-grid{grid-template-columns:repeat(3,1fr)}.signal-card,.signal-card:last-child{grid-column:1/4}.day-stat{padding:10px}.day-stat>strong{font-size:18px}.diagnosis-panel>.panel-head{align-items:flex-start;gap:10px}.legend{flex-wrap:wrap;justify-content:flex-end;gap:6px}.table-footer{gap:10px}.table-footer>span{display:none}.modal{padding:22px 17px}}.access-denied{background:radial-gradient(circle at 50% 20%,#142a48,var(--bg) 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.access-denied section{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:16px;width:min(460px,100%);padding:34px}.access-denied span{color:var(--blue);font-weight:800}.access-denied h1{margin:10px 0;font-size:22px}.access-denied p{color:var(--muted);font-size:12px}.access-denied a{background:var(--blue);color:#fff;border-radius:8px;margin-top:12px;padding:10px 15px;font-size:11px;text-decoration:none;display:inline-block}.live-pill.waiting{color:#edbc68;background:#2b2111;border-color:#5f4720}.live-pill.waiting i{background:#eeb85b;box-shadow:0 0 0 4px #eeb85b22}.top-code-button{height:33px}.api-docs-link{align-items:center;text-decoration:none;display:inline-flex}.setup-banner{background:linear-gradient(110deg,#112e51,#0c1c30 68%,#13263e);border:1px solid #28538b;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:13px;padding:16px 18px;display:grid}.setup-icon{color:#74b3ff;background:#1b4f86;border-radius:11px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.setup-banner span{color:#69a9fd;letter-spacing:1px;font-size:8px;font-weight:800}.setup-banner h2{margin:3px 0 4px;font-size:14px}.setup-banner p{color:#8494a9;margin:0;font-size:9px;line-height:1.6}.setup-banner code,.install-checklist code{color:#76b4ff}.source-explainer{color:#7f90a6;background:#091522;border:1px solid #1c3048;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:13px;padding:10px 13px;font-size:9px;display:flex}.source-explainer b{color:#dce8f8}.source-explainer i{color:#426f9f;font-style:normal}.source-explainer em{color:#55cba6;margin-left:auto;font-style:normal}.real-filters{justify-content:flex-end}.period-label{gap:2px;margin-right:auto;display:grid}.period-label span{font-size:11px;font-weight:700}.period-label small{color:var(--muted);font-size:8px}.error-banner{color:#ff8496;background:#29151e;border:1px solid #693447;border-radius:9px;align-items:center;gap:10px;margin-bottom:13px;padding:10px 12px;font-size:9px;display:flex}.error-banner span{color:#bf7b87;flex:1}.error-banner button{background:#4a2230;border-radius:6px;padding:5px 9px}.table-empty{text-align:center;color:#63758d;border-bottom:1px solid var(--line);padding:30px;font-size:11px}.code-link{color:#72affd;background:#102641;border:1px solid #28486d;border-radius:6px;padding:6px 9px;font-size:10px}.secondary-button:disabled{opacity:.45;cursor:not-allowed}.geo-dot{background:#48d7aa!important;border-radius:50%!important;width:7px!important;height:7px!important}.realtime-list p{grid-template-columns:auto 1fr auto auto}.realtime-list p em{text-align:right;color:#627187;width:42px;font-style:normal}.mini-empty,.modal-empty{text-align:center;color:#60738c;border:1px dashed #263a54;border-radius:8px;padding:17px;font-size:9px}.field-label input,.field-label select,.field-label textarea{resize:vertical;background:#081321;border:1px solid #2a3d57;border-radius:9px;outline:0;width:100%;padding:11px}.field-label input:focus,.field-label select:focus,.field-label textarea:focus{border-color:#478fe9}.field-gap{margin-top:13px}.input-hint{color:#60738b;margin:7px 0 0;font-size:9px}.form-error{color:#ff7b8e;font-size:9px}.group-choice-head{color:#9dacc0;justify-content:space-between;align-items:center;margin:16px 0 8px;font-size:10px;display:flex}.group-choice-head button{color:#65a9ff;background:#0d2744;border:1px solid #28558a;border-radius:8px;padding:7px 10px;font-weight:700}.group-choice-head button:hover{color:#94c5ff;background:#12345a}.batch-success{color:#79dcb6;background:#0c2a21;border:1px solid #23634e;border-radius:8px;margin:0 0 12px;padding:9px 11px;font-size:10px}.code-tabs{border:1px solid var(--line);background:#091522;border-radius:8px;gap:5px;margin-bottom:12px;padding:3px;display:flex}.code-tabs button{color:#75869c;background:0 0;border-radius:6px;flex:1;padding:8px;font-size:9px}.code-tabs button.active{color:#fff;background:#1e5ca4}.copy-button{width:100%;margin-top:9px}.install-checklist{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.install-checklist p{color:#8797aa;background:#0a1624;border:1px solid #1b2d43;border-radius:7px;margin:0;padding:8px;font-size:9px}.install-checklist b{color:#fff;background:#1f5798;border-radius:50%;place-items:center;width:16px;height:16px;margin-right:5px;display:inline-grid}.source-note{background:#0b211d;border-left:3px solid #3bcf9e;margin-top:14px;padding:11px}.source-note b{color:#71d9b5;font-size:9px}.source-note p{color:#7d918e;margin:4px 0 0;font-size:9px;line-height:1.6}.rules-list{gap:8px;display:grid}.rules-list p{background:#0a1624;border:1px solid #1d3047;border-radius:8px;gap:4px;margin:0;padding:11px;display:grid}.rules-list b{font-size:10px}.rules-list span{color:#8293a8;font-size:9px;line-height:1.6}.live-events small{color:#62758c;margin-top:4px;display:block}@media (max-width:720px){.top-code-button{display:none}.real-filters .period-label{grid-column:1/3}.setup-banner{grid-template-columns:auto 1fr}.setup-banner button{grid-column:1/3}.source-explainer{grid-template-columns:1fr;display:grid}.source-explainer i{display:none}.source-explainer em{margin-left:0}.install-checklist{grid-template-columns:1fr}.source-breakdown div{padding:9px}.source-breakdown b{font-size:9px}.performance-head{gap:12px;display:grid}.performance-controls{justify-content:space-between}.inactive-summary{grid-template-columns:1fr auto}.inactive-summary>strong{grid-area:1/2}.inactive-summary>button{grid-column:1/3}}.performance-head h2{font-size:18px}.performance-head p{font-size:11px;line-height:1.6}.performance-head .card-kicker{font-size:10px}.overall-hour{padding:9px 12px;font-size:12px}.rank-switch button{padding:8px 12px;font-size:10px}.inactive-summary{padding:15px 17px;display:block}.inactive-summary>.inactive-heading{align-items:center;gap:12px;display:flex}.inactive-heading p{flex:1}.inactive-heading p b{font-size:14px}.inactive-heading p small{font-size:10px}.inactive-heading .secondary-button{padding:8px 12px;font-size:10px}.inactive-summary>.inactive-groups{border-top:1px solid #5c4522;gap:0;margin-top:13px;display:grid}.inactive-summary .inactive-group-row{border-bottom:1px solid #46371f;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:20px;padding:11px 4px;display:grid}.inactive-group-row:last-child{border-bottom:0}.inactive-group-row>b{color:#e8d19a;font-size:12px}.inactive-group-row>span{color:#a99a78;font-size:11px}.inactive-group-row>span strong{color:#f3bd57;margin-right:5px;font-size:17px}.performance-row{padding-block:13px;font-size:12px}.performance-labels{font-size:10px}.rank-number{width:29px;height:29px;font-size:11px}.rank-site b{font-size:13px}.rank-site small,.hour-count small{font-size:10px}.hour-count b{font-size:14px}.hour-trend{padding:7px 10px;font-size:10px}.performance-empty{font-size:11px}.live-trend-panel{margin-top:13px;padding:20px 22px 16px;overflow:hidden}.live-trend-head>div{align-items:center;gap:12px;display:flex}.live-trend-head h2{font-size:18px}.live-trend-head p{color:#6f8198;margin:5px 0 0;font-size:10px}.trend-icon{color:#fff;background:linear-gradient(145deg,#267be0,#54a8ff);border-radius:10px;place-items:center;width:38px;height:38px;font-size:22px;display:grid;box-shadow:0 8px 24px #2d7bd044}.live-refresh{color:#55dca9;background:#0c2b22;border:1px solid #245b4a;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.live-refresh i,.visitor-count i{background:#43dfa7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #43dfa71d}.trend-tabs{background:#091522;border:1px solid #1b2b40;border-radius:9px;width:max-content;max-width:100%;margin-top:17px;padding:4px;display:flex;overflow-x:auto}.trend-tabs button{white-space:nowrap;color:#71839a;background:0 0;border-radius:7px;padding:8px 16px;font-size:11px}.trend-tabs button.active{color:#63aaff;background:#17345a;box-shadow:inset 0 0 0 1px #2f67a5}.trend-date-legend{color:#a7b4c5;justify-content:flex-end;gap:24px;margin:15px 10px 0;font-size:10px;display:flex}.trend-date-legend span{align-items:center;gap:7px;display:flex}.today-dot,.yesterday-dot{border-radius:4px;width:10px;height:3px;display:inline-block}.today-dot{background:#52a8ff}.yesterday-dot{background:#ff912d}.live-chart-wrap{width:100%;height:290px;margin-top:4px;position:relative}.live-chart-canvas{touch-action:pan-y;width:100%;height:100%;display:block}.live-chart-tooltip{z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101c2bea;border:1px solid #2c3e55;border-radius:10px;width:190px;padding:12px 14px;position:absolute;top:17px;transform:translate(-50%);box-shadow:0 14px 40px #0009}.live-chart-tooltip>div{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.live-chart-tooltip>div>b,.live-chart-tooltip>div>strong{font-size:11px}.live-chart-tooltip p{color:#8fa0b5;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:5px 0;font-size:10px;display:grid}.live-chart-tooltip p b{color:#edf4ff;font-size:12px}.live-chart-tooltip .today-dot,.live-chart-tooltip .yesterday-dot{border-radius:50%;width:7px;height:7px}.group-ranking-panel{margin-top:13px;padding:0;overflow:hidden}.group-ranking-head{padding:18px 20px}.group-ranking-head h2{font-size:18px}.group-ranking-head p{font-size:10px;line-height:1.6}.group-rank-switch{border:1px solid var(--line);background:#091522;border-radius:8px;padding:3px;display:flex}.group-rank-switch button{color:#74869d;background:0 0;border-radius:6px;padding:8px 11px;font-size:10px}.group-rank-switch button.active{color:#fff;background:#276fcf}.group-ranking-list{border-top:1px solid var(--line);overflow-x:auto}.group-ranking-row{color:#a8b5c6;border-bottom:1px solid #172539;grid-template-columns:52px minmax(180px,.85fr) 130px 90px 95px 110px minmax(480px,2fr);align-items:center;gap:12px;min-width:1240px;padding:13px 20px;font-size:11px;display:grid}.group-ranking-row:not(.group-ranking-labels):hover{background:#0f1d2f}.group-ranking-labels{z-index:2;color:#62758d;background:#091522;padding-block:9px;font-size:9px;font-weight:700;position:sticky;top:0}.group-rank-number{color:#7b90ac;background:#15243a;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.group-rank-number.top{color:#f4c45f;background:#4a3617}.group-rank-name{gap:4px;display:grid}.group-rank-name button{text-overflow:ellipsis;color:#e7eef8;text-align:left;background:0 0;width:max-content;max-width:100%;font-size:13px;font-weight:800;overflow:hidden}.group-rank-name button:hover{color:#68aaff}.group-rank-name small{color:#63758c;font-size:9px}.group-ip{gap:4px;display:grid}.group-ip>b{color:#63a8ff;font-size:15px}.group-ip>i{background:#18283d;border-radius:4px;width:92px;height:4px;overflow:hidden}.group-ip>i>u{background:linear-gradient(90deg,#3e8ff4,#55d2ff);border-radius:4px;height:100%;text-decoration:none;display:block}.group-ip small{color:#61738a;font-size:9px}.group-ranking-row>.up,.group-ranking-row>.down{font-size:10px;font-weight:800}.active-sites{align-items:baseline;gap:3px;display:flex}.active-sites b{color:#56dcb0;font-size:14px}.active-sites small{color:#61738a}.group-hour{gap:3px;display:grid}.group-hour>b{color:#e8eff8;font-size:14px}.group-hour small{font-size:9px}.group-top-sites{grid-template-columns:repeat(3,minmax(145px,1fr));gap:7px;display:grid}.group-top-sites>button{text-align:left;background:#0b1726;border:1px solid #20344d;border-radius:8px;align-items:center;gap:7px;min-width:0;padding:7px 8px;display:flex}.group-top-sites>button:hover{background:#102139;border-color:#356aa6}.group-top-sites>button>em{color:#6eb0ff;background:#19375c;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;font-size:9px;font-style:normal;font-weight:800;display:grid}.group-top-sites>button>span{gap:2px;min-width:0;display:grid}.group-top-sites b{text-overflow:ellipsis;color:#dce7f5;font-size:9px;overflow:hidden}.group-top-sites small{color:#637891;font-size:8px}.group-ranking-empty{text-align:center;color:#657790;padding:30px;font-size:11px}.live-visitor-panel{margin-top:13px;padding:0;scroll-margin-top:78px;overflow:hidden}.live-visitor-head{padding:18px 20px}.live-visitor-head h2{font-size:18px}.live-visitor-head p{font-size:10px;line-height:1.6}.visitor-count{color:#60dab0;background:#0c271f;border:1px solid #235643;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.live-visitor-wrap{border-top:1px solid var(--line);overflow-x:auto}.live-visitor-table{min-width:1450px}.live-visitor-table th{z-index:1;padding:11px 12px;font-size:9px;position:sticky;top:0}.live-visitor-table td{white-space:nowrap;text-overflow:ellipsis;max-width:210px;padding:11px 12px;font-size:10px;overflow:hidden}.visitor-time{color:#dce7f5!important}.visitor-time i{border:2px solid #49a4ff;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #49a4ff16}.visitor-id{color:#62a9ff;font-family:ui-monospace,monospace}.visitor-type{border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.visitor-type.new{color:#41d6ad;background:#10382e}.visitor-type.returning{color:#91b8e9;background:#152b46}.masked-ip{font-family:ui-monospace,monospace;color:#aab8c9!important}.source-site,.entry-page{color:#54a6ff}.entry-page{text-overflow:ellipsis;max-width:210px;display:block;overflow:hidden}.center-cell{text-align:center}.live-visitor-empty{text-align:center;color:#687b94;padding:34px;font-size:11px}.inactive-analysis-panel{margin-top:13px;padding:0;scroll-margin-top:78px;overflow:hidden}.inactive-analysis-panel .inactive-summary{background:linear-gradient(100deg,#281f12,#171710);border:0;border-radius:12px;margin:0}@media (max-width:720px){.inactive-summary>.inactive-heading{grid-template-columns:auto 1fr;display:grid}.inactive-heading .secondary-button{grid-column:1/3}.inactive-summary .inactive-group-row{grid-template-columns:minmax(0,1fr) auto}.performance-controls{flex-direction:column;align-items:stretch}.overall-hour{text-align:center}.rank-switch button{flex:1}.live-trend-panel{padding:16px 12px}.live-trend-head{align-items:flex-start}.live-refresh{display:none}.trend-tabs{width:100%}.trend-tabs button{flex:none;padding-inline:12px}.live-chart-wrap{height:250px}.trend-date-legend{justify-content:flex-start}.live-visitor-head{align-items:flex-start;gap:12px}.visitor-count{white-space:nowrap}.live-chart-tooltip{width:166px;padding:10px}.live-chart-tooltip>div{gap:3px;display:grid}.group-ranking-head{gap:12px;display:grid}.group-rank-switch{width:100%}.group-rank-switch button{flex:1}}.login-shell{background:radial-gradient(circle at 50% 12%,#17365f 0,#0c1828 38%,#07111d 72%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:linear-gradient(150deg,#12243b,#091421);border:1px solid #29496f;border-radius:18px;width:min(440px,100%);padding:34px;box-shadow:0 28px 90px #0009}.login-brand{align-items:center;gap:10px;font-size:22px;display:flex}.login-brand>span{background:linear-gradient(135deg,#3988f6,#655bff);border-radius:11px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 10px 28px #347ee455}.login-brand b{font-size:22px}.login-brand i{color:#5b9eff;font-style:normal}.login-kicker{color:#5999e9;letter-spacing:1.6px;margin:30px 0 7px;font-size:9px;font-weight:800}.login-card h1{margin:0 0 8px;font-size:25px}.login-copy{color:#8293a9;margin:0 0 22px;font-size:11px;line-height:1.7}.login-card form{gap:14px;display:grid}.login-card label{color:#b2bfd0;gap:7px;font-size:11px;font-weight:700;display:grid}.login-card input{color:#eef5ff;background:#08131f;border:1px solid #2b405d;border-radius:9px;outline:0;width:100%;padding:12px 13px;font-size:12px}.login-card input:focus{border-color:#4c98f3;box-shadow:0 0 0 3px #3989ef1e}.login-card form button{color:#fff;background:linear-gradient(135deg,#3789f7,#536df5);border-radius:9px;margin-top:3px;padding:12px;font-size:12px;font-weight:800;box-shadow:0 8px 24px #2e75dc42}.login-error{color:#ff8497;background:#2c151e;border:1px solid #6a3345;border-radius:8px;margin:0 0 15px;padding:10px 12px;font-size:10px}.login-note{color:#5e7087;text-align:center;margin-top:16px;font-size:9px;line-height:1.6;display:block}@media (max-width:520px){.login-card{padding:27px 20px}.login-card h1{font-size:22px}}
.settings-shell{max-width:1020px;margin:0 auto;padding:28px 30px 70px}.settings-shell h1{font-size:28px;margin:12px 0}.settings-intro,.settings-card>p{color:#8799b0;font-size:13px;line-height:1.8}.settings-card{padding:26px;margin-top:24px;scroll-margin-top:24px}.settings-card h2{font-size:19px;margin:8px 0}.engine-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.engine-option{display:flex;align-items:center;gap:10px;padding:15px;background:#0a1625;border:1px solid #253950;border-radius:10px;cursor:pointer}.engine-option.enabled{border-color:#407cbb;background:#10263c}.engine-option input{accent-color:#4d9aff;width:17px;height:17px}.engine-option span{font-size:14px;color:#d4e3f5}.engine-option small{margin-left:auto;color:#7f92aa;font-size:11px}.password-form{display:grid;gap:15px;max-width:470px;margin-top:22px}.password-form label{display:grid;gap:8px;color:#b5c6da;font-size:13px}.password-form input{padding:12px 13px;background:#081320;color:#eef5ff;border:1px solid #2b405d;border-radius:8px;width:100%;outline:none}.password-form input:focus{border-color:#4c98f3;box-shadow:0 0 0 3px #3989ef1e}.settings-hint{font-size:12px;color:#8193a9;line-height:1.7}.settings-card button{padding:12px 18px}.settings-login{display:inline-flex;margin-top:16px;padding:12px 18px}.settings-shell .api-docs-header{margin-bottom:32px}.password-settings-link{white-space:nowrap}.settings-card button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.settings-shell{padding:20px 16px 45px}.settings-card{padding:20px 16px}.engine-options{grid-template-columns:1fr}.top-actions{gap:7px}.password-settings-link{padding:9px;font-size:11px}}
.group-settings-list{display:grid;gap:14px;margin-top:22px}.group-rename-row{display:flex;align-items:flex-end;gap:14px}.group-rename-row label{display:grid;gap:8px;flex:1;min-width:0}.group-rename-row label>span{font-size:11px;color:#8298b3}.group-rename-row input{width:100%;padding:12px 13px;background:#081320;color:#eef5ff;border:1px solid #2b405d;border-radius:8px;outline:none;font-size:14px}.group-rename-row input:focus{border-color:#4c98f3}.group-rename-row button{white-space:nowrap;padding:12px 14px}.manage-groups-link{float:right;color:#6b9edf;font-size:10px;text-decoration:none}.manage-groups-link:hover{color:#b1d3ff}@media(max-width:500px){.group-rename-row{gap:9px}.group-rename-row button{padding:12px 10px;font-size:11px}}

.brand-mark img,.login-brand>span img,.brand-icon img{display:block;object-fit:contain}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#438fff,#7054ff);flex:none}.api-docs-brand{display:inline-flex;align-items:center;gap:10px}.brand{white-space:nowrap}

:root{color-scheme:dark}.theme-toggle{white-space:nowrap;cursor:pointer;min-height:32px;padding:8px 12px;font-size:12px;flex:none}.theme-to-dark{display:none}html[data-theme="light"] .theme-to-light{display:none}html[data-theme="light"] .theme-to-dark{display:inline}.theme-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.settings-header-actions{display:flex;align-items:center;gap:16px}.login-brand .theme-toggle{margin-left:auto;font-weight:600}.login-brand{flex-wrap:wrap}.login-brand>span.theme-to-light,.login-brand>span.theme-to-dark{background:none}.settings-header-actions .theme-toggle{font-size:12px}@media(max-width:600px){.theme-toggle{padding:8px 9px;font-size:11px}.settings-header-actions{gap:10px;flex-wrap:wrap}.top-actions{gap:6px}}
.scroll-shortcuts{position:fixed;right:22px;bottom:24px;z-index:45;display:flex;flex-direction:column;gap:8px}.scroll-shortcuts button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 5px 18px #0003;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.scroll-shortcuts button:hover{color:var(--blue);border-color:var(--blue)}.scroll-shortcuts button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}html[data-theme="light"] .scroll-shortcuts button{background:#fff;border-color:#cfe0fb;color:#344d70;box-shadow:0 5px 18px #244a7c12}@media(max-width:800px){.scroll-shortcuts{right:16px;bottom:82px}.scroll-shortcuts button{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.scroll-shortcuts button{transition:none}}
@media(max-width:720px){.sidebar nav{grid-template-columns:repeat(6,minmax(0,1fr))}}
.visitor-group-tag{display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}

.online-top-groups{margin:10px 0 14px}.online-top-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:10px;color:var(--muted)}.online-top-heading b{font-weight:600;color:var(--text)}.online-top-groups ol{list-style:none;display:grid;gap:9px;padding:0;margin:0}.online-top-groups li{display:grid;grid-template-columns:18px minmax(0,1fr) auto 40px;align-items:center;gap:7px}.online-top-rank{display:grid;place-items:center;width:18px;height:20px;border-radius:5px;background:var(--panel-2);color:var(--blue);font-size:10px;font-weight:700}.online-top-info{min-width:0}.online-top-info>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text);font-weight:600}.online-top-info small{display:block;font-size:8px;color:var(--muted);margin-top:2px;white-space:nowrap}.online-top-ip{color:var(--green);font-size:14px;font-variant-numeric:tabular-nums}.online-top-share{font-size:9px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.online-top-empty{padding:16px 0;text-align:center;color:var(--muted);font-size:11px}.online-top-groups+.realtime-list{padding-top:10px;border-top:1px solid var(--line)}
.realtime-list p .realtime-country-name{width:auto;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.lower-grid>.trend-panel{align-self:start}.three-day-chart-scroll{width:100%;min-width:0;overflow-x:auto;margin-top:10px;margin-bottom:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.three-day-labeled-chart{display:block;width:100%;min-width:600px;height:auto;overflow:visible}.three-day-grid-line{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.three-day-axis-value,.three-day-axis-title{fill:var(--muted);font-size:10px;font-family:var(--font-sans)}.three-day-axis-title{font-size:9px}.three-day-bar-label{font-family:var(--font-sans);font-size:10px;font-weight:600;paint-order:stroke;stroke:var(--panel);stroke-width:2px;stroke-linejoin:round}.three-day-now-line{stroke:var(--cyan);stroke-width:1;stroke-dasharray:3 3}.three-day-now-label{fill:var(--cyan);font-size:9px}.three-day-value-bar{opacity:.9}.three-day-value-bar:hover{opacity:1}.trend-panel .legend .yesterday{background:#94aac8}.trend-panel .legend .prior{background:#b19acb}@media(max-width:720px){.three-day-labeled-chart{min-width:600px}.three-day-chart-scroll{padding-bottom:3px}}

/* Collapsible desktop sidebar */
.sidebar-toggle{position:fixed;left:208px;top:18px;z-index:35;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);box-shadow:0 2px 10px #00000015;cursor:pointer}
.sidebar-toggle:hover{color:var(--blue);border-color:var(--blue)}
.sidebar-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(min-width:721px){html[data-sidebar-collapsed] .app-shell{grid-template-columns:minmax(0,1fr)}html[data-sidebar-collapsed] .app-shell>.sidebar{display:none}html[data-sidebar-collapsed] .sidebar-toggle{left:16px}html[data-sidebar-collapsed] .topbar{padding-left:62px}}
@media(min-width:721px) and (max-width:1050px){.sidebar-toggle{left:54px}}
@media(max-width:720px){.sidebar-toggle{display:none}}

@media(max-width:720px){.sidebar nav{grid-template-columns:repeat(7,minmax(0,1fr))}}

.today-estimate{color:var(--cyan);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.metric.forecast strong{color:var(--cyan)}.metric.forecast p{line-height:1.6}.metric-grid>.metric{min-width:0}@media(min-width:1101px){.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid>.metric:last-child{grid-column:1/-1;border-left:0}}

.user-create-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:14px;margin:20px 0 12px}.user-create-form label,.user-reset-form label{display:grid;gap:8px;font-size:13px;color:var(--text)}.user-create-form input,.user-reset-form input{width:100%;min-width:0;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:12px;border-radius:8px}.managed-user-list{display:grid;gap:12px;margin-top:20px}.managed-user{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.managed-user>div:first-child{display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center;min-width:0}.managed-user b{font-size:15px;overflow-wrap:anywhere}.managed-user span{font-size:11px}.managed-user small{display:block;width:100%;color:var(--muted);font-size:11px}.managed-user-actions{display:flex;gap:8px;flex-wrap:wrap}.user-reset-form{width:100%;display:flex;gap:12px;align-items:end}.user-reset-form label{flex:1;min-width:0}@media(max-width:720px){.user-create-form{grid-template-columns:minmax(0,1fr)}.user-create-form input,.user-reset-form input{font-size:16px}.managed-user{padding:14px}.managed-user-actions{width:100%}.managed-user-actions button{flex:1}.user-reset-form{flex-wrap:wrap}.user-reset-form button{width:100%}}

.group-management-row{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--panel-2)}.group-management-row .group-rename-row{border:0;padding:0;background:none}.group-owner-form{display:flex;align-items:end;gap:12px;margin-top:12px}.group-owner-form label{display:grid;gap:8px;flex:1;font-size:12px;color:var(--muted);min-width:0}.group-owner-form select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:11px;min-width:0}@media(max-width:720px){.group-owner-form{flex-wrap:wrap}.group-owner-form label{width:100%;flex:auto}.group-owner-form select{font-size:16px}.group-owner-form button{width:100%}}

.app-shell[data-has-report="false"] .content>:not(.title-row):not(.report-loading-banner):not(.error-banner){display:none}.report-loading-banner{padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:18px;color:var(--text)}.report-loading-banner b{font-size:16px}.report-loading-banner p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px}

/* Search queries remain readable without expanding the visitor table. */
.keyword-explanation{margin:0;padding:12px 24px;color:var(--muted,#8190a7);font-size:12px;line-height:1.7;border-bottom:1px solid var(--border,#23344b)}
.live-visitor-table .keyword-cell{min-width:150px;max-width:240px}
.keyword-value{display:block;max-width:220px;white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.keyword-unavailable{font-size:11px;white-space:nowrap;opacity:.65}
@media(max-width:720px){.keyword-explanation{padding:10px 14px}}

/* Stack the hourly trend and live visitors at every viewport width. */
.lower-grid{grid-template-columns:minmax(0,1fr)}
.lower-grid>.panel{min-width:0}
.online-top-heading{flex-wrap:wrap;font-size:12px;gap:12px}
.online-top-controls{display:flex;gap:4px;margin-left:auto;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2)}
.realtime-panel .online-top-controls button{padding:7px 12px;border-radius:6px;font-size:11px;color:var(--muted);background:transparent;cursor:pointer;white-space:nowrap}
.realtime-panel .online-top-controls button.active{background:var(--blue);color:#fff}
.online-top-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.online-top-groups li{grid-template-columns:24px minmax(0,1fr) 70px 65px;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.online-top-info>b{font-size:13px}.online-top-info small{font-size:11px}.online-top-ip{font-size:18px}.online-top-share{font-size:12px}
@media(max-width:720px){.online-top-heading>span{flex-basis:100%;text-align:right}.realtime-panel .online-top-controls button{padding:7px 9px}.online-top-groups li{grid-template-columns:20px minmax(0,1fr) 44px 48px;gap:7px}.online-top-info small{font-size:9px}.online-top-share{font-size:10px}}

/* Live search visitors: compact header, proportional ranking and region chips. */
.search-live-panel{padding:28px 32px}
.search-live-header{display:flex;align-items:center;gap:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.search-live-title h2{margin:0;color:var(--text);font-size:22px;font-weight:700}.search-live-title p{margin:7px 0 0;color:var(--muted);font-size:12px}
.search-live-total{display:flex;align-items:center;gap:12px;white-space:nowrap}.search-live-total i{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #2dd4a033}.search-live-total strong{font-size:40px;letter-spacing:-1px;color:var(--green);line-height:1.1;font-variant-numeric:tabular-nums}.search-live-total span{color:var(--muted);font-size:13px}
.search-live-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px;margin-left:auto}.search-live-actions button{font-size:12px;color:var(--blue);padding:4px 0;background:transparent;cursor:pointer}.search-live-actions small{font-size:11px;color:var(--muted)}
.search-live-panel .online-top-groups{margin:24px 0 0}.search-live-panel .online-top-heading{margin-bottom:18px;font-size:16px}.search-live-panel .online-top-controls{margin-left:auto}
.search-live-panel .online-top-columns,.search-live-panel .online-top-groups li{display:grid;grid-template-columns:44px minmax(170px,280px) minmax(80px,1fr) 85px 80px;gap:20px;align-items:center}
.search-live-panel .online-top-columns{padding:0 0 12px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}.online-top-columns>span:nth-last-child(-n+2){text-align:right}.online-top-columns>span:nth-child(3){visibility:hidden}
.search-live-panel .online-top-groups li{padding:16px 0;border-bottom:1px solid var(--line)}.search-live-panel .online-top-groups ol{gap:0}
.search-live-panel .online-top-rank{width:32px;height:32px;font-size:14px;border-radius:9px}.search-live-panel li:first-child .online-top-rank{background:#f6c654;color:#49320a}
.search-live-panel .online-top-info>b{font-size:14px}.search-live-panel .online-top-info small{margin-top:5px;font-size:11px}
.online-top-bar{height:12px;overflow:hidden;border-radius:20px;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line)}.online-top-bar>span{display:block;height:100%;background:linear-gradient(90deg,#27dcb0,#35e4b5);border-radius:inherit;transition:width .35s ease;min-width:0}
.search-live-panel .online-top-ip{text-align:right;font-size:22px}.search-live-panel .online-top-share{text-align:right;font-size:14px}
.visitor-country-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.visitor-country-section h3{font-size:14px;color:var(--text);margin:0 0 12px}.visitor-country-chips{display:flex;flex-wrap:wrap;gap:10px}.visitor-country-chip{display:flex;align-items:center;gap:9px;max-width:100%;padding:9px 13px;border:1px solid var(--line);border-radius:22px;background:var(--panel-2);font-size:12px}.visitor-country-chip i{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--green)}.visitor-country-chip span{color:var(--text);white-space:nowrap}.visitor-country-chip b{color:var(--green);font-variant-numeric:tabular-nums}.visitor-country-chip em{font-style:normal;color:var(--muted)}
@media(max-width:900px){.search-live-panel .online-top-columns,.search-live-panel .online-top-groups li{grid-template-columns:32px minmax(145px,210px) minmax(45px,1fr) 60px 60px;gap:12px}}
@media(max-width:720px){.search-live-panel{padding:20px 16px}.search-live-header{flex-wrap:wrap;gap:16px;padding-bottom:18px}.search-live-title{flex:1;min-width:170px}.search-live-title h2{font-size:18px}.search-live-total{gap:8px}.search-live-total strong{font-size:32px}.search-live-total span{font-size:11px}.search-live-actions{flex-direction:row;justify-content:space-between;align-items:center;flex-basis:100%;margin-left:0}.search-live-panel .online-top-heading{font-size:14px;gap:9px}.search-live-panel .online-top-columns{display:none}.search-live-panel .online-top-groups li{grid-template-columns:28px minmax(0,1fr) 44px 50px;gap:8px 10px;padding:14px 0}.search-live-panel .online-top-rank{width:26px;height:28px;font-size:12px}.search-live-panel .online-top-info>b{font-size:13px}.search-live-panel .online-top-info small{font-size:10px;white-space:normal;line-height:1.5}.search-live-panel .online-top-ip{font-size:19px;grid-column:3;grid-row:1}.search-live-panel .online-top-share{font-size:12px;grid-column:4;grid-row:1}.online-top-bar{grid-column:2 / -1;grid-row:2;height:7px}.visitor-country-chip{font-size:11px;padding:8px 10px;gap:7px}}
@media(prefers-reduced-motion:reduce){.online-top-bar>span{transition:none}}