*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.mx-1{margin-left:.25rem}.mr-1,.mx-1{margin-right:.25rem}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.items-center{align-items:center}.gap-1\.5{gap:.375rem}.border-0{border-width:0}.bg-transparent{background-color:transparent}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-none{line-height:1}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-white\/15{color:hsla(0,0%,100%,.15)}.text-white\/40{color:hsla(0,0%,100%,.4)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@font-face{font-family:Vazirmatn;src:url(vazirmatn.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{color-scheme:dark;--muted:#929096;--line:hsla(0,0%,100%,.12);--cyan:#70d6ee;--green:#46da91}*{box-sizing:border-box}body{margin:0;background:#101013;color:#f3f1f3;font-family:Vazirmatn,sans-serif;font-size:13px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #79d9ed;outline-offset:4px}button{transition:background .2s,transform .2s}button:active{transform:translateY(1px)}.scene{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 70% 10%,#4e4e53 0,transparent 48%),#09090c}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#10101420,#15151c00 50%,#03030660)}.tiles{position:absolute;inset:-55%;display:grid;grid-template-columns:repeat(10,1fr);gap:12px;transform:rotate(-34deg) skew(8deg);filter:drop-shadow(0 15px 10px #000)}.tile{min-height:155px;border-radius:15px;background:linear-gradient(145deg,#555559,#232326 14%,#19191c 65%,#39393e);border:1px solid #656569;box-shadow:inset 2px 2px 2px #a1a1a14a,inset -3px -3px 3px #000,0 8px 0 #030305}.tile:nth-child(3n){background:linear-gradient(135deg,#17171b,#050507 70%,#303035)}.tile:nth-child(7n){background:linear-gradient(145deg,#8a8a90,#313136 22%,#18181c)}.glass{background:linear-gradient(120deg,rgba(93,90,99,.32),rgba(38,37,44,.63));border:1px solid hsla(0,0%,100%,.16);border-top-color:hsla(0,0%,100%,.28);box-shadow:inset 0 1px 0 #ffffff0b,0 12px 24px #00000025;backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px);border-radius:17px}.app{display:grid;grid-template-columns:224px minmax(0,1fr);gap:22px;max-width:1680px;margin:auto;padding:22px;min-height:100vh}.sidebar{padding:25px 15px 14px;display:flex;flex-direction:column;position:sticky;top:22px;height:calc(100vh - 44px);min-height:650px}.brand{display:flex;align-items:center;gap:12px;padding:0 9px}.brandmark{width:39px;height:41px;display:grid;place-items:center;background:linear-gradient(140deg,#ff9c7e,#f85e49);border:1px solid #ffc1a280;border-radius:12px;box-shadow:0 0 25px #ff795b25;color:#fff}.brand h1{font-size:18px;font-weight:800;margin:0 0 2px}.eyebrow{font-size:9px;color:#a7a2aa;letter-spacing:2px}.nav-section{color:#a8a2ad;font-size:10px;margin:42px 12px 12px}.nav-section.system{margin-top:29px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;color:#b9b4bf;background:none;border-radius:10px;text-align:right;padding:12px 13px;margin-bottom:6px;font-size:12px}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{color:#fff;background:linear-gradient(110deg,#ffffff17,#ffffff0b);border-color:#ffffff2a;box-shadow:inset 0 1px 1px #ffffff14}.nav-item.active .icon{color:#ff8c7c}.icon{width:19px;height:19px;flex-shrink:0;stroke-width:1.65}.badge-new{margin-right:auto;font-size:8px;background:#ff735b17;color:#ff967f;padding:2px 7px;border-radius:5px}.sidebar-bottom{margin-top:auto}.help-box{border:1px solid #ffffff0b;background:#ffffff03;padding:13px;border-radius:11px;margin-bottom:19px;color:#a9a3af;font-size:10px;line-height:1.9}.help-box strong{color:#ded9e2;display:block;font-size:11px;margin-bottom:3px}.help-box button{color:#c9c3ce;background:#ffffff08;border:1px solid #ffffff13;border-radius:6px;padding:5px 9px;margin-top:9px;width:100%}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff0c;padding-top:17px}.avatar{width:35px;height:35px;border-radius:9px;background:linear-gradient(135deg,#ffac7d,#ff6454);display:grid;place-items:center;font-weight:800;font-size:11px}.profile strong{display:block;font-size:11px}.profile span{color:#97909f;font-size:9px}.profile button{margin-right:auto;border:0;background:none;color:#a9a1b1}.main{min-width:0}.toolbar{height:64px;padding:11px 15px;gap:15px}.search-wrap,.toolbar{display:flex;align-items:center}.search-wrap{gap:9px;flex:1;max-width:390px;color:#a29ba9}.search-wrap input{width:100%;background:none;border:none;color:#fff;outline:none;font-size:11px}.search-wrap input::-moz-placeholder{color:#9c95a3}.search-wrap input::placeholder{color:#9c95a3}.search-key{border:1px solid #ffffff12;background:#ffffff04;border-radius:4px;font-size:9px;padding:2px 5px;white-space:nowrap;color:#918a98}.toolbar-spacer{flex:1}.periods{display:flex;gap:4px}.period{border:0;background:none;color:#a49caa;border-radius:6px;padding:7px 10px;font-size:10px}.period.active{background:#ffffff10;color:#fff}.divider{height:20px;width:1px;background:#ffffff14}.notify{position:relative;background:none;border:0;color:#c8c0ce;padding:5px}.notify:after{content:"";position:absolute;background:#56d895;border-radius:50%;width:5px;height:5px;top:4px;left:8px;box-shadow:0 0 9px #4ce49b}.primary{background:linear-gradient(135deg,#ff9677,#f66c58);box-shadow:0 3px 16px #f46e5320,inset 0 1px 0 #ffffff35;border:1px solid #ffb49b55;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;font-size:11px;white-space:nowrap}.primary:hover{background:#ff9677}.welcome{display:flex;align-items:center;justify-content:space-between;margin:25px 2px 18px}.welcome h2{font-size:19px;font-weight:700;margin:0 0 5px}.welcome p{font-size:10px;color:#aaa1b1;margin:0}.online{font-size:9px;color:#b7b0be;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;background:#4bdd91;border-radius:50%;box-shadow:0 0 9px #4bdd9150;display:inline-block}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{padding:18px 18px 16px;min-height:144px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:100px;height:100px;filter:blur(30px);background:var(--glow);opacity:.055;top:-30px;left:-20px;border-radius:50%}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#bcb5c3;font-size:10px}.stat-icon{display:grid;place-items:center;width:31px;height:32px;background:color-mix(in srgb,var(--glow) 10%,transparent);border:1px solid color-mix(in srgb,var(--glow) 15%,transparent);border-radius:9px;color:var(--glow)}.stat-value{font-weight:750;font-size:27px;margin:13px 0 9px;line-height:1.2;letter-spacing:-.5px}.stat-value small{font-size:13px;font-weight:400;color:#a8a0b1;margin-right:4px}.stat-foot{gap:8px;white-space:nowrap;color:#9e96a7}.stat-foot,.trend{display:flex;align-items:center;font-size:9px}.trend{border:1px solid #39d08722;background:#1bc47313;color:#64dca4;border-radius:7px;padding:2px 6px;gap:3px}.middle{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(250px,1fr);gap:17px;margin-top:18px}.panel{padding:19px 19px 17px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h3{font-size:12px;font-weight:650;margin:0}.tabs{display:flex;background:#ffffff04;border:1px solid #ffffff06;border-radius:7px;padding:3px;gap:3px}.tab{border:0;background:none;color:#aba2b3;font-size:9px;border-radius:5px;padding:5px 10px;white-space:nowrap}.tab.active{background:#ffffff13;color:#f1ebf5;box-shadow:0 1px 3px #0001}.chart-caption{display:flex;gap:8px;align-items:center;margin-top:24px}.chart-caption strong{font-size:21px;font-weight:600}.chart-caption span{font-size:9px;color:#a49bab}.chart-plot{position:relative;margin-top:12px;direction:ltr;padding-right:33px;height:200px}.chart-plot svg{width:100%;height:167px;overflow:visible}.axis-y{position:absolute;right:0;top:-5px;bottom:32px;flex-direction:column;color:#8e8598}.axis-x,.axis-y{display:flex;justify-content:space-between;font-size:8px}.axis-x{color:#998fa2;margin-top:11px}.chart-point{cursor:pointer}.chart-tooltip{position:absolute;display:none;padding:7px 12px;background:#292732f0;border:1px solid #ffffff25;border-radius:8px;font-size:10px;pointer-events:none;top:20px;left:45%;direction:rtl}.chart-note{border-top:1px solid #ffffff09;padding-top:13px;font-size:9px;color:#a49baa;display:flex;gap:6px;align-items:center}.chart-note .icon{width:13px;height:13px;color:#66dbab}.distribution{display:flex;flex-direction:column}.donut-wrap{position:relative;width:158px;height:158px;margin:24px auto 20px;direction:ltr}.donut-wrap svg{transform:rotate(-90deg);width:100%;height:100%}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-center strong{font-size:29px;font-weight:700;line-height:1.3}.donut-center span{color:#a29aab;font-size:9px;margin-top:4px}.legend{display:flex;flex-direction:column;gap:13px}.legend-row{display:flex;align-items:center;gap:7px;font-size:10px;color:#c7bfce}.legend-row i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 7px color-mix(in srgb,var(--c) 25%,transparent)}.legend-row strong{margin-right:auto;font-size:10px;font-weight:500}.legend-row small{color:#a49aaf;font-size:9px}.bottom{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(250px,1fr);gap:17px;margin-top:18px}.table-panel{padding-bottom:6px}.table-wrap{overflow-x:auto;margin-top:15px}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}th{font-size:8px;color:#92889f;font-weight:500;padding:10px 6px 13px;border-bottom:1px solid #ffffff0b}td{font-size:9px;color:#c9c0d1;padding:13px 6px;border-bottom:1px solid #ffffff09}tr:last-child td{border:0}.user-cell{display:flex;gap:8px;align-items:center}.user-avatar{width:28px;height:28px;border-radius:7px;background:linear-gradient(140deg,#48cbea,#288daf);color:#e1f7ff;display:grid;place-items:center;font-weight:700;font-size:10px}.user-cell strong{font-size:10px;font-weight:500;display:block;color:#e7e0ed}.user-cell small{font-size:8px;color:#90849d}.status{color:#6dddab;border:1px solid #55d89620;background:#35cd8b11;padding:3px 7px;border-radius:6px;font-size:8px}.status.pending{color:#e7c17c;background:#e7b75210;border-color:#e7b75220}.status.failed{color:#ef9393;background:#f76d6d0c;border-color:#f76d6d20}.ip{font-family:Vazirmatn;direction:ltr;text-align:right;font-size:9px;color:#a69aad}.live{color:#6ddaa3;background:#37c88111;border:1px solid #4bd28b1c;border-radius:6px;padding:3px 6px;font-size:8px;display:flex;align-items:center;gap:5px}.live .dot{width:4px;height:4px}.log-list{margin-top:9px}.log-item{display:flex;gap:9px;padding:14px 0;border-bottom:1px solid #ffffff09}.log-item:last-child{border:0}.log-check{width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;background:#ffffff06;color:#b7c7be;border:1px solid #ffffff08;border-radius:7px}.log-check .icon{width:12px;height:12px}.log-item strong{display:block;font-size:9px;line-height:1.8;font-weight:500}.log-item small{color:#988c9f;font-size:8px}.log-item.warning .log-check{color:#efba7a}.all-events{border:0;border-top:1px solid #ffffff0a;background:none;color:#b5a9bf;width:100%;font-size:9px;padding:12px 0 0}.all-events,.footer{display:flex;justify-content:space-between}.footer{color:#8a7e95;font-size:8px;margin:18px 3px 0}.modal-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;background:#08070d9c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-backdrop[hidden]{display:none}.modal{width:420px;max-width:100%;padding:27px;background:linear-gradient(130deg,#4b4554e0,#24212cec)}.modal h2{font-size:18px;margin:0 0 8px}.modal p{font-size:11px;color:#b7abbe;line-height:1.9}.modal label{display:block;font-size:11px;margin:20px 0 8px}.modal input,.modal select{background:#ffffff06;border:1px solid #ffffff20;border-radius:8px;color:#eee;width:100%;padding:11px}.modal select option{background:#302a38}.modal-actions{display:flex;gap:10px;margin-top:24px}.secondary{border:1px solid #ffffff20;background:#ffffff08;color:#c9bed0;border-radius:8px;padding:9px 15px}.toast{position:fixed;bottom:28px;left:28px;z-index:50;padding:14px 22px;background:#292733ed;border:1px solid #6dd5a650;border-radius:12px;box-shadow:0 10px 30px #0006;font-size:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-toggle,.toast[hidden]{display:none}.empty-row{text-align:center;padding:28px;color:#bdb0c6}.notif-pop{position:absolute;top:78px;left:170px;width:290px;z-index:10;padding:20px;background:#34313deb}.notif-pop[hidden]{display:none}.notif-pop h3{margin:0 0 12px;font-size:13px}.notif-pop p{font-size:11px;line-height:1.9;color:#c6bace}.page-title{color:#ffab95}.nav-description{margin-bottom:18px;font-size:12px;color:#b6a9bf}.menu-overlay{display:none}@media(min-width:1500px){.app{padding:28px;gap:26px;grid-template-columns:244px minmax(0,1fr)}.sidebar{top:28px;height:calc(100vh - 56px)}.stat{min-height:163px;padding:22px}.stat-value{font-size:31px}.chart-plot{height:245px}.chart-plot svg{height:211px}.donut-wrap{width:182px;height:182px;margin:30px auto 25px}.welcome{margin-top:29px;margin-bottom:23px}.panel{padding:23px}.log-item{padding:18px 0}td{padding:17px 6px}}@media(max-width:1150px){.app{grid-template-columns:194px minmax(0,1fr);gap:15px;padding:16px}.sidebar{top:16px;height:calc(100vh - 32px)}.toolbar{gap:9px}.search-key{display:none}.stat{padding:15px 12px}.stat-value{font-size:23px}.stat-foot{gap:4px;font-size:8px}.bottom,.middle{grid-template-columns:minmax(0,1.6fr) minmax(225px,1fr)}.panel{padding:15px}.panel-heading{flex-wrap:wrap;gap:12px}.tabs{margin-right:auto}.tab{padding:4px 7px}.period{padding:6px}.help-box{display:none}}@media(max-width:900px){.app{grid-template-columns:170px minmax(0,1fr);gap:12px;padding:12px}.sidebar{padding:23px 10px;top:12px;height:calc(100vh - 24px)}.brand{gap:8px;padding:0}.brand h1{font-size:15px}.brandmark{width:33px;height:36px}.eyebrow{font-size:7px}.nav-item{font-size:10px;padding:11px 8px;gap:8px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bottom,.middle{grid-template-columns:minmax(0,1fr)}.distribution{display:grid;grid-template-columns:1fr 1fr;align-items:center}.distribution .panel-heading{grid-column:1/-1}.donut-wrap{margin:18px auto 7px;width:145px;height:145px}.legend{padding:0 10px}.toolbar .divider,.toolbar .periods{display:none}.welcome h2{font-size:17px}.online{font-size:8px}.chart-plot{height:220px}.chart-plot svg{height:187px}.stat{min-height:135px}.stat-value{font-size:26px}.log-item{padding:12px 0}.footer{line-height:1.8;gap:20px}}@media(max-width:600px){.app{display:block;padding:12px}.sidebar{position:fixed;z-index:25;right:12px;top:12px;width:225px;height:calc(100dvh - 24px);min-height:0;transform:translateX(260px);transition:transform .25s;background:linear-gradient(130deg,#4b4554ee,#24212cf5)}.sidebar.open{transform:translateX(0)}.menu-overlay.open{display:block;position:fixed;inset:0;background:#0008;z-index:24;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-toggle{display:block;background:none;border:0;color:#e2d9e8}.toolbar{gap:10px;height:59px;padding:10px}.toolbar .primary{font-size:9px;padding:9px}.toolbar .primary .icon{width:14px;height:14px}.toolbar-spacer{display:none}.search-wrap{min-width:0}.search-wrap input{font-size:10px}.search-wrap>.icon{display:none}.notify{margin-right:auto}.welcome{margin:22px 2px 17px}.welcome h2{font-size:16px}.welcome p{font-size:9px}.online{display:none}.stat-top{font-size:10px}.stat-value{font-size:24px}.stat-foot{flex-wrap:wrap;font-size:8px;gap:5px}.stat{min-height:140px}.panel-heading h3{font-size:11px}.chart-caption{margin-top:20px}.chart-plot{height:190px;padding-right:25px}.chart-plot svg{height:157px}.chart-note{font-size:8px}.distribution{grid-template-columns:1fr 1.1fr}.legend{padding:0}.legend-row,.legend-row strong{font-size:9px}.legend-row small{font-size:8px}.donut-wrap{width:128px;height:128px}.donut-center strong{font-size:25px}.footer{font-size:7px}.notif-pop{left:12px;top:82px}.toast{left:14px;right:14px;bottom:18px;text-align:center}.table-panel .panel-heading{gap:8px}td{padding:13px 7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}[hidden]{display:none!important}.page-content{min-width:0}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:18px;margin-top:18px}.page-stack{display:flex;flex-direction:column;gap:18px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.page-toolbar h3{font-size:13px;margin:0 0 5px}.page-muted{font-size:10px;line-height:1.9;color:#a79aae}.page-field{background:#ffffff06;border:1px solid #ffffff17;border-radius:8px;padding:10px 12px;outline:none;color:#eee;min-width:0;width:100%}.page-field option{background:#322b3b}.page-label{display:block;font-size:11px;color:#d4c9dd;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.field-hint{color:#92849e;font-size:9px;line-height:1.9;margin-top:7px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid #ffffff0b}.setting-row:last-child{border-bottom:0}.setting-row h4{font-size:11px;margin:0 0 5px;font-weight:500}.switch{position:relative;flex-shrink:0;width:35px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff15;border:1px solid #ffffff17;border-radius:30px;cursor:pointer;transition:background .2s}.switch:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#b7acbf;left:3px;top:3px;transition:transform .2s}.switch:checked{background:#40c78c60;border-color:#64de9c55}.switch:checked:before{transform:translateX(15px);background:#8fe8bb}.page-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.mini-stat{padding:20px}.mini-stat label{font-size:10px;color:#b9adbf}.mini-stat strong{display:block;font-size:26px;font-weight:650;margin:10px 0}.mini-stat small{font-size:9px;color:#66d6a1}.action-btn{background:#ffffff06;color:#cbbcd4;border:1px solid #ffffff15;border-radius:7px;padding:7px 10px;font-size:10px}.action-btn:hover{background:#ffffff12}.action-btn.danger{color:#f49b99;border-color:#f49b991b}.method-option{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #ffffff0c;background:#ffffff03;border-radius:11px;margin-top:12px;cursor:pointer}.method-option:has(input:checked){border-color:#76d5ed55;background:#76d5ed08}.method-option input{accent-color:#70cce0}.method-option strong{font-size:11px;font-weight:500;display:block}.method-option small{display:block;color:#a69aaf;font-size:9px;margin-top:5px}.page-info{border-radius:10px;padding:14px;background:#68d4e708;border:1px solid #68d4e71a;font-size:10px;line-height:2;color:#a7c3d0;margin-top:20px}.page-table td{font-size:10px;padding:17px 10px}.page-table th{font-size:9px;padding:14px 10px}.table-controls{display:flex;gap:9px;align-items:center}.table-controls select{width:auto;font-size:10px;padding:7px}.table-footer{border-top:1px solid #ffffff0b;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 4px 0;font-size:9px;color:#9e8eaa}.bar-chart{height:220px;display:flex;align-items:stretch;gap:15px;direction:ltr;margin:28px 0 5px;border-bottom:1px solid #ffffff0e}.bar-group{flex:1;display:flex;gap:4px;align-items:flex-end;position:relative;padding-bottom:25px}.bar{width:50%;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#62bcd040,#75d9e4);max-height:100%}.bar.alt{background:linear-gradient(0deg,#a391c52a,#ac93d7)}.bar-group span{position:absolute;bottom:4px;font-size:8px;color:#a292ae;width:100%;text-align:center}.inline-legend{display:flex;gap:18px;font-size:9px;color:#ad9cb9}.inline-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:5px}.progress-row{margin:22px 0}.progress-row div{display:flex;justify-content:space-between;font-size:10px;color:#cebed7;margin-bottom:10px}.progress-track{height:5px;background:#ffffff09;border-radius:10px;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:10px;background:var(--c)}.device-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#ffffff06;border:1px solid #ffffff0e;color:#baa8cb}.session-info{flex:1}.session-info strong{font-size:11px;display:block;margin-bottom:4px}.session-info small{font-size:9px;color:#a493b1}.session-row{display:flex;gap:12px;align-items:center;padding:19px 0;border-bottom:1px solid #ffffff0b}.session-row:last-child{border:0}.key-code{direction:ltr;background:#0000001a;border:1px solid #ffffff0d;padding:13px;border-radius:8px;font-size:12px;color:#c7b4d7;font-family:monospace;margin:20px 0;word-break:break-all}.page-breadcrumb{font-size:9px;color:#9987a6;margin-bottom:17px}.page-breadcrumb span{color:#e1d1ea}.rule-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #ffffff0a;padding:16px 0;font-size:11px}.rule-row>span{flex:1}.rule-row small{font-size:8px;color:#85d9b0}.rule-row:last-child{border:0}.page-dialog-content{line-height:2.2;color:#b9a9c5;font-size:12px}.page-dialog-content dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.page-dialog-content dt{color:#95819f;font-size:10px}.page-dialog-content dd{margin:0}.metric-banner{display:flex;align-items:center;gap:13px;padding:20px;background:linear-gradient(130deg,#4dd59c0b,#4dd59c02);border:1px solid #55d29d22;border-radius:12px;margin-top:22px}.metric-banner .icon{color:#6addaa;width:29px;height:29px}.metric-banner strong{display:block;font-size:13px;margin-bottom:4px}.metric-banner small{color:#a2b6ac;font-size:10px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.report-number{font-size:23px;font-weight:650;margin:6px 0}.report-block{border:1px solid #ffffff0a;background:#ffffff03;border-radius:10px;padding:15px}.report-block label{font-size:9px;color:#ad9ab9}.report-block small{font-size:9px;color:#6cdaaa}.page-empty{text-align:center;padding:40px;color:#b5a0c1;font-size:11px}@media(max-width:1100px){.page-grid{grid-template-columns:1fr}.page-metrics{gap:12px}.mini-stat{padding:16px}}@media(max-width:600px){.page-toolbar{flex-wrap:wrap}.page-metrics{grid-template-columns:1fr;gap:10px}.mini-stat{display:grid;grid-template-columns:1fr auto;align-items:center;padding:15px}.mini-stat strong{grid-column:2;grid-row:1/3;font-size:24px;margin:0}.form-grid{grid-template-columns:1fr;gap:16px}.report-grid{gap:10px}.page-table td{font-size:9px;padding:14px 8px}.table-controls{flex-wrap:wrap}.bar-chart{gap:9px}.session-row{flex-wrap:wrap}.setting-row{gap:12px}.page-breadcrumb{margin-bottom:14px}.page-dialog-content dl{gap:8px}}.toolbar-context{display:flex;align-items:center;gap:9px;color:#b9acbf;font-size:11px}.toolbar-context .icon{color:#ffac95}.page-content .page-grid>.panel{align-self:stretch}.bar{transform-origin:center bottom}.progress-track i{transform-origin:right center}.nav-item{transition:background .22s,border-color .22s,color .22s,transform .22s}.nav-item:hover{transform:translateX(-3px)}.action-btn,.primary,.secondary{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.primary:hover{box-shadow:0 5px 23px #f46e5338,inset 0 1px 0 #ffffff35;transform:translateY(-2px)}.action-btn:hover,.secondary:hover{transform:translateY(-1px)}.action-btn:active,.primary:active,.secondary:active{transform:translateY(0)}.page-table tbody tr{transition:background .2s}.page-table tbody tr:hover{background:#ffffff04}.method-option{transition:background .22s,border-color .22s}.page-field{transition:border-color .2s,box-shadow .2s}.page-field:focus{border-color:#75d7e65c;box-shadow:0 0 0 3px #75d7e608}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.action-btn:hover,.nav-item:hover,.primary:hover,.secondary:hover{transform:none}}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
/* Project-local integration with the free demo banner. */
.ml-demo-bar-active .sidebar{top:calc(var(--ml-demo-bar-height,72px) + 22px);height:calc(100dvh - var(--ml-demo-bar-height,72px) - 44px);min-height:0}@media(max-width:1150px){.ml-demo-bar-active .sidebar{top:calc(var(--ml-demo-bar-height,72px) + 16px);height:calc(100dvh - var(--ml-demo-bar-height,72px) - 32px)}}@media(max-width:900px){.ml-demo-bar-active .sidebar{top:calc(var(--ml-demo-bar-height,72px) + 12px);height:calc(100dvh - var(--ml-demo-bar-height,72px) - 24px)}}@media(max-width:600px){.sidebar:not(.open){transform:translateX(260px)!important}.ml-demo-bar-active .sidebar{top:calc(var(--ml-demo-bar-height,68px) + 12px);height:calc(100dvh - var(--ml-demo-bar-height,68px) - 24px)}}