*{margin:0;padding:0;box-sizing:border-box}:root{--background: #0a0e14;--foreground: #e6e8eb;--card: #131922;--card-foreground: #e6e8eb;--primary: #2c8fff;--primary-foreground: #ffffff;--secondary: #1e2936;--secondary-foreground: #e6e8eb;--muted: #1e2936;--muted-foreground: #8b92a0;--border: #2a3441;--status-online: #10b981;--status-offline: #6b7280;--status-error: #f04438;--status-warning: #fb923c;--status-charging: #2c8fff;--ocpp-1-6: #8b5cf6;--ocpp-2-0: #06b6d4;--radius: .5rem;--font-size: 16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--foreground);font-size:var(--font-size);line-height:1.5}#app{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s;font-size:1rem}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:#1e7ae8;box-shadow:0 4px 12px #2c8fff33}.btn-secondary{background-color:var(--secondary);color:var(--foreground)}.btn-secondary:hover{background-color:#263748}.input{width:100%;padding:.75rem 1rem;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:1rem;outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2c8fff1a}.input::placeholder{color:var(--muted-foreground)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:calc(var(--radius) - 2px);font-size:.75rem;font-weight:500}.badge-online{background-color:var(--status-online);color:#fff}.badge-offline{background-color:var(--status-offline);color:#fff}.badge-error{background-color:var(--status-error);color:#fff}.badge-charging{background-color:var(--status-charging);color:#fff}.badge-ocpp-16{background-color:#8b5cf61a;color:var(--ocpp-1-6);border:1px solid rgba(139,92,246,.2)}.badge-ocpp-20{background-color:#06b6d41a;color:var(--ocpp-2-0);border:1px solid rgba(6,182,212,.2)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-dot-online{background-color:var(--status-online)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:col-span-2{grid-column:span 2 / span 2}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}h1{font-size:1.875rem;font-weight:600;line-height:1.2}h2{font-size:1.25rem;font-weight:600;line-height:1.4}h3{font-size:1.125rem;font-weight:600;line-height:1.4}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--muted-foreground)}.font-mono{font-family:Courier New,Courier,monospace}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.w-full{width:100%}.progress-bar{height:.5rem;background-color:var(--secondary);border-radius:9999px;overflow:hidden}.progress-fill{height:100%;border-radius:9999px;transition:width .3s}.progress-fill-online{background-color:var(--status-online)}.progress-fill-charging{background-color:var(--status-charging)}.progress-fill-warning{background-color:var(--status-warning)}.page-header[data-v-b31ef97d]{position:sticky;top:0;z-index:20;background:linear-gradient(135deg,#18202cfa,#0f1724fa);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-link[data-v-b31ef97d]{text-decoration:none}.page-header .container[data-v-b31ef97d]{max-width:1440px;margin:0 auto;padding:0 2rem}.header-inner[data-v-b31ef97d]{display:flex;align-items:center;justify-content:space-between;height:80px}.header-left[data-v-b31ef97d]{display:flex;align-items:center;gap:1.25rem}.header-logo[data-v-b31ef97d]{height:56px}.header-text[data-v-b31ef97d]{display:flex;flex-direction:column;gap:.25rem}.page-title[data-v-b31ef97d]{font-size:1.5rem;font-weight:600;color:#f3f4f6}.page-subtitle[data-v-b31ef97d]{font-size:.9rem;color:#9ca3af}.header-right[data-v-b31ef97d]{display:flex;align-items:center;gap:1rem}.header-link[data-v-b31ef97d]{text-decoration:none;color:#f3f4f6}.header-link[data-v-b31ef97d]:link,.header-link[data-v-b31ef97d]:visited,.header-link[data-v-b31ef97d]:hover,.header-link[data-v-b31ef97d]:active,.header-link[data-v-b31ef97d]:focus{color:#f3f4f6;text-decoration:none}.header-right[data-v-b31ef97d]{display:flex;align-items:center;gap:2rem}.header-links[data-v-b31ef97d]{display:flex;gap:1.5rem;margin-right:2rem}.logout-btn[data-v-b31ef97d]{padding:.7rem 1.4rem;background:#7f1d1d;border:1px solid #991b1b;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:.2s}.logout-btn[data-v-b31ef97d]:hover{background:#991b1b;border-color:#b91c1c}@media(max-width:768px){.header-inner[data-v-b31ef97d]{height:64px}.header-logo[data-v-b31ef97d]{height:44px}}.stats-grid[data-v-c1d755fa]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media(max-width:1200px){.stats-grid[data-v-c1d755fa]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid[data-v-c1d755fa]{grid-template-columns:1fr}}.stat-card[data-v-c1d755fa]{background-color:#1e293666;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-header[data-v-c1d755fa]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stat-label[data-v-c1d755fa]{font-size:.6875rem;font-weight:600;color:#7c8ba1;letter-spacing:.05em;text-transform:uppercase}.stat-value[data-v-c1d755fa]{font-size:3.75rem;font-weight:600;color:var(--foreground);line-height:1;margin-bottom:.5rem}.stat-change[data-v-c1d755fa]{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500}.stat-change.positive[data-v-c1d755fa]{color:var(--status-online)}.stat-change.negative[data-v-c1d755fa]{color:var(--status-error)}.main-content[data-v-c1d755fa]{padding:1.5rem 0 4rem}.table-container[data-v-c1d755fa]{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stations-table[data-v-c1d755fa]{width:100%;border-collapse:collapse}.stations-table thead[data-v-c1d755fa]{background-color:#1e293680;border-bottom:1px solid var(--border)}.stations-table th[data-v-c1d755fa]{padding:1rem 1.5rem;font-size:.75rem;font-weight:600;color:#7c8ba1;text-transform:uppercase;text-align:center;vertical-align:middle;letter-spacing:.05em}.stations-table tbody tr[data-v-c1d755fa]{border-bottom:1px solid var(--border);transition:background-color .2s}.stations-table tbody tr[data-v-c1d755fa]:hover{background-color:#2c8fff0d}.stations-table tbody tr[data-v-c1d755fa]:last-child{border-bottom:none}.stations-table td[data-v-c1d755fa]{text-align:center;padding:1.25rem 1.5rem}.station-name-cell[data-v-c1d755fa]{display:flex;flex-direction:column;gap:.25rem}.station-name[data-v-c1d755fa]{font-size:.9375rem;font-weight:500;color:var(--foreground)}.station-location[data-v-c1d755fa]{font-size:.8125rem;color:var(--muted-foreground)}.station-uuid[data-v-c1d755fa]{font-family:monospace;font-size:.875rem;color:#7c8ba1}.ocpp-type[data-v-c1d755fa],.heartbeat-time[data-v-c1d755fa]{font-size:.875rem;color:var(--muted-foreground)}.btn-view-details[data-v-c1d755fa]{padding:.5rem 1rem;background-color:transparent;border:none;color:var(--primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.02em}.btn-view-details[data-v-c1d755fa]:hover{color:#1e7ae8;text-decoration:underline}.pagination[data-v-c1d755fa]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap}.button-pagination[data-v-c1d755fa]{padding:10px 18px;min-width:44px;background-color:#0f1724fa;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.button-pagination[data-v-c1d755fa]:hover:not(:disabled){background-color:#2c8fff;color:#fff;transform:translateY(-2px)}.button-pagination.active[data-v-c1d755fa]{background-color:#2c8fff;color:#fff}.button-pagination[data-v-c1d755fa]:disabled{opacity:.5;cursor:default;transform:none}.filters-container[data-v-c1d755fa]{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.search-bar[data-v-c1d755fa]{display:flex;gap:.75rem}.search-select[data-v-c1d755fa],.search-input[data-v-c1d755fa]{height:42px;padding:0 18px;border-radius:12px;border:1.5px solid var(--border);background-color:var(--card);color:var(--foreground);font-size:16px;font-weight:500;transition:all .2s ease}.search-input[data-v-c1d755fa]{flex:1}.search-select[data-v-c1d755fa]{min-width:260px;cursor:pointer}.search-input[data-v-c1d755fa]:focus,.search-select[data-v-c1d755fa]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2c8fff26}.extra-filters[data-v-c1d755fa]{display:flex;gap:24px;flex-wrap:wrap}.filter-group[data-v-c1d755fa]{display:flex;flex-direction:column;gap:8px;min-width:260px}.filter-group label[data-v-c1d755fa]{font-size:14px;font-weight:600;color:var(--foreground)}.copied-notice{margin-left:10px;color:green;font-size:.9em}.mono{font-family:monospace}.connectors-module[data-v-30829d83]{background:linear-gradient(180deg,#0f1724fa,#0b1220);padding:1rem;border-radius:8px}.connectors-tabs[data-v-30829d83]{display:flex;gap:.5rem}.connector-tab[data-v-30829d83]{flex:1;min-height:60px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1rem 1.2rem;cursor:pointer;font-weight:700;font-size:1.05rem;color:#fff;transition:all .2s}.connector-tab[data-v-30829d83]:hover{background:#2c8fff2e}.connector-tab.active[data-v-30829d83]{background:#2c8fff4d;border-color:#2c8fff;box-shadow:0 0 12px #2c8fff59}.dashboard-container[data-v-30829d83]{margin-top:1rem}.grafana-grid[data-v-30829d83]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grafana-grid iframe[data-v-30829d83]{width:100%;height:260px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.no-data[data-v-30829d83]{color:#ffffff80}.station-live-page[data-v-80862628]{background:transparent;min-height:calc(100vh - 80px);padding-bottom:24px;color:#e5e7eb}.toast-stack[data-v-80862628]{position:fixed;right:20px;top:92px;z-index:1200;display:flex;flex-direction:column;gap:10px}.toast-item[data-v-80862628]{min-width:260px;max-width:420px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0f1724f2;color:#fff;font-size:14px;line-height:1.3;box-shadow:0 8px 24px #00000040}.toast-success[data-v-80862628]{border-color:#4ade8073}.toast-error[data-v-80862628]{border-color:#ef444473}.service-layout[data-v-80862628]{display:block;padding-top:16px}.state-box[data-v-80862628]{background:linear-gradient(180deg,#0f1724fa,#0b1220);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:24px;text-align:center;font-size:18px}.service-panel[data-v-80862628]{background:linear-gradient(180deg,#0f1724fa,#0b1220);padding:16px;border-radius:10px;border:1px solid rgba(255,255,255,.22)}.commands-table[data-v-80862628]{width:100%;margin-top:0;border-radius:8px;background:#ffffff05;overflow:hidden}.stations-table[data-v-80862628]{width:100%;border-collapse:collapse;table-layout:fixed}.stations-table th[data-v-80862628]:nth-child(1),.stations-table td[data-v-80862628]:nth-child(1){width:60px}.stations-table th[data-v-80862628]:nth-child(3),.stations-table td[data-v-80862628]:nth-child(3){width:130px}.stations-table th[data-v-80862628]:nth-child(4),.stations-table td[data-v-80862628]:nth-child(4){width:210px}.stations-table th[data-v-80862628]:nth-child(5),.stations-table td[data-v-80862628]:nth-child(5){width:220px}.stations-table th[data-v-80862628]:nth-child(2),.stations-table td[data-v-80862628]:nth-child(2){width:210px}.stations-table thead th[data-v-80862628]{padding:12px 14px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#9aa4b2;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}.stations-table tbody td[data-v-80862628]{padding:13px 14px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.1)}.stations-table tbody tr:last-child td[data-v-80862628]{border-bottom:none}.stations-table tbody tr:hover td[data-v-80862628]{background:#2c8fff0f}.actions[data-v-80862628]{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.action-btn[data-v-80862628]{padding:11px 18px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;cursor:pointer;font-size:15px;font-weight:600;line-height:1.2}.table-action-btn[data-v-80862628]{border:1px solid rgba(255,255,255,.18)}.action-btn[data-v-80862628]:hover{background:#2c8fff2e;border-color:#2c8fff}.danger[data-v-80862628]{background:#3b1d1d}.pagination[data-v-80862628]{margin-top:16px;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.button-pagination[data-v-80862628]{min-width:42px;padding:9px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;line-height:1.2}.button-pagination.active[data-v-80862628]{background:#2c8fff}.command-status[data-v-80862628]{padding:4px 8px;border-radius:6px;font-size:15px;font-weight:500}.status-ok[data-v-80862628]{color:#4ade80}.status-error[data-v-80862628]{color:#ef4444}.status-pending[data-v-80862628]{color:#facc15}.file-error-text[data-v-80862628]{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.25;font-size:12px;vertical-align:top;color:#ef4444}.fixed-back-btn[data-v-e9cb6d6f]{position:fixed;top:100px;left:20px;z-index:1000;padding:.8rem 1.2rem;font-size:1rem;background-color:#0f1724fa;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;cursor:pointer;transition:all .2s}.fixed-back-btn[data-v-e9cb6d6f]:hover{background-color:#2c8fff;border-color:#2c8fff}.loading-container[data-v-e9cb6d6f],.error-container[data-v-e9cb6d6f]{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:var(--foreground)}.mb-4[data-v-e9cb6d6f]{font-weight:700}.station-info[data-v-e9cb6d6f],.service-panel-card[data-v-e9cb6d6f]{background:linear-gradient(180deg,#0f1724fa,#0b1220)}.info-grid[data-v-e9cb6d6f]{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}.info-row[data-v-e9cb6d6f]{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.15)}.info-row span[data-v-e9cb6d6f]:first-child{color:#9aa4b2;font-size:15px;font-weight:500}.info-row span[data-v-e9cb6d6f]:last-child{font-weight:500}.mono[data-v-e9cb6d6f]{font-family:monospace}.badge[data-v-e9cb6d6f]{font-size:12px;padding:4px 8px;border-radius:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2)}