.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}@font-face{font-family:Pepsi Cyr-Lat;src:url(/fonts/PepsiCyrLat.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/Orbitron/static/Orbitron-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/Orbitron/static/Orbitron-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/Orbitron/static/Orbitron-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--bg-primary: #0A0E17;--bg-card: #14243A;--bg-card-hover: #1C2F4A;--border-color: rgba(31, 47, 74, .6);--border-hover: rgba(62, 86, 122, .8);--text-primary: #E8F0FA;--text-secondary: #9FB3C8;--text-muted: #5F7290;--color-online: #B3C8B7;--color-online-bg: #26382F;--color-offline: #BCC5D0;--color-offline-bg: #272F3A;--color-alert: #D8C397;--color-alert-bg: #393124;--color-critical: #D6A4AA;--color-critical-bg: #38282D;--color-accent: #00C2FF;--color-accent-hover: #33D0FF;--chart-line: #A4C9CE;--chart-threshold: #BBA782;--chart-range: #7C9A84;--chart-bg: #111820;--chart-grid: #34404B;--chart-axis-label: #A5B0BB;--chart-out-of-range: #D5B27D;--chart-critical: #C68F96;--accent-soft: #20343F;--accent-text: #C4E6EB;--surface-alt: #17222E;--border-strong: #3B4A59;--shadow-surface: 0 8px 28px rgba(0, 0, 0, .12);--focus: #83B9C4;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--glass-border: 1px solid rgba(255, 255, 255, .06);--glass-bg: rgba(20, 36, 58, .75)}.light-theme{--bg-primary: #F3F6FA;--bg-card: #FFFFFF;--bg-card-hover: #EEF2F7;--border-color: rgba(200, 210, 220, .6);--border-hover: rgba(170, 185, 200, .8);--text-primary: #152538;--text-secondary: #5A6B7E;--text-muted: #8798AB;--color-online: #365B43;--color-online-bg: #E7EEE8;--color-offline: #506071;--color-offline-bg: #E9EDF1;--color-alert: #795D34;--color-alert-bg: #F0E9DD;--color-critical: #854A50;--color-critical-bg: #F1E6E6;--color-accent: #007FA8;--color-accent-hover: #006B8E;--chart-line: #287783;--chart-threshold: #8B7047;--chart-range: #C6D6C9;--chart-bg: #FFFFFF;--chart-grid: #E1E5E8;--chart-axis-label: #65717A;--chart-out-of-range: #986A27;--chart-critical: #963F49;--accent-soft: #E5F3F8;--accent-text: #075B78;--surface-alt: #F8FAFC;--border-strong: #CBD5DF;--shadow-surface: 0 4px 18px rgba(22, 40, 58, .035);--focus: #289EC2;--shadow-card: 0 4px 24px rgba(0, 0, 0, .08);--glass-border: 1px solid rgba(255, 255, 255, .5);--glass-bg: rgba(255, 255, 255, .7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.summary-icon-green{background:var(--color-online-bg);color:var(--color-online)}.summary-icon-red{background:var(--color-offline-bg);color:var(--color-offline)}.summary-icon-yellow{background:var(--color-alert-bg);color:var(--color-alert)}.summary-value-green{color:var(--color-online)}.summary-value-red{color:var(--color-offline)}.summary-value-yellow{color:var(--color-alert)}.sap-zreport-row{cursor:pointer;transition:background .15s}.sap-zreport-row:hover{background:var(--bg-card-hover, #2A2A2A)}.sap-zreport-row:focus-visible{outline:2px solid var(--color-online, #00E676);outline-offset:-2px}.summary-row .summary-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 12px;border-radius:20px;flex-shrink:0;white-space:nowrap}.status-badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-badge.badge-online{background:var(--color-online-bg);color:var(--color-online)}.status-badge.badge-online .status-badge-dot{background:var(--color-online)}.status-badge.badge-offline{background:var(--color-offline-bg);color:var(--color-offline)}.status-badge.badge-offline .status-badge-dot{background:var(--color-offline)}.status-badge.badge-alert{background:var(--color-alert-bg);color:var(--color-alert)}.status-badge.badge-alert .status-badge-dot{background:var(--color-alert)}.device-card{position:relative;overflow:hidden}.device-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:0 4px 4px 0}.device-card.card-online:before{background:var(--color-online)}.device-card.card-offline:before{background:var(--color-offline)}.device-card.card-alert:before{background:var(--color-alert)}.range-btn{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:11px;border-radius:6px;border:1px solid var(--border-color);background:var(--glass-bg);color:var(--text-secondary);font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap;line-height:1.4}.range-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.range-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.device-card{animation:cardFadeIn .5s ease forwards;opacity:0}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-online);margin-right:6px;animation:pulse-dot 2s infinite}@keyframes status-dot-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.status-badge-dot.status-dot-pulse{animation:status-dot-pulse 1s ease-in-out 1}.admin-table-row:hover{background:var(--bg-card-hover, #2A2A2A)}table tbody tr:hover>td{background:var(--bg-card-hover, #2A2A2A)}.dt-root{width:100%}.dt-root.dt-fill{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.dt-fill .dt-wrap{flex:1 1 auto;min-height:0;overflow:auto}.dt-col-menu{position:relative;display:inline-flex}.dt-col-btn-on{color:var(--color-accent)}.dt-col-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:40;min-width:210px;max-width:300px;padding:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 28px #00000073}.dt-col-head{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:2px 4px 6px}.dt-col-list{display:flex;flex-direction:column;max-height:260px;overflow:auto}.dt-col-item{display:flex;align-items:center;gap:6px;padding:4px;border-radius:4px;font-size:12px;color:var(--text-primary);cursor:pointer}.dt-col-item:hover{background:var(--bg-primary)}.dt-col-item input{accent-color:var(--color-accent)}.dt-col-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-col-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding-top:6px;margin-top:4px;border-top:1px solid var(--border-color)}.dt-col-apply,.dt-col-reset{background:transparent;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:2px 4px}.dt-col-apply:hover,.dt-col-reset:hover:not(:disabled){color:var(--text-primary)}.dt-col-reset:disabled{opacity:.45;cursor:default}.dt-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px}.dt-toolbar .dt-hint{margin-left:auto}.dt-search-wrap{position:relative;display:inline-flex}.dt-search{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:5px 26px 5px 10px;font-size:12px;min-width:220px}.dt-search:focus{outline:none;border-color:var(--color-online)}.dt-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:0 4px}.dt-search-clear:hover{color:var(--text-primary)}.dt-check{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.dt-check input{accent-color:var(--color-accent);cursor:pointer}.dt-reset-filters{color:var(--color-accent);border-color:var(--color-accent)}.dt th.dt-filtered{color:var(--text-primary)}.dt .dt-filter-btn{display:inline-flex;align-items:center;gap:2px;margin-left:4px;padding:0 3px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-muted);font-size:11px;line-height:1.2;cursor:pointer;opacity:.6}.dt th:hover .dt-filter-btn{opacity:1}.dt .dt-filter-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.dt .dt-filter-btn.dt-filter-btn-on{color:var(--color-accent);border-color:var(--color-accent);opacity:1}.dt .dt-filter-count{font-size:9px;font-weight:700}.dt-filter-pop{position:fixed;z-index:1200;display:flex;flex-direction:column;gap:6px;min-width:240px;max-width:320px;padding:8px;background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);cursor:default;text-align:left}.dt-filter-search{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;font-size:12px;width:100%}.dt-filter-search:focus{outline:none;border-color:var(--color-online)}.dt-filter-list{display:flex;flex-direction:column;max-height:220px;overflow-y:auto}.dt-filter-item{display:flex;align-items:center;gap:6px;padding:3px 2px;font-size:12px;color:var(--text-primary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-filter-item span{overflow:hidden;text-overflow:ellipsis}.dt-filter-item input{accent-color:var(--color-accent);cursor:pointer;flex:none}.dt-filter-all{border-bottom:1px solid var(--border-color);padding-bottom:5px;font-weight:600}.dt-filter-empty,.dt-filter-note{padding:4px 2px;font-size:11px;color:var(--text-muted)}.dt-filter-actions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--border-color);padding-top:6px}.dt-filter-apply,.dt-filter-reset{background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:11px;padding:3px 10px;cursor:pointer}.dt-filter-apply:hover,.dt-filter-reset:hover{color:var(--text-primary);border-color:var(--border-hover)}.dt-hint{color:var(--text-muted);font-size:11px}.dt-reset{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:2px 8px;font-size:11px;cursor:pointer;transition:color .15s,border-color .15s}.dt-reset:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-hover)}.dt-reset:disabled{opacity:.45;cursor:default}.dt-wrap{width:100%;overflow-x:auto}.dt{width:auto;border-collapse:collapse;font-size:13px}.dt.dt-stretch{width:100%}.dt th{position:relative;text-align:left;border-bottom:1px solid var(--border-color);padding:8px 16px 8px 10px;color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;background:transparent}.dt th.dt-draggable{cursor:grab}.dt th.dt-sortable{cursor:pointer}.dt th.dt-sortable:hover,.dt th.dt-sorted{color:var(--text-primary)}.dt .dt-sort-ind{margin-left:4px;font-size:9px;opacity:.5}.dt .dt-th-inner{display:flex;align-items:center;gap:4px;overflow:hidden}.dt .dt-th-label{overflow:hidden;text-overflow:ellipsis}.dt .dt-resizer{position:absolute;top:0;right:0;width:7px;height:100%;cursor:col-resize;z-index:2;display:flex;align-items:center;justify-content:center}.dt .dt-resizer.dt-resizer-left{right:auto;left:0}.dt .dt-resizer:after{content:"";width:2px;height:60%;border-radius:1px;background:transparent;transition:background .12s}.dt .dt-resizer:hover:after,.dt th.dt-resizing-col .dt-resizer:after{background:var(--color-accent)}.dt.dt-resizing,.dt.dt-resizing *{-webkit-user-select:none;user-select:none}.dt th.dt-resizing-col{color:var(--text-primary)}.dt th.dt-resizing-col .dt-grip{opacity:.9}.dt th.dt-no-drag{cursor:default}.dt th.dt-dragging{opacity:.45}.dt th.dt-drop-target{box-shadow:inset 2px 0 0 var(--color-accent);color:var(--text-primary)}.dt .dt-grip{display:inline-block;margin-right:6px;font-size:10px;line-height:1;letter-spacing:-1px;color:var(--text-muted);opacity:.4}.dt th:hover .dt-grip{opacity:.9}.dt td{border-bottom:1px solid var(--border-color);padding:8px 10px;color:var(--text-primary);vertical-align:top;white-space:nowrap}.dt td.dt-wrap-cell{white-space:normal}.dt .dt-align-right{text-align:right;font-variant-numeric:tabular-nums}.dt .dt-align-center{text-align:center}.dt .dt-mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace}.dt .dt-empty{padding:16px;text-align:center;color:var(--text-muted)}.dt tfoot td{padding:8px 10px;border-top:1px solid var(--border-color);color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--bg-card)}.dt-sticky tfoot td{position:sticky;bottom:0;z-index:1}.dt-sticky thead th{position:sticky;top:0;z-index:1;background:var(--bg-card);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-modal-input:focus,.admin-modal-select:focus,.admin-modal-textarea:focus{border-color:var(--color-online)}.admin-btn-add:hover{background:#00c853}.admin-btn-edit:hover{background:#1976d2}.admin-btn-delete:hover{background:#d32f2f}.admin-btn-save:hover{background:#00c853}.admin-btn-cancel:hover{background:var(--bg-card-hover, #2A2A2A)}.app-shell{display:flex;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body)}.sidebar{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;width:240px;flex:0 0 240px;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-card);border-right:1px solid var(--border-color);transition:width .2s ease,flex-basis .2s ease,transform .2s ease}.sidebar-collapsed{width:68px;flex-basis:68px}.brand-row{height:66px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--border-color);white-space:nowrap;overflow:hidden}.sidebar-collapsed .brand-row{padding:0 19px}.orbita-mark{position:relative;flex:0 0 29px;width:29px;height:29px;border:2px solid var(--color-accent);border-radius:50%;transform:rotate(-28deg)}.orbita-mark:after{content:"";position:absolute;left:-5px;top:7px;width:34px;height:11px;border:1.7px solid var(--color-accent);border-radius:50%}.orbita-mark>span{position:absolute;right:-2px;top:3px;width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.brand-name{font-family:var(--font-heading);font-size:17px;font-weight:800;letter-spacing:.16em;color:var(--text-primary)}.primary-nav{flex:1;min-height:0;overflow-y:auto;padding:14px 8px;display:flex;flex-direction:column;gap:2px}.nav-section{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.nav-section-label{padding:8px 12px 4px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden}.sidebar-collapsed .nav-section-label{height:1px;margin:6px 10px;padding:0;background:var(--border-color);color:transparent}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s,color .15s}.nav-item svg{flex:0 0 auto;color:var(--text-muted)}.nav-item .nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:var(--surface-alt);color:var(--text-primary)}.nav-active{color:var(--accent-text)!important;background:var(--accent-soft)!important;font-weight:650}.nav-active svg{color:var(--color-accent)}.nav-active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--color-accent)}.nav-chevron{margin-left:auto;color:var(--text-muted);transition:transform .2s}.nav-chevron.rotated{transform:rotate(180deg)}.nav-children{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 22px;padding-left:8px;border-left:1px solid var(--border-color)}.nav-children button{border:0;border-radius:6px;background:transparent;padding:8px 10px;color:var(--text-secondary);font-family:inherit;font-size:12px;text-align:left;cursor:pointer}.nav-children button:hover{background:var(--surface-alt);color:var(--text-primary)}.nav-children .child-active{color:var(--accent-text);background:var(--accent-soft);font-weight:600}.nav-badge{min-width:20px;padding:1px 7px;border-radius:12px;background:var(--color-accent);color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .nav-item .nav-label,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .nav-children,.sidebar-collapsed .brand-name{display:none}.sidebar-collapsed .nav-badge{position:absolute;top:2px;right:4px;min-width:16px;padding:0 4px;font-size:9px;line-height:15px}.sidebar-account{flex-shrink:0;display:flex;flex-direction:column;gap:3px;margin:0 12px 10px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-alt)}.sidebar-account strong{font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account small{font-size:10px;color:var(--text-muted)}.sidebar-collapsed .sidebar-account{display:none}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--border-color)}.collapse-btn{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:0 21px;border:0;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap}.collapse-btn:hover{background:var(--surface-alt);color:var(--text-primary)}.sidebar-collapsed .collapse-btn{justify-content:center;padding:0}.sidebar-footer-row{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color)}.sidebar-collapsed .sidebar-footer-row{justify-content:center;padding:12px 8px}.sidebar-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.sidebar-icon-btn:hover{background:var(--surface-alt);color:var(--text-primary)}.sidebar-logout{flex:1;height:36px;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--color-critical);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden}.sidebar-logout:hover{background:var(--color-critical-bg)}.sidebar-collapsed .sidebar-logout{display:none}.sidebar-close{display:none;margin-left:auto;padding:4px 8px;border:none;background:transparent;color:var(--text-primary);font-size:20px;line-height:1;cursor:pointer}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#090f1773}.main-area{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}.app-layout-content{min-width:0}.topbar{position:sticky;top:0;z-index:10;height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 27px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.breadcrumbs{display:flex;align-items:center;gap:9px;min-width:0;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs .crumb-sep{display:inline-flex;color:var(--text-muted)}.breadcrumbs strong{font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.icon-btn:hover{background:var(--surface-alt);border-color:var(--border-color);color:var(--text-primary)}.notification-dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--color-accent);border:1px solid var(--bg-card)}.popover-wrap{position:relative}.popover{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:240px;padding:14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);box-shadow:var(--shadow-card);color:var(--text-primary)}.popover strong{font-size:12px}.popover p{margin:8px 0}.popover .muted{color:var(--text-secondary);font-size:12px}.popover-menu{display:flex;flex-direction:column;gap:2px;margin-top:10px}.popover-menu button{display:flex;align-items:center;gap:8px;padding:8px 6px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:12px;text-align:left;cursor:pointer}.popover-menu button:hover{background:var(--surface-alt);color:var(--text-primary)}.profile-btn{display:flex;align-items:center;gap:10px;margin-left:3px;padding:0 0 0 15px;border:0;border-left:1px solid var(--border-color);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:11px;font-weight:700}.profile-copy{display:flex;flex-direction:column;gap:3px}.profile-copy b{font-size:12px;font-weight:600;color:var(--text-primary)}.profile-copy small{font-size:10px;color:var(--text-muted)}.menu-btn{display:none;align-items:center;justify-content:center;padding:6px 8px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer}.page-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;max-width:1800px;margin:0 auto;padding:27px 25px 18px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:21px}.page-heading-main{min-width:0}.eyebrow{margin-bottom:8px;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-heading h1{margin:0;font-family:var(--font-heading);font-size:clamp(23px,2vw,30px);font-weight:750;line-height:1.2;letter-spacing:-.035em;color:var(--text-primary)}.page-heading p{margin:8px 0 0;color:var(--text-secondary);font-size:12px}.page-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.heading-meta{display:flex;align-items:center;gap:8px;padding-bottom:4px;color:var(--text-secondary);font-size:11px;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--color-online);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-online) 14%,transparent)}.app-footer{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding:17px 2px 0;color:var(--text-muted);font-size:10px}.app-footer b{padding:0 5px;color:var(--border-strong)}.footer-separator{margin:0 6px;color:var(--border-strong)}.field{display:flex;flex-direction:column;gap:7px;min-width:0;color:var(--text-secondary);font-size:11px;font-weight:600}.field>span{display:block}.field input,.field select{width:100%;min-width:0;height:39px;padding:0 11px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-card);color:var(--text-primary);font-family:inherit;font-size:12px;font-weight:400;outline:none;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--text-muted)}.field input:focus,.field select:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 12%,transparent)}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2378889b' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.tag-muted{color:var(--text-secondary);background:var(--surface-alt)}.tag-info{color:var(--accent-text);background:var(--accent-soft)}.text-btn{display:inline-flex;align-items:center;gap:5px;padding:4px;border:0;background:transparent;color:var(--color-accent);font-family:inherit;font-size:11px;cursor:pointer}.text-btn:hover{color:var(--color-accent-hover);text-decoration:underline}@media (max-width: 1280px){.page-content{padding:22px 18px 16px}.topbar{padding:0 18px}}@media (max-width: 920px){.sidebar{width:68px;flex-basis:68px}.sidebar .brand-row{padding:0 19px}.sidebar .brand-name,.sidebar .nav-item .nav-label,.sidebar .nav-chevron,.sidebar .nav-children,.sidebar .collapse-btn span,.sidebar .nav-section-label,.sidebar .sidebar-account{display:none}.sidebar .nav-item,.sidebar .collapse-btn{justify-content:center;padding:0}.sidebar .nav-badge{position:absolute;top:2px;right:4px;min-width:16px;padding:0 4px;font-size:9px;line-height:15px}.sidebar .sidebar-footer-row{justify-content:center;padding:12px 8px}.sidebar .sidebar-logout{display:none}.topbar{padding:0 16px}.page-heading{align-items:flex-start}.heading-meta{display:none}}@media (max-width: 600px){.sidebar{position:fixed;top:0;left:0;z-index:999;width:240px;flex-basis:240px;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 28px #00000059}.sidebar.open .brand-name,.sidebar.open .nav-item .nav-label,.sidebar.open .nav-chevron,.sidebar.open .collapse-btn span,.sidebar.open .sidebar-account,.sidebar.open .sidebar-logout,.sidebar.open .nav-section-label{display:block}.sidebar.open .nav-children{display:flex}.sidebar.open .nav-section-label{height:auto;margin:0;padding:8px 12px 4px;background:transparent;color:var(--text-muted)}.sidebar.open .nav-item{justify-content:flex-start;padding:0 11px}.sidebar.open .collapse-btn{justify-content:flex-start;padding:0 21px}.sidebar.open .sidebar-footer-row{justify-content:flex-start}.sidebar.open .sidebar-logout{height:36px}.sidebar-close,.menu-btn{display:inline-flex}.topbar{height:56px;padding:0 12px}.breadcrumbs{font-size:11px}.profile-copy,.profile-btn>svg{display:none}.profile-btn{padding-left:8px}.page-content{padding:19px 10px 14px}.page-heading{margin-bottom:15px}.page-heading p{max-width:280px;line-height:1.5}.app-footer{flex-direction:column}}.threshold-btn:hover{background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff!important}.pet-assistant{position:fixed;right:20px;bottom:20px;z-index:1500;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.pet-assistant>*{pointer-events:auto}.pet-assistant__bubble{max-width:300px;background:var(--bg-card, rgba(20, 26, 42, .85));border:var(--glass-border, 1px solid rgba(255, 255, 255, .06));border-radius:var(--radius-md, 14px);box-shadow:var(--shadow-card, 0 4px 24px rgba(0, 0, 0, .4));padding:10px 12px;color:var(--text-primary, #e8e8ee);font-size:13px;line-height:1.4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pet-bubble-in .25s ease}.pet-assistant--warn .pet-assistant__bubble{border-color:#f39c128c}.pet-assistant--critical .pet-assistant__bubble{border-color:#e74c3c99}.pet-assistant__bubble-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:700;color:var(--text-secondary, #8a8fa8);text-transform:uppercase;letter-spacing:.04em}.pet-assistant__source{margin-left:auto;font-size:10px;font-weight:600;color:var(--text-muted, #5a5f7a);text-transform:none}.pet-assistant__badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pet-assistant__badge{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--bg-card-hover, rgba(30, 38, 58, .9));border:1px solid var(--border-color, rgba(46, 54, 78, .5));color:var(--text-secondary, #8a8fa8)}.pet-assistant__badge strong{color:var(--text-primary, #e8e8ee)}.pet-assistant__question{margin-bottom:6px;font-size:12px;color:var(--text-muted, #5a5f7a)}.pet-assistant__answer{white-space:pre-line;word-break:break-word}.pet-assistant__report{align-self:flex-start;margin-top:8px;background:transparent;border:1px solid var(--border-color, rgba(46, 54, 78, .5));border-radius:8px;color:var(--text-secondary, #8a8fa8);font-size:11px;padding:3px 8px;cursor:pointer}.pet-assistant__report:hover{border-color:var(--color-accent, #e94560);color:var(--text-primary, #e8e8ee)}.pet-assistant__report:disabled{opacity:.5;cursor:default}.pet-assistant__chat-form{display:flex;gap:6px;margin-top:10px}.pet-assistant__input{flex:1;min-width:0;background:var(--bg-card-hover, rgba(30, 38, 58, .9));border:1px solid var(--border-color, rgba(46, 54, 78, .5));border-radius:8px;padding:6px 10px;color:var(--text-primary, #e8e8ee);font-size:12px;outline:none}.pet-assistant__input:focus{border-color:var(--color-accent, #e94560)}.pet-assistant__send{flex-shrink:0;background:var(--color-accent, #e94560);border:none;border-radius:8px;color:#fff;font-size:13px;padding:0 10px;cursor:pointer}.pet-assistant__send:disabled{opacity:.5;cursor:default}.pet-assistant__stage{position:relative;cursor:pointer;border:none;background:transparent;padding:0;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45));transition:transform .15s ease}.pet-assistant__stage:hover{transform:translateY(-3px)}.pet-assistant__sprite{position:absolute;right:0;bottom:0;transform-origin:bottom right;background-repeat:no-repeat;background-position:0 calc(-1 * var(--pet-row, 0) * var(--pet-frame-h, 208px));animation:pet-frames var(--pet-duration, 5.5s) steps(var(--pet-frames, 6)) infinite}@keyframes pet-frames{0%{background-position:0 calc(-1 * var(--pet-row, 0) * var(--pet-frame-h, 208px))}to{background-position:calc(-1 * var(--pet-frames, 6) * var(--pet-frame-w, 192px)) calc(-1 * var(--pet-row, 0) * var(--pet-frame-h, 208px))}}@keyframes pet-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pet-assistant__collapsed{background:var(--bg-card, rgba(20, 26, 42, .85));border:var(--glass-border, 1px solid rgba(255, 255, 255, .06));border-radius:999px;padding:6px 12px;font-size:13px;color:var(--text-primary, #e8e8ee);cursor:pointer;box-shadow:var(--shadow-card, 0 4px 24px rgba(0, 0, 0, .4))}.pet-assistant__close{background:transparent;border:none;color:var(--text-muted, #5a5f7a);cursor:pointer;font-size:12px;line-height:1;padding:2px 4px}.pet-assistant__close:hover{color:var(--text-primary, #e8e8ee)}@media (max-width: 768px){.pet-assistant{right:12px;bottom:12px}.pet-assistant__bubble{max-width:220px}}.barlist{display:flex;flex-direction:column;gap:4px}.barlist-empty{color:var(--text-muted);font-size:12px;margin:0}.barlist-item{display:grid;grid-template-columns:minmax(90px,28%) 1fr auto;align-items:center;gap:8px;background:transparent;border:none;width:100%;text-align:left;padding:3px 0;font:inherit;color:var(--text-primary)}button.barlist-item{cursor:pointer}button.barlist-item:hover .barlist-fill{filter:brightness(1.15)}.barlist-item.is-active .barlist-label{color:var(--color-accent)}.barlist-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.barlist-track{height:14px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.barlist-fill{display:block;height:100%;background:var(--color-accent, #42a5f5);border-radius:4px;transition:width .2s ease}.barlist-value{font-variant-numeric:tabular-nums;font-size:12px;text-align:right;white-space:nowrap;color:var(--text-primary)}.barlist-hint{display:block;font-size:10px;color:var(--text-muted)}.zra-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0000008c;padding:16px;overflow:hidden}.zra-panel{width:100%;max-width:1280px;height:100%;margin:0 auto;background:var(--bg-primary, #0f0f0f);border:1px solid var(--border-color);border-radius:12px;overflow-y:auto;padding:16px;box-sizing:border-box}.zra-panel-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:12px}.zra-panel-title{margin:0}.zra-panel-sub{color:var(--text-muted);font-size:12px;margin-top:2px}.zra-mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace}.zra-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px}.zra-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:10px 12px}.zra-kpi-value{display:block;font-size:20px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.zra-kpi-label{font-size:11px;color:var(--text-muted)}.zra-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:12px;margin-bottom:12px}.zra-card-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.zra-card-title{margin:0;font-size:14px}.zra-card-sub{margin:2px 0 0;font-size:11px;color:var(--text-muted)}.zra-card-hint{font-size:11px;color:var(--text-muted)}.zra-empty{color:var(--text-muted);font-size:12px;margin:0}.zra-toolbar{display:flex;align-items:center;gap:8px}.zra-seg{display:inline-flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.zra-seg button{background:transparent;border:none;color:var(--text-secondary);font-size:12px;padding:4px 10px;cursor:pointer}.zra-seg button.is-active{background:var(--color-accent, #42a5f5);color:#fff}.zra-reset{background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;padding:3px 10px;cursor:pointer}.zra-reset:hover{color:var(--text-primary)}.zra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zra-grid .zra-card{margin-bottom:0}.zra-span2{grid-column:1 / -1}.zra-matrix-scroll{overflow:auto;max-height:420px}.zra-matrix{border-collapse:collapse;font-size:12px;min-width:100%}.zra-matrix th,.zra-matrix td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:6px 8px;white-space:nowrap}.zra-matrix thead th,.zra-matrix tfoot td{position:sticky;top:0;background:var(--bg-card);z-index:1}.zra-matrix-corner,.zra-matrix-row-head{position:sticky;left:0;background:var(--bg-card);z-index:2}.zra-matrix thead th.zra-matrix-corner{z-index:3}.zra-matrix-head button,.zra-matrix-row-head button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}.zra-matrix-head.is-active,.zra-matrix-row-head.is-active{color:var(--color-accent)}.zra-matrix-cell{text-align:right;font-variant-numeric:tabular-nums;cursor:pointer}.zra-matrix-cell.is-active{outline:2px solid var(--color-accent);outline-offset:-2px}.zra-matrix-total,.zra-matrix-total-head{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.zra-matrix-total.is-grand{font-weight:700;color:var(--text-primary)}.zra-stack{display:flex;height:18px;border-radius:4px;overflow:hidden;background:var(--bg-primary)}.zra-stack-seg{display:block;height:100%}.zra-tone-0{background:#42a5f5}.zra-tone-1{background:#66bb6a}.zra-tone-2{background:#ffa726}.zra-tone-3{background:#ab47bc}.zra-tone-4{background:#26c6da}.zra-tone-5{background:#ef5350}.zra-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:11px}.zra-legend-item{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary)}.zra-legend-item i{display:inline-block;width:10px;height:10px;border-radius:2px}.zra-legend-item b{color:var(--text-primary)}.zra-cols{display:flex;align-items:flex-end;gap:2px;height:120px}.zra-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.zra-col-bar{display:block;background:var(--color-accent, #42a5f5);border-radius:2px 2px 0 0;min-height:2px}.zra-col-label{display:block;text-align:center;font-size:9px;color:var(--text-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zra-filter-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--bg-card);border:1px solid var(--color-accent);border-radius:8px;padding:8px 12px;font-size:12px;margin-bottom:12px;color:var(--text-primary)}.zra-tables{display:flex;flex-direction:column;gap:8px;margin-top:12px}.zra-details{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.zra-details summary{cursor:pointer;padding:8px 12px;font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-card);-webkit-user-select:none;user-select:none}.zra-details summary span{color:var(--text-muted);font-weight:400;margin-left:6px}.zra-details[open] summary{border-bottom:1px solid var(--border-color)}.zra-details .dt-root{padding:8px}.dt-root{background:var(--bg-card);border:1px solid var(--border-color);border-radius:11px;box-shadow:var(--shadow-surface);padding:0}.dt-toolbar{padding:13px 14px;gap:12px;align-items:center;border-bottom:1px solid var(--border-color)}.dt-search-wrap{position:relative;display:inline-flex;flex:0 1 300px;width:min(300px,100%)}.dt-search-wrap:before{content:"";position:absolute;left:11px;top:50%;width:15px;height:15px;transform:translateY(-50%);background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238795a5' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");opacity:.7;pointer-events:none}.dt-search{width:100%;height:36px;padding:0 11px 0 34px;background:var(--bg-card);border:1px solid var(--border-hover);border-radius:7px;color:var(--text-primary);font-size:12px}.dt-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}.dt-search-clear{right:8px}.dt-check{font-size:11px;color:var(--text-secondary)}.dt-reset{height:31px;padding:0 10px;border:1px solid var(--border-hover);border-radius:7px;background:var(--bg-card);color:var(--text-secondary);font-size:11px;font-weight:600}.dt-reset:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb,var(--color-accent) 45%,var(--border-color))}.dt-hint{font-size:11px}.dt thead th{background:var(--surface-alt);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-weight:650;height:40px;padding:0 12px;font-size:11px}.dt th.dt-sortable:hover,.dt th.dt-sorted{color:var(--color-accent)}.dt .dt-sort-ind{opacity:.4}.dt th.dt-sorted .dt-sort-ind{opacity:1;color:var(--color-accent)}.dt tbody td{background:var(--bg-card);height:47px;padding:6px 12px;border-bottom:1px solid var(--border-color);font-size:12px}.dt tbody tr:hover td{background:color-mix(in srgb,var(--accent-soft) 52%,var(--bg-card))}.dt tbody tr:last-child td{border-bottom:0}.dt .dt-mono{font-size:11px}.dt .dt-empty{padding:45px 20px;color:var(--text-secondary)}.nav-active{color:var(--accent-text)!important;background:var(--accent-soft)!important}.surface-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:11px;box-shadow:var(--shadow-surface)}.filter-card{padding:18px 19px 13px;margin-bottom:20px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.filter-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:var(--text-secondary);min-width:0}.filter-field input,.filter-field select{height:39px;padding:0 11px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:7px;font-size:12px;font-weight:400;outline:none;min-width:0}.filter-field input:focus,.filter-field select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}.filter-actions{display:flex;align-items:center;gap:8px;grid-column:span 4;padding-top:4px}.btn-primary,.btn-outline,.btn-quiet{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 13px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;border:1px solid transparent}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-outline{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-strong)}.btn-outline:hover{background:var(--accent-soft);color:var(--accent-text)}.btn-quiet{background:transparent;color:var(--text-secondary)}.btn-quiet:hover{background:var(--surface-alt);color:var(--text-primary)}.btn-outline.btn-selected,.btn-outline.active{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb,var(--color-accent) 45%,var(--border-color))}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 13px;border:1px solid color-mix(in srgb,var(--color-critical) 40%,transparent);border-radius:7px;background:var(--color-critical-bg);color:var(--color-critical);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-danger:hover{border-color:var(--color-critical)}.btn-small{height:31px;padding:0 10px;font-size:11px}.btn-primary:disabled,.btn-outline:disabled,.btn-quiet:disabled,.btn-danger:disabled{opacity:.55;cursor:not-allowed}.tag{display:inline-flex;align-items:center;padding:4px 7px;min-height:22px;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap}.tag-ok{color:var(--color-online);background:var(--color-online-bg)}.tag-warn{color:var(--color-alert);background:var(--color-alert-bg)}.tag-danger{color:var(--color-critical);background:var(--color-critical-bg)}.tag-accent{color:var(--accent-text);background:var(--accent-soft)}.dt-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:11px}.dt-pager-info{color:var(--text-muted)}.dt-pager-controls{display:flex;align-items:center;gap:8px}.dt-page-btn{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:15px;line-height:1}.dt-page-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.dt-page-btn:disabled{opacity:.4;cursor:not-allowed}.dt-page-current{color:var(--text-secondary);font-weight:600}@media (max-width: 1280px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-actions{grid-column:span 3}}@media (max-width: 920px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{grid-column:span 2}}@media (max-width: 600px){.filter-grid{grid-template-columns:1fr}.filter-actions{grid-column:span 1;flex-wrap:wrap}}.dt-toolbar{margin-bottom:0}.dt-info{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 17px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:11px}.dt-info-title{font-weight:650;color:var(--text-primary)}.dt-info-right{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:var(--text-muted)}.dt-info-right b{font-weight:600;color:var(--text-secondary)}.dt-page-size{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.dt-page-size select{height:26px;padding:0 6px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:5px;font-size:11px;cursor:pointer}.dt-pagination{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--text-secondary)}.dt-page-num{font-size:11px;font-weight:600}.dt-page-btn.dt-page-btn-active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--color-accent) 45%,var(--border-color));color:var(--accent-text)}.dt-page-ellipsis{padding:0 2px;color:var(--text-muted)}.dt-reset-active{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb,var(--color-accent) 45%,var(--border-color))}.dt .dt-sort-button{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin:-4px -2px;padding:4px 2px;border:0;background:transparent;color:inherit;font:inherit;font-weight:650;cursor:pointer;white-space:nowrap}.dt .dt-sort-button:hover{color:var(--color-accent)}.dt .dt-sort-button .dt-sort-ind{margin-left:0;font-size:12px;opacity:.4}.dt .dt-sort-button-active,.dt .dt-sort-button-active:hover{color:var(--color-accent)}.dt .dt-sort-button-active .dt-sort-ind{opacity:1}.dt-col-pop{padding:10px 12px 8px;min-width:230px;border-radius:10px;box-shadow:0 10px 30px #0a141e29}.dt-col-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 8px;margin-bottom:4px;border-bottom:1px solid var(--border-color);font-size:12px;letter-spacing:0;text-transform:none;color:var(--text-primary)}.dt-col-head strong{font-weight:650}.dt-col-close{border:0;background:transparent;color:var(--text-muted);font-size:15px;line-height:1;padding:2px 4px;border-radius:4px;cursor:pointer}.dt-col-close:hover{color:var(--text-primary);background:var(--surface-alt)}.dt-col-actions{justify-content:space-between;padding-top:8px;margin-top:8px}.dt-col-reset{color:var(--color-accent);font-size:11px;padding:4px 2px}.dt-col-reset:hover:not(:disabled){color:var(--color-accent-hover);text-decoration:underline}.dt-col-apply{height:31px;padding:0 12px;border:1px solid var(--color-accent);border-radius:7px;background:var(--color-accent);color:#fff;font-size:11px;font-weight:600}.dt-col-apply:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.id-cell{display:flex;align-items:center;gap:5px;min-width:0}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:-.02em}.copy-btn{opacity:0;flex:none;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:var(--text-muted);padding:3px;cursor:pointer;transition:opacity .12s,color .12s,background .12s}tr:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{color:var(--color-accent);background:var(--accent-soft)}.station-cell,.sku-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.station-cell small,.sku-cell small{color:var(--text-muted);font-size:10px}.numeric{font-variant-numeric:tabular-nums}.time-cell{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.muted-text{color:var(--text-secondary)}.dt tbody td.row-menu-td{width:38px;padding:0 6px;text-align:center}.row-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer}.row-menu-btn:hover{color:var(--color-accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent)}.dt td.dt-empty{padding:0}.dt td.dt-empty:not(:has(.dt-empty-state)){padding:45px 20px}.dt-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:45px 20px;white-space:normal;text-align:center;color:var(--text-secondary)}.dt-empty-state .dt-empty-icon{color:var(--text-muted);margin-bottom:2px}.dt-empty-state strong{font-size:13px;font-weight:650;color:var(--text-primary)}.dt-empty-state span{font-size:11px;color:var(--text-muted)}.dt-empty-state .dt-empty-reset{margin-top:6px}@media (max-width: 920px){.dt-info{flex-direction:column;align-items:flex-start}.dt-info-right{width:100%;justify-content:space-between}}.dt-copy-toast{position:fixed;right:22px;bottom:22px;z-index:1200;display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-card);box-shadow:0 8px 30px #00000021;color:var(--text-primary);font-size:12px;animation:dtToastIn .18s ease-out}.dt-copy-toast-close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:5px;background:transparent;color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer}.dt-copy-toast-close:hover{color:var(--text-primary);background:var(--surface-alt)}@keyframes dtToastIn{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.dt-info-right{gap:8px;font-size:10px}.dt-page-size{display:none}}.plain-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.plain-icon:hover{color:var(--text-primary);background:var(--surface-alt)}.plain-icon:focus-visible,.btn-primary:focus-visible,.btn-outline:focus-visible,.btn-quiet:focus-visible,.row-menu-btn:focus-visible,.copy-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;justify-content:flex-end;background:#090f1759;animation:drawerBackdropIn .16s ease-out}.detail-drawer{width:min(440px,96vw);height:100%;overflow-y:auto;padding:25px;background:var(--bg-card);border-left:1px solid var(--border-color);box-shadow:-16px 0 45px #00000021;color:var(--text-primary);outline:none;animation:drawerSlideIn .18s ease-out}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.drawer-head-copy{min-width:0}.drawer-head h2{margin:0;font-family:var(--font-heading);font-size:20px;font-weight:650;letter-spacing:-.03em;color:var(--text-primary);overflow-wrap:anywhere}.drawer-close{flex:none;margin:-2px -4px 0 0}.drawer-status{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 22px}.detail-grid{display:flex;flex-direction:column}.detail-item{display:flex;flex-direction:column;gap:7px;padding:12px 0;border-bottom:1px solid var(--border-color)}.detail-item>span{color:var(--text-muted);font-size:11px}.detail-item>b{color:var(--text-primary);font-size:12px;font-weight:500;overflow-wrap:anywhere}.detail-item>b.mono{font-family:var(--font-mono);font-size:11px}.drawer-payload{margin:0;padding:10px 12px;max-height:34vh;overflow:auto;border:1px solid var(--border-color);border-radius:7px;background:var(--surface-alt);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.drawer-copy{width:100%;margin-top:22px}.drawer-error{margin:18px 0 0;padding:9px 12px;border:1px solid color-mix(in srgb,var(--color-critical) 35%,transparent);border-radius:7px;background:var(--color-critical-bg);color:var(--color-critical);font-size:12px}@keyframes drawerBackdropIn{0%{opacity:.4}to{opacity:1}}@keyframes drawerSlideIn{0%{transform:translate(18px);opacity:.5}to{transform:translate(0);opacity:1}}.type-tag,.event-tag{display:inline-flex;align-items:center;padding:4px 7px;min-height:22px;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap}.type-in{color:var(--accent-text);background:var(--accent-soft)}.type-out{color:var(--color-alert);background:var(--color-alert-bg)}.type-internal{color:var(--text-secondary);background:var(--surface-alt)}.event-created{color:var(--color-online);background:var(--color-online-bg)}.event-updated{color:var(--color-alert);background:var(--color-alert-bg)}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:1200;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{display:inline-flex;align-items:center;gap:9px;max-width:min(360px,92vw);padding:11px 12px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-card);box-shadow:0 8px 30px #00000021;color:var(--text-primary);font-size:12px;pointer-events:auto;animation:toastIn .18s ease-out}.toast>svg{flex:none;color:var(--color-accent)}.toast-success>svg{color:var(--color-online)}.toast-error>svg{color:var(--color-critical)}.toast-message{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.toast .plain-icon{width:24px;height:24px;flex:none}@keyframes toastIn{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#090f1773;animation:drawerBackdropIn .16s ease-out}.modal-card{display:flex;flex-direction:column;width:min(440px,100%);max-height:90vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 18px 45px #00000038;animation:drawerSlideIn .18s ease-out}.modal-card-wide{width:min(520px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 0}.modal-head h2{margin:0;font-family:var(--font-heading);font-size:18px;font-weight:650;letter-spacing:-.02em;color:var(--text-primary)}.modal-subtitle{margin:5px 0 0;font-size:12px;color:var(--text-secondary)}.modal-subtitle strong{color:var(--text-primary);font-weight:600}.modal-close{flex:none;margin:-2px -6px 0 0}.modal-body{display:flex;flex-direction:column;gap:16px;padding:18px 22px 0}.modal-field{display:flex;flex-direction:column;gap:7px;min-width:0}.modal-field-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary)}.modal-source{color:var(--text-muted);font-size:10px;font-style:normal;font-weight:400}.modal-inline-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.form-check{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:400;color:var(--text-secondary);cursor:pointer}.form-check input[type=checkbox]{width:14px;height:14px;margin:0;padding:0;border:0;background:transparent;accent-color:var(--color-accent);cursor:pointer}.modal-input{width:100%;height:39px;padding:0 11px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:7px;font-size:12px;font-weight:400;outline:none}.modal-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}.modal-input:disabled,.filter-field input:disabled{opacity:.55;cursor:not-allowed}.modal-hint{display:block;font-size:11px;color:var(--text-muted)}.modal-error{padding:9px 12px;border:1px solid color-mix(in srgb,var(--color-critical) 35%,transparent);border-radius:7px;background:var(--color-critical-bg);color:var(--color-critical);font-size:12px}.modal-level-row{display:flex;align-items:center;gap:8px}.modal-remove{flex:none;width:32px;height:32px;color:var(--color-critical)}.modal-remove:hover{color:var(--color-critical);background:var(--color-critical-bg)}.modal-add{align-self:flex-start}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding:16px 22px 20px;border-top:1px solid var(--border-color)}.modal-actions-right{display:flex;align-items:center;gap:8px}@media (max-width: 600px){.detail-drawer{padding:19px 16px}.drawer-head h2{font-size:18px}.toast-stack{right:12px;left:12px;bottom:12px;align-items:stretch}.toast{max-width:none}.modal-head,.modal-body,.modal-actions{padding-left:16px;padding-right:16px}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions-right{flex-direction:column-reverse}.modal-actions .btn-primary,.modal-actions .btn-outline,.modal-actions .btn-quiet{width:100%}}.page-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--border-color)}.page-tab{display:inline-flex;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.page-tab:hover{color:var(--text-primary)}.page-tab.active{color:var(--accent-text);border-bottom-color:var(--color-accent)}.page-tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.page-tab .tag{margin-left:2px}.section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:22px 0 12px}.section-head:first-child{margin-top:0}.section-title{margin:0;color:var(--text-primary);font-family:var(--font-heading);font-size:15px;font-weight:650;letter-spacing:-.015em}.section-note{margin:0 0 14px;color:var(--text-secondary);font-size:12px}.note-muted{color:var(--text-muted);font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin-bottom:22px}.stat-card{display:flex;align-items:center;gap:14px;padding:17px 18px;min-width:0}.stat-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent-text);font-size:15px;font-weight:700}.stat-icon.tag-ok,.stat-icon.is-ok{background:var(--color-online-bg);color:var(--color-online)}.stat-icon.is-warn{background:var(--color-alert-bg);color:var(--color-alert)}.stat-icon.is-danger{background:var(--color-critical-bg);color:var(--color-critical)}.stat-body{display:flex;flex-direction:column;gap:3px;min-width:0}.stat-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stat-value{color:var(--text-primary);font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}.stat-sub{color:var(--text-muted);font-size:11px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px;margin-bottom:18px}.info-card{display:flex;flex-direction:column;gap:12px;padding:17px 18px;min-width:0}.info-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.info-card-title{color:var(--text-primary);font-family:var(--font-heading);font-size:14px;font-weight:650;overflow-wrap:anywhere}.info-card-meta{margin-top:3px;color:var(--text-muted);font-size:11px;overflow-wrap:anywhere}.info-card-value{display:flex;align-items:baseline;gap:7px;color:var(--text-primary);font-family:var(--font-heading);font-size:28px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}.info-card-value small{color:var(--text-secondary);font-size:12px;font-weight:500}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.kv-box{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-alt)}.kv-box-title{margin-bottom:7px;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.kv-list{display:flex;flex-direction:column;gap:5px}.kv-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px}.kv-key{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kv-val{color:var(--text-secondary);font-family:var(--font-mono);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-card{overflow:hidden}.table-card .table-scroll{overflow-x:auto}.table-card table{width:100%;border-collapse:collapse}.table-card thead th{height:40px;padding:0 14px;background:var(--surface-alt);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:10px;font-weight:650;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}.table-card tbody td{height:46px;padding:8px 14px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:12px;vertical-align:middle}.table-card tbody tr:last-child td{border-bottom:0}.table-card tbody tr:hover td{background:color-mix(in srgb,var(--accent-soft) 52%,var(--bg-card))}.table-card td.numeric,.table-card th.numeric{text-align:right;font-variant-numeric:tabular-nums}.table-card td .mono,.code-pill{font-family:var(--font-mono);font-size:11px}.code-pill{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid var(--border-color);border-radius:5px;background:var(--surface-alt);color:var(--accent-text);overflow-wrap:anywhere}.chip{display:inline-flex;align-items:center;gap:6px;height:29px;padding:0 11px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--border-strong));color:var(--text-primary)}.chip.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--color-accent) 45%,var(--border-color));color:var(--accent-text)}.chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.form-card{padding:18px 19px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}.form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.form-hint{display:block;margin-top:2px;color:var(--text-muted);font-size:11px}.error-note{margin:0 0 14px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--color-critical) 35%,transparent);border-radius:7px;background:var(--color-critical-bg);color:var(--color-critical);font-size:12px}.empty-note{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:42px 18px;color:var(--text-secondary);font-size:12px;text-align:center}.empty-note strong{color:var(--text-primary);font-family:var(--font-heading);font-size:14px;font-weight:650}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 42%),var(--bg-primary)}.login-card{width:min(380px,100%);padding:34px 30px 30px;border-radius:14px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;text-align:center}.login-heading{margin:0;color:var(--text-primary);font-family:var(--font-heading);font-size:18px;font-weight:700;letter-spacing:-.02em}.login-subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:12px}.login-form{display:flex;flex-direction:column;gap:14px}.login-submit{width:100%;margin-top:4px;height:41px}.login-footnote{margin:18px 0 0;color:var(--text-muted);font-size:10px;text-align:center}@media (max-width: 600px){.page-tabs{gap:0;overflow-x:auto;flex-wrap:nowrap}.page-tab{white-space:nowrap}.table-card thead th,.table-card tbody td{padding-left:10px;padding-right:10px}}