:root{--bg-mesh-1: #e8f2ff;--bg-mesh-2: #f0f6fc;--bg-mesh-3: #dceeff;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-strong: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .65);--glass-shadow: 0 8px 32px rgba(15, 23, 42, .06);--glass-shadow-lg: 0 16px 48px rgba(15, 23, 42, .08);--ink: #1c1c1e;--ink-muted: #636366;--border: rgba(60, 60, 67, .12);--accent: #007aff;--accent-hover: #0066d6;--accent-soft: rgba(0, 122, 255, .12);--amber: #ff9500;--amber-bg: rgba(255, 149, 0, .14);--teal-bg: rgba(0, 122, 255, .12);--slate-bg: rgba(142, 142, 147, .16);--danger: #ff3b30;--danger-bg: rgba(255, 59, 48, .12);--success: #34c759;--sidebar-w: 240px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px;--font: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--blur: blur(20px) saturate(180%)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg-mesh-2);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 60% at 10% 10%,var(--bg-mesh-1) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 90% 20%,var(--bg-mesh-3) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 90%,rgba(200,220,255,.5) 0%,transparent 45%),var(--bg-mesh-2)}.mesh-orb{position:fixed;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none;z-index:-1}.mesh-orb-1{width:320px;height:320px;background:#007aff40;top:-80px;right:10%}.mesh-orb-2{width:240px;height:240px;background:#64b4ff33;bottom:10%;left:5%}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font-family:inherit}.glass{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md)}.app-shell{display:flex;min-height:100vh;padding:1rem;gap:1rem}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;padding:1.25rem .75rem;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.sidebar-brand{padding:.5rem 1rem 1.25rem;font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--ink)}.sidebar nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar nav a{display:block;padding:.55rem 1rem;color:var(--ink-muted);font-size:.9rem;font-weight:500;border-radius:var(--radius-pill);border:none;transition:background .2s,color .2s}.sidebar nav a.active,.sidebar nav a:hover{color:var(--accent);background:var(--accent-soft)}.main{flex:1;min-width:0;animation:fadeSlideIn .35s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-title{margin:0 0 1.25rem;font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.page-subtitle{margin:-.75rem 0 1.25rem;color:var(--ink-muted);font-size:.95rem}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.kpi{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem 1.15rem;box-shadow:var(--glass-shadow);transition:transform .2s,box-shadow .2s}.kpi:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-lg)}.kpi-label{font-size:.72rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.kpi-value{font-family:var(--mono);font-size:1.65rem;font-weight:600;margin-top:.2rem;letter-spacing:-.02em}.panel{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:1rem;box-shadow:var(--glass-shadow);overflow:hidden}.panel-header{padding:.85rem 1.15rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.75rem}.panel-body{padding:0}.chart-panel{padding:1.15rem}table.data{width:100%;border-collapse:collapse;font-size:.875rem}table.data th,table.data td{padding:.65rem 1.15rem;text-align:left;border-bottom:1px solid var(--border)}table.data th{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-weight:600}table.data tr:last-child td{border-bottom:none}.mono{font-family:var(--mono);font-size:.85em}.badge{display:inline-block;padding:.2rem .55rem;font-size:.72rem;font-weight:600;border-radius:var(--radius-pill)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-teal{background:var(--teal-bg);color:var(--accent)}.badge-slate{background:var(--slate-bg);color:var(--ink-muted)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border:1px solid var(--border);background:var(--glass-bg-strong);color:var(--ink);cursor:pointer;border-radius:var(--radius-pill);transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:var(--danger-bg)}.btn-ghost{background:transparent;border-color:transparent}.form-grid{display:grid;gap:.95rem;max-width:520px}.form-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--ink-muted)}.form-grid input,.form-grid select{padding:.6rem .85rem;border:1px solid var(--border);font-size:.9rem;border-radius:var(--radius-sm);background:var(--glass-bg-strong);color:var(--ink)}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.checkbox-row{flex-direction:row!important;align-items:center;gap:.5rem!important}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}.login-box{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.25rem;width:100%;max-width:400px;box-shadow:var(--glass-shadow-lg);animation:fadeSlideIn .4s ease-out}.login-box h1{margin:0 0 .35rem;font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.login-box p{margin:0 0 1.5rem;color:var(--ink-muted);font-size:.9rem}.login-links{margin-top:1.25rem;text-align:center;font-size:.85rem}.error{color:var(--danger);font-size:.85rem;margin-top:.5rem}.empty{padding:2.5rem;text-align:center;color:var(--ink-muted);font-size:.875rem}.qr-panel{padding:1.5rem;text-align:center}.qr-panel img{max-width:280px;border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.expand-row{cursor:pointer}.expand-row:hover td{background:#007aff0a}.sub-table{background:#fff6}.sub-table td{padding-left:2rem!important}.actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.toolbar select,.toolbar input{padding:.45rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass-bg-strong)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.chart-card{padding:1.15rem}.chart-card h3{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--ink-muted)}.sparkline-row{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.sparkline-card{flex:0 0 140px;padding:.85rem;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border)}.sparkline-card .label{font-size:.72rem;color:var(--ink-muted);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.otp-inputs{display:flex;gap:.5rem;justify-content:center}.otp-inputs input{width:2.75rem;height:3rem;text-align:center;font-size:1.25rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass-bg-strong)}.gauge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.gauge-item{text-align:center}.gauge-item .name{font-size:.75rem;color:var(--ink-muted);margin-top:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-hero{margin-bottom:1.5rem}.owner-hero h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.03em}.owner-hero p{margin:.35rem 0 1rem;color:var(--ink-muted)}.lang-switch{display:inline-flex;gap:.15rem;padding:.2rem;border-radius:var(--radius-pill);background:#ffffff8c;border:1px solid var(--border)}.lang-switch button{border:none;background:transparent;color:var(--ink-muted);font:inherit;font-size:.75rem;font-weight:600;padding:.3rem .55rem;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s,color .15s}.lang-switch button.active{background:var(--accent-soft);color:var(--accent)}.sidebar-lang{padding:0 .75rem .75rem}.login-lang{display:flex;justify-content:center;margin-top:1rem}.log-error{margin-top:.25rem;font-size:.82rem;color:var(--danger);word-break:break-word;line-height:1.35}@media(max-width:768px){.app-shell{flex-direction:column;padding:.75rem}.sidebar{width:100%;padding:.75rem}.sidebar nav{flex-direction:row;overflow-x:auto;gap:.35rem}.sidebar nav a{white-space:nowrap;font-size:.82rem}.main{padding:0}.page-title{font-size:1.4rem}}