:root{--primary:#081f4d;--primary-light:#123f80;--primary-glow:#1f56a3;--accent:#29d6ff;--accent-hover:#35e8ff;--sidebar-width:280px;--text-light:#eff6ff;--text-muted:#73839b;--bg-gradient-1:#edf4ff;--bg-gradient-2:#e3eefc;--bg-gradient-3:#f4fbf8;--glass-bg:#ffffff9e;--glass-border:#ffffff85;--glass-shadow:0 20px 44px #0a1e4d29;--glass-blur:18px;--footer-height:86px;--mobile-nav-height:52px;--mobile-header-height:77px;--mobile-footer-height:46px}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at 0 8%, #29d6ff14, transparent 45%), linear-gradient(140deg, var(--bg-gradient-1), var(--bg-gradient-2) 45%, var(--bg-gradient-3));color:#1a1a2e;-webkit-font-smoothing:antialiased;max-width:100vw;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.vtx-native-shell{isolation:isolate;background:radial-gradient(circle at 22% 4%,#29d6ff38,#0000 38%),radial-gradient(circle at 83% 14%,#081f4d3d,#0000 34%),radial-gradient(circle at 48% 72%,#ffffff8a,#0000 58%),linear-gradient(155deg,#f4f8ff 0%,#edf5ff 46%,#f5fbf8 100%);min-height:100%;position:relative}.vtx-native-shell:after{content:"";z-index:-1;pointer-events:none;opacity:.95;background:radial-gradient(circle at 70% 8%,#29d6ff29,#0000 46%),radial-gradient(circle at 16% 76%,#081f4d21,#0000 42%);position:fixed;inset:-15vh -8vw 20vh}.vtx-native-shell:before{content:"";z-index:-2;pointer-events:none;opacity:.045;filter:saturate(.92);background:url(../../../images/logo.png) right -34vw center/56vw no-repeat;position:fixed;inset:0}.vtx-native-surface{-webkit-backdrop-filter:blur(12px)saturate(1.1);background:#f8faff94}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:14px}.detail-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:14px;margin-bottom:1.25rem;padding:1.5rem}.page{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);color:var(--text-light);z-index:20;background:linear-gradient(185deg,#071a3ffa 0%,#0d306afa 100%);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.brand-header{text-align:center;border-bottom:1px solid #ffffff14;padding:1.3rem 1rem 1rem}.brand-logo{max-width:100%;max-height:306px;margin:0 auto;display:block}.brand-title{color:#fff;letter-spacing:.5px;opacity:.9;margin:.6rem 0 0;font-size:1.3rem;font-weight:600}.desktop-nav{flex:1;min-height:0;padding-bottom:1rem;overflow:hidden auto}.main-area{min-width:0;min-height:100vh;max-width:calc(100vw - var(--sidebar-width));flex-direction:column;flex:1;display:flex;overflow-x:hidden}main{flex:1;min-width:0;max-width:100%;padding:2rem 2.5rem;overflow:hidden auto}.content{min-width:0;max-width:100%;overflow-x:hidden}.content h3{color:var(--primary);letter-spacing:-.3px;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.site-footer{width:100vw;min-height:var(--footer-height);z-index:1100;-webkit-backdrop-filter:blur(12px);color:var(--text-light);background:linear-gradient(#0d1b3ef7,#1a3a6bf7);border-top:1px solid #ffffff14;padding:1rem 2rem .75rem;position:fixed;bottom:0;left:0;right:0}.footer-inner{align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.footer-section{flex:1;min-width:0}.footer-logo{display:none}.footer-copy{opacity:.7;margin:0 0 .15rem;font-size:.72rem}.footer-version{opacity:.5;margin:0;font-family:monospace;font-size:.65rem}.footer-social{flex:none;align-items:center;gap:.5rem;display:flex}.footer-social a{width:32px;height:32px;color:var(--text-muted);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.footer-social a:hover{background:var(--accent);color:#fff}.footer-social svg{fill:currentColor;width:16px;height:16px}.footer-policies{flex:none;align-items:center;gap:1rem;display:flex}.footer-policies a{opacity:.7;white-space:nowrap;font-size:.7rem}.footer-policies a:hover{opacity:1}.page-public{width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.main-public{isolation:isolate;background:radial-gradient(circle at 50% 12%, #29d6ff29, transparent 34%), radial-gradient(circle at 70% 74%, #081f4d1c, transparent 36%), linear-gradient(135deg, var(--bg-gradient-1), var(--bg-gradient-2));flex:1;justify-content:center;align-items:center;min-width:0;padding:1.25rem;display:flex;position:relative;overflow:hidden}.main-public:before{content:"";z-index:-1;pointer-events:none;opacity:.045;filter:saturate(.92);background:url(../../../images/logo.png) 50%/36rem no-repeat;position:fixed;inset:0}.login-screen{place-items:center;width:100%;min-width:0;min-height:100dvh;padding:clamp(1rem,4vh,2.25rem) 0;display:grid}.login-card{background:var(--glass-bg);width:min(23.5rem,100%);max-height:calc(100dvh - 2rem);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:14px;padding:clamp(1.15rem,2.8vw,1.55rem);overflow-y:auto}.login-logo{object-fit:contain;max-width:min(12rem,70%);max-height:7rem;margin:0 auto .65rem;display:block}.login-card h1,.login-card h2{color:var(--primary);letter-spacing:0;margin:.25rem 0 .45rem;line-height:1.08}.login-card h1{font-size:clamp(1.65rem,4.5vw,2.1rem)}.login-card h2{font-size:clamp(1.25rem,3.8vw,1.55rem)}.login-copy{color:var(--text-muted);margin:0 0 .85rem;font-size:.86rem;line-height:1.45}.login-mode-nav{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;margin-bottom:.85rem;display:flex}.login-mode-tab{min-height:2.15rem;color:var(--primary);cursor:pointer;background:#00b4d814;border:1px solid #00b4d82e;border-radius:10px;flex:9.5rem;justify-content:center;align-items:center;padding:.42rem .7rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.login-mode-tab:hover,.login-mode-tab:focus-visible{background:#00b4d824;border-color:#00b4d852;box-shadow:0 0 0 .16rem #00b4d82e}.login-mode-tab.is-active{color:#f8fafc;background:linear-gradient(135deg,#00b4d8e6,#0096b4e0);border-color:#00b4d8f5;box-shadow:0 .65rem 1.35rem #00b4d82e}.login-qr-panel{flex-direction:column;align-items:center;gap:.65rem;padding:.75rem 0 0;display:flex}.login-qr-image{background:#fff;border-radius:10px;width:min(178px,72vw);height:min(178px,72vw);padding:8px;box-shadow:0 4px 12px #00000014}.login-qr-image svg{width:100%;height:100%}.login-qr-placeholder{color:var(--text-muted);text-align:center;padding:3rem 1rem}.login-qr-status{color:var(--text-muted);text-align:center;font-size:.82rem}.login-qr-link{color:var(--accent);font-size:.82rem;font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.72rem;font-weight:600}.table{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);border-radius:14px;overflow:hidden}.table th{-webkit-backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.6px;background:#0d1b3eb3;border:none;padding:.8rem 1rem;font-size:.75rem;font-weight:600}.table td{vertical-align:middle;background:0 0;border-bottom:1px solid #dce1ea80;padding:.7rem 1rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fff6}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1.4rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px #00b4d833}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #00b4d84d}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--primary)}.btn-secondary:hover{background:#ffffffb3;border-color:#c0c8d8}.form-control,.form-select{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:#1a1a2e;border-radius:10px;width:100%;padding:.6rem .9rem;font-size:.9rem;transition:all .2s}.form-control:focus,.form-select:focus{border-color:var(--accent);background:#ffffffb3;outline:none;box-shadow:0 0 0 4px #00b4d826}.form-label{color:var(--primary);letter-spacing:.3px;text-transform:uppercase;margin-bottom:.35rem;font-size:.8rem;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.3em .7em;font-size:.7rem;font-weight:700}.bg-success{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#059669bf!important}.bg-warning{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#d97706bf!important}.bg-info{background:var(--accent)!important}.nav-icon{fill:currentColor;flex-shrink:0;width:26px;max-width:26px;height:26px;max-height:26px}.filter-bar{gap:.5rem;margin-bottom:1.25rem;display:flex}.filter-bar .btn{border-radius:20px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.mobile-bottom-nav,.ai-mobile-menu-overlay,.ai-mobile-menu-panel{display:none}.flyout-overlay{z-index:2800;background:#040e2275;position:fixed;inset:0}.flyout-panel{z-index:2810;-webkit-backdrop-filter:blur(18px)saturate(1.14);background:#f8faffdb;border-left:1px solid #ffffff94;flex-direction:column;width:min(520px,92vw);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-18px 0 48px #081f4d47}.flyout-header{background:#ffffff6b;border-bottom:1px solid #081f4d1a;flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.flyout-header h4{color:var(--primary);margin:0;font-size:1.05rem;font-weight:800}.flyout-body{flex:1;min-height:0;padding:1rem 1.25rem 1.5rem;overflow-y:auto}@media (width<=768px){:root{--mobile-header-height:94px;--mobile-footer-height:46px}body{font-size:14px;line-height:1.38}h1{font-size:1.55rem}h2{font-size:1.28rem}h3,.content h3{margin-bottom:1rem;font-size:1.12rem}h4{font-size:.98rem}.sidebar{z-index:2650!important;width:100vw!important;height:var(--mobile-header-height,94px)!important;min-height:var(--mobile-header-height,94px)!important;padding:calc(.48rem + env(safe-area-inset-top,0px)) 1rem .48rem!important;border-bottom:1px solid #2ee6ff3d!important;border-right:0!important;position:fixed!important;top:0!important;left:0!important;right:0!important;overflow:hidden!important}.sidebar .brand-header{border-bottom:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:100%!important;padding:0!important;display:flex!important}.sidebar .brand-logo{width:auto!important;max-height:72px!important}.sidebar .brand-title{margin-top:.18rem!important;font-size:.82rem!important;line-height:1!important}.page{padding-top:calc(var(--mobile-header-height,94px) + env(safe-area-inset-top,0px))!important}.site-footer{border-top:1px solid #ffffff1f;left:0!important;right:0!important;bottom:var(--mobile-nav-height,52px)!important;width:100vw!important;max-width:100vw!important;min-height:var(--mobile-footer-height,46px)!important;height:var(--mobile-footer-height,46px)!important;z-index:2440!important;padding:.34rem .75rem!important;display:block!important;position:fixed!important;overflow:hidden!important}.site-footer .footer-inner{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:.45rem!important;max-width:none!important;height:100%!important;display:grid!important}.site-footer .footer-brand{min-width:0!important}.site-footer .footer-copy{opacity:.78!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.58rem!important;line-height:1.15!important;display:block!important;overflow:hidden!important}.site-footer .footer-version{opacity:.55!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.52rem!important;line-height:1.1!important;overflow:hidden!important}.site-footer .footer-social{gap:.35rem!important}.site-footer .footer-social a{width:24px!important;height:24px!important}.site-footer .footer-social svg{width:13px!important;height:13px!important}.site-footer .footer-policies{display:none!important}.mobile-bottom-nav{border-top:1px solid #081f4d1f;position:fixed;left:0;right:0;box-shadow:0 -12px 30px #081f4d29;z-index:2450!important;padding:.28rem max(.55rem, env(safe-area-inset-left,0px)) .28rem max(.55rem, env(safe-area-inset-right,0px))!important;height:var(--mobile-nav-height,52px)!important;min-height:var(--mobile-nav-height,52px)!important;max-height:var(--mobile-nav-height,52px)!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:.25rem!important;display:grid!important;bottom:0!important;overflow:hidden!important}.mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;min-height:44px;color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;font-size:.54rem;font-weight:700;line-height:1;display:flex}.mobile-bottom-nav .nav-icon{width:21px;height:21px}.ai-mobile-menu-overlay{z-index:2400;opacity:0;pointer-events:none;background:#040e225c;transition:opacity .16s;display:block;position:fixed;inset:0}.ai-mobile-menu-overlay.open{opacity:1;pointer-events:auto}.ai-mobile-menu-panel{left:max(.75rem, env(safe-area-inset-left,0px));right:max(.75rem, env(safe-area-inset-right,0px));top:env(safe-area-inset-top,0px);bottom:calc(var(--mobile-nav-height,52px) + var(--mobile-footer-height,46px) + .75rem);z-index:2500;max-height:none;transform:translateY(calc(100% + var(--mobile-nav-height)));opacity:0;pointer-events:none;border:1px solid #ffffff94;border-radius:0 0 16px 16px;flex-direction:column;transition:transform .18s,opacity .18s;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 60px #081f4d52}.ai-mobile-menu-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.ai-mobile-menu-header{border-bottom:1px solid #081f4d1a;flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.ai-mobile-menu-footer{z-index:3;color:var(--text-light);background:#081f4df0;border-bottom:1px solid #081f4d1a;flex:none;min-height:0;padding:.48rem .65rem;position:relative;top:0;visibility:visible!important;display:block!important}.ai-mobile-menu-footer-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.42rem .65rem;min-width:0;display:grid}.ai-mobile-menu-footer .footer-brand{grid-column:1}.ai-mobile-menu-footer .footer-social{grid-area:1/2}.ai-mobile-menu-footer .footer-policies{flex-wrap:wrap;grid-column:1/-1;gap:.55rem;min-width:0;display:flex}.ai-mobile-menu-footer .footer-copy{color:var(--text-light);opacity:.82;margin:0 0 .1rem;font-size:.6rem;line-height:1.2;display:block!important}.ai-mobile-menu-footer .footer-version,.ai-mobile-menu-footer .footer-policies a{color:var(--text-light);opacity:.72;white-space:normal;font-size:.56rem;line-height:1.2}.ai-mobile-menu-footer .footer-social a{width:26px;height:26px}.ai-mobile-menu-title{color:var(--primary);font-size:.88rem;font-weight:800}.ai-mobile-menu-close{width:36px;height:36px;color:var(--primary);cursor:pointer;background:#081f4d14;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.ai-mobile-menu-panel>.nav-main{flex:1;min-height:0;padding:.75rem 1rem 1rem;overflow-y:auto}.ai-mobile-menu-panel .nav-main a,.ai-mobile-menu-panel .nav-popup-toggle,.ai-mobile-menu-panel .nav-more>.nav-more-toggle,.ai-mobile-menu-panel .nav-more-item{color:var(--primary)!important}.ai-mobile-menu-panel .nav-main a:hover,.ai-mobile-menu-panel .nav-popup-toggle:hover,.ai-mobile-menu-panel .nav-more>.nav-more-toggle:hover,.ai-mobile-menu-panel .nav-more-item:hover,.ai-mobile-menu-panel .nav-main a.active,.ai-mobile-menu-panel .nav-popup[open]>.nav-popup-toggle{color:var(--primary)!important;background:#081f4d14!important}.main-area{padding-bottom:calc(var(--mobile-nav-height,52px) + var(--mobile-footer-height,46px))!important;width:100vw!important;min-width:0!important;max-width:100vw!important}main{width:100%!important;min-width:0!important;max-width:100vw!important;padding:.85rem 1rem!important}.content{width:100%!important;min-width:0!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;overflow-x:hidden!important}.content :where(p,li,td,th,input,textarea,select,button,a,span,small){font-size:.92em}.btn,.form-control,.form-select{font-size:.82rem}.badge,.form-label,.eyebrow{font-size:.68rem}.content *,.flyout-panel *{overflow-wrap:anywhere;max-width:100%}.content :where(.glass,.detail-glass,[class*=-card],[class*=-panel],[class*=-section],[class*=-item]){min-width:0!important}.content :where([class*=-grid],[class*=-layout],.dashboard-grid-2col,.kpi-grid,.livetv-grid,.machine-grid,.agent-card-grid,.prompt-grid,.env-grid,.bottleneck-grid,.form-grid,.bug-detail-grid){grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:100%!important}.content :where(.admin-table-wrap,.visions-table-wrap,.detail-glass,.table){-webkit-overflow-scrolling:touch;max-width:100%!important;overflow-x:auto!important}.content :where(table,.admin-table){width:max-content;min-width:100%;max-width:none}.content :where(.filter-bar,.app-tabs,.vision-tabs,.bug-card-row2,.bug-card-actions,.machine-card-head,.agent-card-name,.agent-card-meta){flex-wrap:wrap!important}.content :where(pre,code){white-space:pre-wrap}.glass{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#ffffffb8}.detail-glass{-webkit-backdrop-filter:blur(14px)saturate(1.15);background:#ffffffad}.vtx-native-surface{-webkit-backdrop-filter:blur(12px)saturate(1.1);background:#f8faff94}.flyout-overlay{z-index:3200}.flyout-panel{z-index:3210;width:100vw;max-width:100vw;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);border-top:0;border-left:0;top:0;bottom:0}}pre{-webkit-backdrop-filter:blur(8px);color:#cdd6f4;background:#1e1e2ed9;border:1px solid #ffffff0f;border-radius:10px;padding:1rem 1.25rem;font-size:.82rem;line-height:1.5;overflow-x:auto}.alert-danger{-webkit-backdrop-filter:blur(8px);color:#991b1b;background:#fef2f2b3;border:1px solid #991b1b33;border-radius:10px;padding:.75rem 1rem}