@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800&display=swap";:root{--bg:#f5f7fb;--ink:#1d2b42;--muted:#7a879c;--line:#e9edf4;--blue:#3266e3}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:13px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:all .16s}button:disabled{cursor:wait;opacity:.5}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #91b4ff}button:hover{filter:brightness(.97)}a{color:var(--blue);text-decoration:none}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:29px;font-weight:650;line-height:1.4}h2{font-size:15px;font-weight:650}h3{font-size:17px}small{display:block}input,textarea,select{color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#8aafff;box-shadow:0 0 0 3px #3266e30c}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;width:235px;padding:34px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#1a2c4a;letter-spacing:-1.5px;align-items:center;gap:9px;padding-left:8px;font-size:29px;font-weight:750;display:flex}.brand>span:first-child{background:var(--blue);color:#fff;border-radius:11px;place-items:center;width:35px;height:35px;display:grid;transform:rotate(-8deg)}.brand-dot{color:var(--blue);margin-left:-8px}.workspace{border:1px solid var(--line);background:#f8f9fc;border-radius:10px;align-items:center;gap:9px;margin:37px 0 31px;padding:13px 10px;display:flex}.workspace strong{font-size:11px}.workspace small{color:var(--muted);margin-top:5px;font-size:10px}.avatar{color:#4966a4;background:#eaf0fd;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-weight:600;display:grid}.nav-label{letter-spacing:1.5px;color:#a0aabe;margin-bottom:14px;padding:0 13px;font-size:9px;font-weight:600}nav{gap:7px;display:grid}nav button{color:#79869a;background:0 0;border:0;border-radius:9px;justify-content:flex-start;padding:13px 12px;font-size:12px;font-weight:500}nav button.nav-active{color:#3266e3;background:#edf3ff}nav button em{background:#dce7ff;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-bottom{margin-top:auto;padding-top:40px}.private-note{border:1px solid var(--line);color:#6a7b96;background:#f7f9fd;border-radius:12px;padding:15px}.private-note svg{color:#6b8fd6;margin-bottom:8px}.private-note strong{color:#3d526f;font-size:11px;display:block}.private-note p{margin-top:7px;font-size:10px;line-height:1.8}.sidebar-bottom>a{color:#8490a2;align-items:center;gap:10px;margin:22px 12px 0;font-size:11px;display:flex}.main-shell{width:calc(100% - 235px);margin-left:235px}.topbar{border-bottom:1px solid var(--line);color:#8b97a9;background:#ffffffa8;justify-content:space-between;align-items:center;height:76px;padding:0 38px;font-size:11px;display:flex}.topbar>div{align-items:center;gap:13px;display:flex}.topbar strong{color:#4d5e77;font-weight:450}.account{align-items:center;gap:8px;display:flex}.online-dot{background:#39aa83;border-radius:50%;width:6px;height:6px}.small{border-radius:50%;width:30px;height:30px;margin-left:12px}.main-content{max-width:1560px;margin:auto;padding:33px 38px 24px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{color:#8a98af;letter-spacing:1.5px;margin-bottom:8px;font-size:9px;font-weight:600}.muted{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.8}.primary{background:var(--blue);border:1px solid var(--blue);color:#fff;border-radius:8px;min-height:40px;padding:0 17px;font-size:12px;font-weight:550;box-shadow:0 3px 7px #3266e318}.secondary{color:#53647e;background:#fff;border:1px solid #dfe5ef;border-radius:7px;min-height:38px;padding:0 14px;font-size:11px}.compact{min-height:32px;padding:0 10px;font-size:10px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px 20px 18px;box-shadow:0 3px 9px #162a4d02}.metric-top{color:#79869b;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.metric-icon{border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.blue{color:#4c80eb;background:#edf3ff}.green{color:#3fbd8c;background:#eaf8f1}.purple{color:#9173df;background:#f2edff}.orange{color:#dfa05d;background:#fff4e9}.metric>strong{letter-spacing:-1px;margin-top:5px;font-size:31px;font-weight:600;display:block}.metric>p{color:#98a3b5;margin-top:10px;font-size:9px}.analytics-grid{grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:22px;margin-bottom:23px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:22px 23px;display:flex}.panel-heading p:not(.eyebrow){color:#929eb0;margin-top:6px;font-size:10px;line-height:1.6}.panel-heading svg{color:#8b99ad}select{background:#fff;border:1px solid #e3e8f0;border-radius:7px;max-width:230px;padding:8px 10px;font-size:10px}.chart-tools{color:#8a98ad;justify-content:space-between;align-items:center;padding:0 23px;font-size:10px;display:flex}.chart-tools>span{align-items:center;gap:7px;display:flex}.chart-tools i{background:#5b86ed;border-radius:50%;width:7px;height:7px}.chart-tools select{color:#6882ad;border:0;max-width:180px;padding-right:0}.chart{height:204px;padding:20px 24px 38px 20px;display:flex}.chart-y{color:#a0aabb;flex-direction:column;justify-content:space-between;width:28px;padding-bottom:0;font-size:9px;display:flex}.plot{flex:1;position:relative}.gridlines{background:repeating-linear-gradient(#eaf0f6 0 1px,#0000 1px 50%);border-bottom:1px solid #eaf0f6;position:absolute;inset:0}.bars{align-items:flex-end;gap:8px;height:100%;padding:0 5px;display:flex;position:relative}.bar-column{flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex}.bar{background:linear-gradient(#4f80ec,#91b4ff);border-radius:4px 4px 0 0;width:75%;transition:height .2s}.chart-empty{color:#9da9bd;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.chart-x{color:#9aa6b8;justify-content:space-between;margin-top:14px;font-size:9px;display:flex}.sources .panel-heading{padding-bottom:12px}.small-empty{color:#a1aec1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:20px;display:flex}.small-empty strong{color:#7b8ba3;font-size:11px;font-weight:500}.small-empty p{font-size:10px}.fine-print{color:#9da8b9;padding:0 23px 18px;font-size:9px;line-height:1.7}.source-row{padding:10px 23px}.source-row>div:first-child{align-items:center;gap:8px;font-size:10px;display:flex}.source-row strong{margin-left:auto}.source-icon{background:#f3f6fb;border-radius:5px;padding:4px 7px;font-size:9px}.progress{background:#f1f4f9;border-radius:4px;height:4px;margin-top:8px}.progress>span{background:#86a7f2;border-radius:4px;height:100%;display:block}.title-count{align-items:center;gap:10px;display:flex}.title-count>span{color:#7990ad;background:#f0f4fa;border-radius:5px;padding:3px 7px;font-size:10px}.actions{gap:7px;display:flex}.table-toolbar{justify-content:space-between;gap:15px;padding:0 23px 19px;display:flex}.search{color:#a0adbf;background:#fff;border:1px solid #e6eaf1;border-radius:7px;align-items:center;gap:9px;width:360px;padding:0 11px;display:flex}.search input{background:0 0;border:0;width:100%;padding:10px 0;font-size:10px}.search input::placeholder{color:#a0adbf}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}thead{background:#f8fafd}th{color:#94a0b3;letter-spacing:.6px;white-space:nowrap;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;padding:13px 20px;font-size:8px;font-weight:550}td{border-bottom:1px solid #edf1f6;padding:18px 20px;font-size:11px}td small{color:#98a4b8;margin-top:5px;font-size:9px;font-weight:400}.link-cell{align-items:center;gap:12px;min-width:175px;display:flex}.link-icon{color:#7e9bd1;background:#f1f5fd;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.link-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:11px;font-weight:550;display:block;overflow:hidden}.link-cell a{align-items:center;gap:3px;margin-top:6px;font-size:10px;display:flex}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.active{color:#3d9a75;background:#ebf8f1}.paused{color:#8b94a4;background:#f3f4f6}.number{font-size:12px;font-weight:600}.row-actions{gap:4px;display:flex}.row-actions button,.icon-button{color:#91a0b6;background:0 0;border:0;border-radius:5px;padding:6px}.row-actions button:hover{color:var(--blue);background:#eef4ff}.empty-state{text-align:center;color:#8c9bb0;flex-direction:column;align-items:center;padding:32px 20px 36px;display:flex}.empty-icon{color:#7d9fdf;background:#f2f6ff;border-radius:18px;place-items:center;width:60px;height:60px;margin-bottom:17px;display:grid}.empty-state h3{color:#51647f;margin-bottom:9px;font-size:14px;font-weight:550}.empty-state p{margin-bottom:18px;font-size:11px;line-height:1.8}.table-footer{border-top:1px solid var(--line);color:#9ba7ba;justify-content:space-between;padding:14px 23px;font-size:9px;display:flex}.page-footer{color:#9eaabd;justify-content:space-between;gap:20px;padding-top:23px;font-size:9px;display:flex}.page-footer>span:first-child{align-items:center;gap:6px;display:flex}.device-panel{padding:25px}.device-row{border-bottom:1px solid var(--line);color:#6982a4;align-items:center;gap:14px;padding:18px 0;display:flex}.device-row strong{color:var(--ink);margin-left:auto}.loading{text-align:center;color:#8a99b0;padding:80px}.error{color:#ad453c;background:#fff0ee;border:1px solid #ffdbd6;border-radius:8px;margin-bottom:18px;padding:12px 15px;font-size:12px}.error button{color:inherit;background:0 0;border:0;text-decoration:underline}.toast{color:#fff;z-index:60;background:#203550;border-radius:10px;align-items:center;gap:10px;padding:14px 23px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #18304a33}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17253b60;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #fff;border-radius:18px;width:540px;max-height:94vh;overflow-y:auto;box-shadow:0 25px 100px #17253b40}.modal .panel-heading{padding:25px 27px 18px}.modal h2{font-size:20px}.modal form{padding:0 27px 24px}.modal label{margin:0 0 17px;font-size:11px;font-weight:550;display:block}.modal label>input,.modal textarea{resize:vertical;border:1px solid #dce4f0;border-radius:8px;width:100%;margin-top:8px;padding:11px 12px;font-size:12px;font-weight:400;display:block}.modal label small{color:#99a6b8;margin-top:7px;font-size:9px;font-weight:400;line-height:1.6}.slug-input{border:1px solid #dce4f0;border-radius:8px;align-items:center;margin-top:8px;display:flex;overflow:hidden}.slug-input span{color:#8e9bb0;background:#f5f7fb;border-right:1px solid #dce4f0;padding:11px}.slug-input input{border:0;width:100%;padding:11px 12px;font-size:12px}.info-note{color:#7387a5;background:#f3f7fe;border-radius:8px;align-items:flex-start;gap:9px;padding:12px;font-size:10px;line-height:1.7;display:flex}.info-note svg{flex-shrink:0;margin-top:2px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:23px;padding-top:20px;display:flex}.adjust-summary{background:#f7f9fc;border-radius:9px;margin-bottom:20px;padding:15px}.adjust-summary p{color:#8b99ac;margin-top:7px;font-size:10px}.modal .error{margin-top:15px;margin-bottom:0}@media (min-width:1550px){.main-content{padding-top:45px}.chart{height:240px}.metric{padding:24px}.metric>strong{font-size:36px}}@media (max-width:1150px){.sidebar{width:205px;padding:27px 14px}.main-shell{width:calc(100% - 205px);margin-left:205px}.main-content{padding:28px 24px}.topbar{padding:0 24px}.metrics{gap:11px}.metric{padding:15px 13px}.metric-top{font-size:10px}.metric>p{font-size:8px}.analytics-grid{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}th,td{padding-left:15px;padding-right:15px}}@media (max-width:850px){.sidebar{align-items:center;width:74px;padding:25px 8px}.brand{gap:0;padding:0;font-size:0}.brand-dot,.workspace,.nav-label,.sidebar-bottom,.sidebar nav em{display:none}.sidebar nav{width:100%;margin-top:40px}.sidebar nav button{justify-content:center;gap:0;padding:15px;font-size:0}.sidebar nav button svg{flex-shrink:0;width:21px;height:21px}.main-shell{width:calc(100% - 74px);margin-left:74px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.sources{display:none}.page-footer{flex-direction:column;gap:8px}.metric>p{font-size:10px}.metric-top{font-size:12px}}@media (max-width:560px){.main-content{padding:24px 15px}.topbar{height:60px;padding:0 15px}.topbar>div{gap:5px;font-size:9px}.account{gap:0;font-size:0}.account .online-dot{display:none}.page-heading{flex-direction:column;align-items:flex-start;gap:15px}.page-heading h1{font-size:24px}.page-heading .muted{font-size:10px}.eyebrow{font-size:7px}.metric{padding:14px 11px}.metric-top{font-size:9px}.metric-icon{width:25px;height:25px}.metric-icon svg{width:15px}.metric>p{font-size:8px}.metric>strong{font-size:26px}.panel-heading{padding:18px 15px}.table-toolbar{flex-direction:column;gap:10px;padding:0 15px 15px}.search{width:100%}.table-toolbar select{align-self:flex-start}.table-footer span{display:none}.chart-tools{padding:0 15px}.chart-tools select{max-width:120px}.bars{gap:3px}.modal-backdrop{padding:10px}.modal form{padding:0 18px 20px}.modal .panel-heading{padding:22px 18px 18px}.page-footer{font-size:8px}}.standalone-form{box-sizing:border-box;width:calc(100% - 32px)}.standalone-form h1{margin:0 0 12px;font-size:28px;line-height:1.25}.standalone-form p{margin:12px 0;line-height:1.6}.standalone-form form{gap:18px;margin-top:24px;display:grid}.standalone-form label{gap:8px;font-size:14px;font-weight:600;display:grid}.standalone-form input{box-sizing:border-box;width:100%;font:inherit;color:#18243d;background:#fff;border:1px solid #d6deee;border-radius:9px;padding:12px}.standalone-form input:focus{outline-offset:2px;outline:2px solid #4779ee}.standalone-form small{color:#64748b;font-size:12px;font-weight:400;line-height:1.6;display:block}.standalone-form li{margin:12px 0;line-height:1.6}.standalone-form ol{padding-left:22px}.standalone-form code{overflow-wrap:anywhere;font-size:13px}@keyframes refresh-rotate{to{transform:rotate(360deg)}}.refresh-spin{animation:.8s linear infinite refresh-rotate}.refresh-status{color:#16805c;align-items:center;gap:6px;font-size:13px;display:flex}.worker-log-panel{padding:24px}.worker-log-panel h3{margin:24px 0 12px}.worker-log-panel td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.worker-log-panel td small{color:#71809a;font-size:11px}.worker-device-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.worker-device-card{overflow-wrap:anywhere;background:#f8faff;border:1px solid #e5eaf2;border-radius:12px;flex-direction:column;gap:7px;padding:16px;display:flex}.worker-device-card span,.worker-device-card small{color:#64748b;font-size:12px}.worker-event-list article{overflow-wrap:anywhere;border-bottom:1px solid #e8edf4;padding:14px 0}.worker-event-list article>div{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.worker-event-list time,.worker-event-list small{color:#71809a;font-size:12px}@media (prefers-reduced-motion:reduce){.refresh-spin{animation:none}}