@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Spectral:wght@400;600&display=swap";:root{--bg: #f6f1e8;--bg-strong: #e4efe9;--ink: #1a2e2a;--muted: #4f5d5b;--accent: #2a6f62;--accent-strong: #1f4f46;--highlight: #e07a5f;--card: rgba(255, 255, 255, .9);--border: rgba(26, 46, 42, .12);--shadow: 0 24px 60px rgba(26, 46, 42, .18);--radius: 20px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Noto Sans SC,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,#fdf4e3 0%,transparent 45%),radial-gradient(circle at 90% 20%,#e5f3f0 0%,transparent 50%),linear-gradient(120deg,var(--bg),var(--bg-strong));position:relative}body:before,body:after{content:"";position:fixed;width:320px;height:320px;border-radius:40% 60% 55% 45%;background:#2a6f6214;filter:blur(.5px);z-index:-1}body:before{top:-80px;left:-60px}body:after{bottom:-120px;right:-80px;background:#e07a5f1f}#app,.app{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;border-radius:999px;padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button.primary{background:var(--accent);color:#fff;box-shadow:0 12px 24px #2a6f624d}button.primary:hover{transform:translateY(-1px)}button.ghost{background:transparent;color:var(--accent-strong);border:1px solid rgba(31,79,70,.2)}button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--accent);font-weight:600}.sub{color:var(--muted);font-size:1.05rem;line-height:1.6}.field{display:grid;gap:6px;font-weight:500;color:var(--muted)}.field input{border-radius:12px;border:1px solid var(--border);padding:12px 14px;font-size:1rem;font-family:inherit;background:#fffc;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2a6f6233}.status{margin:0;color:var(--muted);font-size:.95rem}.error{margin:0;color:var(--highlight);font-weight:600}.shell{width:min(1400px,96vw);margin:0 auto;padding:28px 0 40px;display:grid;gap:18px;min-height:100vh}.shell-vertical{grid-template-rows:auto 1fr}.brand{display:grid;gap:6px;font-weight:600;font-size:1.1rem}.brand small{color:var(--muted);font-weight:500}.menu{display:grid;gap:12px}.menu.nav-inline{grid-auto-flow:column;gap:10px;justify-content:start;justify-self:start;width:fit-content}.menu a{padding:10px 14px;border-radius:12px;border:1px solid transparent;color:var(--muted);font-weight:600;transition:all .2s ease}.menu a.router-link-active{border-color:#2a6f6240;color:var(--accent-strong);background:#2a6f6214}.topnav{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;box-shadow:var(--shadow)}.content-wide{background:#ffffffe6;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 20px 40px #1a2e2a2e;display:grid;gap:12px}.api-hint{color:var(--muted);font-size:.9rem;display:flex;gap:8px;align-items:center}.sidebar-foot{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}.sidebar-foot .label{letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}.sidebar-foot .value{word-break:break-all}.content{display:grid;gap:24px}.topbar{background:var(--card);border-radius:18px;padding:16px 22px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.topbar .title{font-size:1.2rem;font-weight:600}.topbar .user{display:flex;align-items:center;gap:12px}.topbar .name{color:var(--muted)}.view{background:var(--card);border-radius:22px;padding:28px;border:1px solid var(--border);box-shadow:var(--shadow)}.login-page{width:min(1100px,92vw);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:72px 0;align-items:center}.login-hero{display:grid;gap:18px}.login-hero h1{font-family:Spectral,serif;font-size:clamp(2.4rem,2.2rem + 1.4vw,3.4rem);margin:0;line-height:1.1}.hero-card{display:grid;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--border);background:#ffffffb3}.hero-card .label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.login-panel{background:var(--card);border-radius:var(--radius);padding:32px;border:1px solid var(--border);box-shadow:var(--shadow);display:grid;gap:16px}.panel-sub{margin:0;color:var(--muted)}.form{display:grid;gap:14px;margin-top:8px}.dashboard .welcome{margin-bottom:20px}.dashboard .welcome h2{margin:0 0 6px;font-size:1.6rem}.dashboard .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{border-radius:16px;padding:18px;border:1px solid var(--border);background:#ffffffbf;display:grid;gap:8px}.card .label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.users{display:grid;gap:18px}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.tag--bound{background:#2a6f6226;color:var(--accent-strong)}.tag--idle{background:#4f5d5b1f;color:var(--muted)}.actions{display:flex;gap:8px}button.danger{color:#b42318;border-color:#b423184d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:grid;place-items:center;z-index:20;padding:16px}.modal{width:min(480px,92vw);background:#fff;border-radius:18px;padding:20px;display:grid;gap:14px;box-shadow:0 24px 60px #0f172a4d}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-sub{margin:0;color:var(--muted)}.modal-loading{color:var(--muted)}.qr-wrap{display:grid;place-items:center;padding:12px;border-radius:12px;border:1px dashed rgba(42,111,98,.3)}.qr-wrap img{width:220px;height:220px}.bind-info{display:grid;gap:6px;font-size:.9rem;color:var(--muted)}.bind-url{word-break:break-all;color:var(--accent-strong);font-weight:600;margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.search{display:flex;gap:10px;align-items:center}.search input,.search select{min-width:220px;border-radius:12px;border:1px solid var(--border);padding:10px 12px;background:#ffffffd9}.search select{cursor:pointer}.table-wrap{border-radius:16px;border:1px solid var(--border);overflow:auto;background:#ffffffd9}.table-wrap table{width:100%;border-collapse:collapse;font-size:.95rem}.table-wrap th,.table-wrap td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(26,46,42,.08)}.table-wrap th{background:#2a6f621a;font-weight:600;color:var(--accent-strong)}.table-wrap tbody tr:hover{background:#2a6f620d}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted)}.pager-buttons{display:flex;gap:8px}@media (max-width: 960px){.shell{grid-template-columns:1fr}.menu.nav-inline{grid-auto-flow:row}.topnav{grid-template-columns:1fr}.login-page{grid-template-columns:1fr;padding:48px 0}}@media (max-width: 720px){.menu.nav-inline{grid-auto-flow:row}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.search{width:100%}.search input{flex:1;min-width:0}}.settings h2,.self-meters h2{margin:12px 0 6px}.settings .hint{margin:0 0 12px;color:var(--muted)}.self-meters .layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.meter-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.meter-list li{padding:12px;border:1px solid var(--border);border-radius:12px;cursor:pointer;background:#ffffffb3}.meter-list li.active{border-color:#2a6f6266;background:#2a6f6214}.meter-list .title{font-weight:600}.detail-grid{display:grid;gap:8px}