:root{--font-sans:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ink:#0f172a;--ink-muted:#475569;--ink-faint:#94a3b8;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--border:#94a3b873;--border-strong:#64748b59;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#4f46e51a;--accent-glow:#6366f159;--success:#059669;--success-soft:#0596691f;--danger:#dc2626;--danger-soft:#dc26261a;--warn:#b45309;--warn-soft:#b453091a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a0f, 0 10px 24px -6px #0f172a14;--shadow-lg:0 12px 40px -12px #0f172a26, 0 4px 12px #0f172a0f;--shadow-card:0 0 0 1px var(--border), var(--shadow-md)}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-sans);font-optical-sizing:auto;color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#e8eef9;background-image:radial-gradient(120% 80% at 50% -30%,#818cf859,#0000 55%),radial-gradient(80% 50% at 100% 0,#38bdf81f,#0000 45%),radial-gradient(60% 40% at 0 100%,#a78bfa26,#0000 40%);background-attachment:fixed;margin:0}.page{max-width:1120px;margin:0 auto;padding:28px 20px 48px}.app-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:20px}.app-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.app-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.user-pill{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--ink-muted);border-radius:999px;padding:6px 10px;font-size:.8rem}.app-header h1{letter-spacing:-.03em;background:linear-gradient(135deg,#1e1b4b 0%,#4338ca 45%,#6366f1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:clamp(1.5rem,3vw,1.85rem);font-weight:700}.subtitle{color:var(--ink-muted);max-width:52ch;margin:0;font-size:.95rem;line-height:1.5}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:32px 20px;display:flex}.login-page h1{text-align:center}.login-page .subtitle{text-align:center;margin-bottom:24px}.login-panel{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:28px 28px 24px}.login-form{gap:14px;margin:0;display:grid}.login-form input{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);width:100%;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface);outline:none}.toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;padding:20px;display:grid}.form input,.form button{padding:10px 12px}.form input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);font-family:inherit;font-size:.9rem}.form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface);outline:none}.form label{color:var(--ink-muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-top:8px;display:grid}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #ffffffb3;padding:0;transition:box-shadow .2s,transform .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.card-head{background:linear-gradient(180deg, var(--surface-2) 0%, var(--surface) 100%);border-bottom:1px solid var(--border);padding:18px 20px 16px}.card-head h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;font-size:1.15rem;font-weight:600}.card-head>p{font-family:var(--font-mono);color:var(--ink-faint);margin:0 0 10px;font-size:.8rem}.status-pill{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill.ok{background:var(--success-soft);color:var(--success)}.status-pill.off{background:var(--surface-3);color:var(--ink-muted)}.login-page .error{text-align:center;width:100%;max-width:400px;margin-bottom:16px}.card-body{padding:16px 20px 20px}.row{flex-wrap:wrap;gap:8px;display:flex}.row-actions{margin-bottom:4px}.connector{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--surface-2) 0%, var(--surface) 100%);margin-top:12px;padding:14px 14px 12px}.connector:first-of-type{margin-top:0}.connector h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:0 0 8px;font-size:.8rem;font-weight:600}.connector>p{color:var(--ink);margin:0 0 6px;font-size:.9rem}.empty-hint{color:var(--ink-muted);text-align:center;grid-column:1/-1;margin:0;padding:32px 16px;font-size:.95rem}button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;padding:9px 14px;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s}button:hover:not(:disabled){background:var(--surface-3);border-color:var(--ink-faint)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, #6366f1 0%, var(--accent) 100%);color:#fff;border-color:#0000;box-shadow:0 1px 2px #4338ca59}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg, #818cf8 0%, var(--accent-hover) 100%);color:#fff;box-shadow:0 4px 14px var(--accent-glow);border-color:#0000}.btn-ghost{color:var(--ink-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.btn-danger{background:var(--surface);color:var(--danger);border-color:#dc262659}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn-accent{background:var(--accent-soft);color:var(--accent);border-color:#4f46e559}.btn-accent:hover:not(:disabled){border-color:var(--accent);background:#4f46e52e}.btn-sm{padding:7px 12px;font-size:.8125rem}.ok{color:var(--success)}.off{color:var(--ink-muted)}.warn{color:var(--warn);background:var(--warn-soft);border-radius:var(--radius-sm);border:1px solid #b4530933;margin:8px 0 0;padding:8px 10px;font-size:.85rem}.error{border-radius:var(--radius-md);color:#b91c1c;background:linear-gradient(#fef2f2 0%,#fff1f2 100%);border:1px solid #f8717173;margin-bottom:12px;padding:12px 14px;font-size:.9rem}.meter-soc{border-radius:var(--radius-sm);color:var(--ink);font-variant-numeric:tabular-nums;background:#4f46e50f;border:1px solid #4f46e51f;margin:8px 0 0;padding:10px 12px;font-size:.875rem}.custom-ocpp{border-radius:var(--radius-md);background:linear-gradient(145deg,#fffbeb 0%,#fff7ed 100%);border:1px solid #fbbf2440;margin-top:16px;padding:14px 16px}.custom-ocpp-label{text-transform:uppercase;letter-spacing:.07em;color:#92400e;margin-bottom:8px;font-size:.72rem;font-weight:700;display:block}.custom-ocpp-textarea{box-sizing:border-box;width:100%;font-family:var(--font-mono);border-radius:var(--radius-sm);resize:vertical;min-height:88px;color:var(--ink);background:#ffffffd9;border:1px solid #b4530933;margin-bottom:10px;padding:10px 12px;font-size:.78rem;line-height:1.45}.custom-ocpp-textarea:focus{border-color:#d97706;outline:none;box-shadow:0 0 0 3px #fbbf2459}.activity-feed{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);max-height:220px;margin-top:16px;padding:14px 16px;overflow:auto}.activity-feed-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0 0 10px;font-size:.7rem;font-weight:700}.activity-feed-list{margin:0;padding:0;list-style:none}.activity-feed-item{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:8px 0;font-size:.84rem;display:flex}.activity-feed-item:last-child{border-bottom:none}.activity-feed-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-faint);flex:none;font-size:.75rem}.activity-feed-msg{color:var(--ink);line-height:1.4}.activity-feed-empty{color:var(--ink-faint);padding:8px 0;font-size:.85rem;font-style:italic}.busy-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.busy-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);flex-direction:column;align-items:center;gap:14px;min-width:240px;padding:28px 36px;display:flex}.busy-text{color:var(--ink-muted);text-align:center;margin:0;font-size:.95rem}.spinner{border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:24px 26px}.modal h3{letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;font-size:1.1rem;font-weight:600}.modal-hint{color:var(--ink-muted);margin:0 0 16px;font-size:.875rem;line-height:1.55}.modal-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.modal input[type=text],.modal input[type=number]{box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;margin-bottom:16px;padding:11px 14px;font-family:inherit;font-size:.95rem}.modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface);outline:none}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn-secondary{background:var(--surface-3);border-color:var(--border-strong);color:var(--ink-muted)}.btn-secondary:hover:not(:disabled){color:var(--ink);background:#e2e8f0}.skeleton-card{border-radius:var(--radius-lg);background:var(--surface);min-height:180px;box-shadow:var(--shadow-card);padding:20px}.skeleton-line{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.2s ease-in-out infinite shimmer}.skeleton-line.w-60{width:60%}.skeleton-line.w-40{width:40%}.skeleton-line.w-30{width:30%}.skeleton-line.mt{margin-top:12px}.skeleton-block{border-radius:var(--radius-md);background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;height:80px;margin-top:14px;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}pre{color:#e2e8f0;border-radius:var(--radius-sm);max-height:260px;font-family:var(--font-mono);background:#0f172a;padding:12px;font-size:.8rem;overflow:auto}