:root{--bg0:#030712;--bg1:#050b14;--bg2:#07101d;--panel:#050c18c2;--panel-strong:#07101deb;--border:#132238eb;--border-soft:#344f7759;--text:#f6f8fb;--muted:#a7b0c0;--muted2:#707b8e;--blue:#008cff;--blue-dim:#008cff21;--green:#4ade63;--amber:#f59e0b;--purple:#a970ff;--red:#ef3434;color:var(--text);background:var(--bg0);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% -10%, #008cff1f, transparent 34%), radial-gradient(circle at 12% 12%, #008cff0f, transparent 26%), linear-gradient(135deg, var(--bg0), var(--bg1) 48%, var(--bg2));min-width:1180px;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}button,input,select{font:inherit}select option{color:var(--text);background:#07101d}.shell{min-height:100vh}.app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030712d1;border-bottom:1px solid #132238b8;justify-content:space-between;align-items:center;height:72px;padding:0 36px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-logo-lockup{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.brand-logo{object-fit:contain;width:212px;height:auto;display:block}.brand-logo-compact .brand-logo{width:176px}.brand-mark{width:41px;height:41px;color:var(--blue);filter:drop-shadow(0 0 14px #008cff73);place-items:center;display:grid}.brand-title{letter-spacing:-.02em;font-size:19px;font-weight:800}.brand-title span{color:var(--blue)}.brand-subtitle{color:var(--muted);margin-top:0;padding-left:58px;font-size:12px}.operator{color:#fff;align-items:center;gap:14px;display:flex}.avatar-wrap{position:relative}.avatar{border:1px solid var(--border-soft);background:linear-gradient(145deg,#172235,#0c1422);border-radius:50%;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.online-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:1px;box-shadow:0 0 10px #22c55ebf}.operator-name{font-weight:500}.header-separator{background:var(--border);width:1px;height:36px;margin:0 8px}.logout-button{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}.page{padding:34px 36px 44px}.page-heading{margin-bottom:26px}h1{letter-spacing:-.04em;margin:0;font-size:34px;line-height:1.08}.page-heading p{color:var(--muted);margin:12px 0 0;font-size:16px}.filter-card,.table-card,.kpi-card{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 55px #0003}.filter-card{border-radius:8px;grid-template-columns:1.3fr 1fr .72fr .72fr auto;gap:18px;margin-bottom:20px;padding:20px;display:grid}.control,.detail-actions label{border:1px solid var(--border);height:56px;color:var(--muted);background:#0308119e;border-radius:7px;align-items:center;gap:12px;padding:0 15px;transition:border-color .2s,background .2s;display:flex}.control:hover,.detail-actions label:hover{background:#008cff0b;border-color:#008cff8c}.control input,.control select,.detail-actions select{width:100%;color:var(--text);background:0 0;border:0;outline:0}.control input::placeholder{color:var(--muted)}.select-control span,.detail-actions label{flex-direction:column;align-items:stretch;display:flex}.select-control small,.detail-actions small{color:var(--muted);margin-bottom:4px}.select-control select,.detail-actions select{min-width:220px}.date-control input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:132px}.outline-button,.primary-button,.back-button,.icon-button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0308119e;border-radius:7px;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.outline-button{height:56px;padding:0 24px}.outline-button:hover{border-color:#008cff8c}.primary-button{background:linear-gradient(#087fff,#006de0);border-color:#008cffb8;height:56px;padding:0 24px;box-shadow:0 10px 28px #008cff38}.table-card{border-radius:8px;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;color:#c6cedd;border-bottom:1px solid var(--border);padding:20px 32px;font-weight:500}td{color:#f1f5f9;border-bottom:1px solid #132238a3;padding:18px 32px}tbody tr{transition:background .16s}tbody tr:hover{background:#008cff0b}.empty-state{min-height:170px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-state strong{color:var(--text);font-size:17px}.empty-state span{max-width:460px;line-height:1.5}.mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}.pending{color:var(--amber)}.actions{gap:12px;display:flex}.icon-button{width:38px;height:36px}.icon-button.blue{color:var(--blue);background:#008cff0f}.icon-button.red{color:var(--red);background:#ef34340f}.pagination{height:70px;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;display:grid}.rows-control{align-items:center;gap:12px;display:flex}.rows-control select{min-width:76px;height:39px;color:var(--text);border:1px solid var(--border);background:#0308119e;border-radius:7px;padding:0 12px}.page-buttons{align-items:center;gap:12px;display:flex}.page-buttons button{min-width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px}.page-buttons button.active{color:var(--blue);border-color:var(--blue);background:var(--blue-dim)}.page-buttons button:disabled{opacity:.35;cursor:default}.range{justify-self:end}.detail-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.back-button{width:60px;height:54px;color:var(--blue);margin-bottom:18px}.meta-line{color:#d6dce8;align-items:center;gap:16px;margin-top:12px;display:flex}.meta-line span{align-items:center;gap:7px;display:inline-flex}.detail-actions{align-items:flex-end;gap:22px;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px;display:grid}.kpi-card{border-radius:8px;align-items:center;gap:22px;min-height:126px;padding:24px;display:flex}.kpi-card p{color:#e5eaf3;margin:0 0 8px}.kpi-card strong{margin-bottom:8px;font-size:31px;display:block}.kpi-card span{font-weight:700}.kpi-icon{border-radius:50%;place-items:center;width:66px;height:66px;display:grid}.kpi-icon svg{width:30px;height:30px}.blue{color:var(--blue)}.green{color:var(--green)}.amber{color:var(--amber)}.purple{color:var(--purple)}.kpi-icon.blue{background:#008cff21;box-shadow:0 0 28px #008cff38}.kpi-icon.green{background:#4ade631f;box-shadow:0 0 28px #4ade6326}.kpi-icon.amber{background:#f59e0b1f;box-shadow:0 0 28px #f59e0b26}.kpi-icon.purple{background:#a970ff21;box-shadow:0 0 28px #a970ff29}.table-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;padding:16px;display:flex}.table-toolbar .search-control{width:420px}.compact-select{width:270px}.status-badge{border-radius:6px;align-items:center;gap:8px;padding:6px 11px;font-weight:500;display:inline-flex}.status-badge i{border-radius:50%;width:8px;height:8px}.status-badge.detected{color:var(--green);background:#22c55e1c}.status-badge.detected i{background:var(--green)}.status-badge.no_code{color:var(--amber);background:#f59e0b1c}.status-badge.no_code i{background:var(--amber)}.status-badge.failed{color:var(--purple);background:#a970ff1f}.status-badge.failed i{background:var(--purple)}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:#050b14f0;border-radius:8px;width:min(440px,100%);padding:34px;box-shadow:0 24px 70px #00000061}.login-brand{margin-bottom:34px}.login-brand .brand-logo{width:252px}.login-brand .brand-subtitle{padding-left:70px}.login-heading{margin-bottom:24px}.login-heading h1{margin:0 0 8px;font-size:28px}.login-heading p{color:var(--muted);margin:0}.login-control{width:100%;margin-bottom:14px}.login-control input{width:100%}.login-error{color:#fca5a5;background:#7f1d1d33;border:1px solid #ef444459;border-radius:6px;margin-bottom:14px;padding:10px 12px}.login-submit{justify-content:center;width:100%}.login-submit:disabled{opacity:.65;cursor:wait}