:root{--bg:#f7f7f8;--surface:#fff;--border:#e2e2e6;--text:#1a1a1e;--text-muted:#6b6b74;--primary:#2f6f4f;--primary-hover:#245a3f;--error:#b3261e;--error-bg:#fdecea;--success:#1e6b3e;--success-bg:#e9f6ee;--radius:8px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}a{color:var(--primary)}.nav{background:var(--surface);border-bottom:1px solid var(--border)}.nav-inner{flex-wrap:wrap;align-items:center;gap:24px;max-width:720px;margin:0 auto;padding:12px 20px;display:flex}.nav-brand{color:var(--text);margin-right:auto;font-weight:600;text-decoration:none}.nav-links{flex-wrap:wrap;gap:16px;display:flex}.nav-links a{color:var(--text-muted);padding:6px 2px;font-size:14px;text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-user{color:var(--text-muted);font-size:14px}.nav-signout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:400}.nav-signout:hover{color:var(--text);background:0 0;text-decoration:underline}main{max-width:720px;margin:0 auto;padding:32px 20px 64px}h1{margin:0 0 4px;font-size:22px}h2{margin:28px 0 12px;font-size:17px}.subtitle{color:var(--text-muted);margin:0 0 24px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.field{margin-bottom:16px}.field label{color:var(--text-muted);margin-bottom:4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:9px 10px;font-family:inherit;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.row{flex-wrap:wrap;gap:16px;display:flex}.row>.field{flex:1;min-width:160px}.radio-group{gap:16px;display:flex}.radio-group label{color:var(--text);align-items:center;gap:6px;font-size:14px;display:flex}.radio-group input{width:auto}button,.button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 18px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}button:hover,.button:hover{background:var(--primary-hover)}.message{border-radius:6px;margin-bottom:20px;padding:10px 14px;font-size:14px}.message.success{background:var(--success-bg);color:var(--success)}.message.error{background:var(--error-bg);color:var(--error)}.list{flex-direction:column;gap:8px;display:flex}.list a{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:6px;justify-content:space-between;padding:12px 14px;text-decoration:none;display:flex}.list a:hover{border-color:var(--primary)}.list .meta{color:var(--text-muted);font-size:13px}.meter-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin:20px 0 8px;font-size:13px;font-weight:600}.meter-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 0;display:flex}.meter-row:last-child{border-bottom:none}.meter-row .meter-label{flex:1;font-size:14px}.meter-row .meter-serial{color:var(--text-muted);font-size:12px}.meter-row input{width:140px}
