:root{--bg:#07090a;--bg-elev:#0e1112;--bg-elev-2:#14181a;--border:#ffffff12;--border-strong:#ffffff1f;--text:#f5f7f6;--text-2:#9aa4a0;--text-3:#6b7672;--accent:#22c55e;--accent-hover:#16a34a;--accent-soft:#22c55e1f;--danger:#ef4444;--danger-hover:#dc2626;--warn-bg:#f59e0b1f;--warn-fg:#fbbf24;--error-bg:#ef44441f;--error-fg:#fca5a5;--success-bg:#22c55e1f;--success-fg:#86efac;--radius:14px;--radius-sm:10px;--radius-lg:20px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #0009}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #22c55e14, transparent 60%), var(--bg);color:var(--text);font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;background:#07090ad9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;display:flex;position:sticky;top:0}header h1{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:600}header h1 span{color:var(--accent)}header>div{align-items:center;gap:12px;display:flex}header>div>span{color:var(--text-2);font-size:13px;font-weight:500}main{max-width:1280px;margin:0 auto;padding:28px 32px}h1,h2,h3{letter-spacing:-.02em}h2{color:var(--text);margin:0 0 16px;font-size:16px;font-weight:600}p{color:var(--text-2);margin:0 0 12px}p:last-child{margin-bottom:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.login{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:400px;box-shadow:var(--shadow-lg);margin:14vh auto;padding:32px}.login h1{text-align:center;margin:0 0 24px;font-size:24px;font-weight:700}.login h1 span{color:var(--accent)}.login form{flex-direction:column;gap:10px;display:flex}.login button{margin-top:6px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.card{background:linear-gradient(180deg, var(--bg-elev), var(--bg-elev-2));border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;transition:border-color .15s;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 0 0,#22c55e0f,#0000 60%);position:absolute;inset:0}.card:hover{border-color:var(--border-strong)}.card small{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.card strong{letter-spacing:-.03em;color:var(--text);font-size:30px;font-weight:700;display:block}section{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:22px}section+section,.grid+section{margin-top:18px}.grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:0;display:grid}.form{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}input,select,textarea{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s;display:block}input::placeholder,textarea::placeholder{color:var(--text-3)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-elev-2);outline:none}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%239aa4a0' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}button{background:var(--accent);color:#021307;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;border:0;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform 50ms,box-shadow .15s}button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 12px #22c55e40}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button[style*="rgb(160, 24, 24)"],button[style*=\#a01818]{background:var(--danger)!important;color:#fff!important}button[style*="rgb(160, 24, 24)"]:hover,button[style*=\#a01818]:hover{background:var(--danger-hover)!important;box-shadow:0 4px 12px #ef444440!important}.station,.row{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin:12px 0;padding:16px 18px;transition:border-color .15s}.station:hover,.row:hover{border-color:var(--border-strong)}.station b,.row b{color:var(--text);font-size:15px;font-weight:600}.station small,.row span{color:var(--text-2);margin-top:4px;font-size:13px;line-height:1.5;display:block}.station label{text-transform:capitalize;color:var(--text-2);grid-template-columns:110px 1fr;align-items:center;gap:12px;margin:8px 0;font-size:13px;font-weight:500;display:grid}.station label input{margin:0}.banner-toast{z-index:50;border-radius:var(--radius);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;max-width:360px;padding:12px 18px;font-size:13px;font-weight:500;animation:.2s slide-in;position:fixed;top:80px;right:24px}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.banner-toast.error{background:var(--error-bg);color:var(--error-fg);border-color:#ef44444d}.banner-toast.success{background:var(--success-bg);color:var(--success-fg);border-color:#22c55e4d}.demo-banner{background:var(--warn-bg);color:var(--warn-fg);text-align:center;border-bottom:1px solid #f59e0b40;padding:10px 16px;font-size:13px;font-weight:500}@media (width<=900px){.cards,.grid{grid-template-columns:1fr}}@media (width<=640px){header{padding:12px 16px}header h1{font-size:16px}main{padding:16px}section{border-radius:12px;padding:16px}.card{padding:16px}.card strong{font-size:24px}.form,.station label{grid-template-columns:1fr}.station label{gap:4px}input,select,button,textarea{font-size:16px}button{width:100%;margin-top:6px}.station,.row{padding:14px}.banner-toast{max-width:none;top:72px;left:12px;right:12px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-elev-2);border:2px solid var(--bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#1f2426}