@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&family=Share+Tech+Mono&display=swap";:root{--space-dark:#050810;--glass-panel:#0d121ea6;--neon-cyan:#00f0ff;--neon-blue:#08f;--neon-red:#ff003c;--neon-green:#00ff9d;--text-main:#e2f1ff;--text-muted:#6b829e;--hud-border:#00f0ff33}body{background-color:var(--space-dark);color:var(--text-main);background-image:radial-gradient(circle at 15%,#0088ff0d,#0000 25%),radial-gradient(circle at 85% 30%,#00f0ff0d,#0000 25%);margin:0;padding:0;font-family:Rajdhani,sans-serif;overflow:hidden}.hud-layout{width:100vw;height:100vh;display:flex}.hud-sidebar{background:var(--glass-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--hud-border);z-index:10;flex-direction:column;width:260px;padding:30px 20px;display:flex;box-shadow:5px 0 30px #000c}.brand-hologram{text-align:center;margin-bottom:40px}.brand-hologram h1{letter-spacing:4px;color:var(--neon-cyan);text-shadow:0 0 15px var(--neon-cyan);margin:0;font-size:2.8rem;font-weight:700}.brand-hologram p{color:var(--text-muted);letter-spacing:2px;margin:0;font-size:.9rem}.user-module{border-left:3px solid var(--neon-cyan);background:#00000080;margin-bottom:30px;padding:15px}.user-role{color:var(--neon-cyan);text-transform:uppercase;letter-spacing:2px;font-size:.75rem}.user-name{color:#fff;margin-top:5px;font-size:1.2rem;font-weight:600;display:block}.hud-nav{flex-direction:column;gap:5px;display:flex}.nav-link{color:var(--text-muted);letter-spacing:1px;border-bottom:1px solid #0000;padding:12px 15px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--neon-cyan);border-bottom:1px solid var(--neon-cyan);background:#00f0ff0d;padding-left:25px}.hud-main{flex:1;padding:30px 40px;overflow-y:auto}.operations-grid{grid-template-columns:1fr 320px;gap:30px;margin-bottom:30px;display:grid}.cyber-panel{background:var(--glass-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff0d;border-radius:8px;padding:30px;position:relative}.cyber-panel:before{content:"";border-top:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan);width:20px;height:20px;position:absolute;top:-1px;left:-1px}.panel-title{color:var(--text-main);letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--hud-border);margin-top:0;margin-bottom:25px;padding-bottom:10px;font-size:1.4rem}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.input-group{flex-direction:column;display:flex}.input-group label{color:var(--neon-cyan);letter-spacing:1px;margin-bottom:5px;font-size:.8rem}.cyber-input{border:none;border-bottom:1px solid var(--text-muted);color:#fff;background:#0006;padding:12px;font-family:Share Tech Mono,monospace;font-size:1.1rem;transition:all .3s}.cyber-input:focus{border-bottom:1px solid var(--neon-cyan);box-shadow:0 10px 10px -10px var(--neon-cyan);background:#00f0ff0d;outline:none}.odometer-input{border-bottom:1px solid var(--neon-red);color:var(--neon-red);text-shadow:0 0 5px #ff003c80}.odometer-input:focus{border-bottom:1px solid var(--neon-red);box-shadow:0 10px 10px -10px var(--neon-red);background:#ff003c0d}.cyber-btn{color:var(--neon-cyan);border:1px solid var(--neon-cyan);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;padding:15px;font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 0 10px #00f0ff1a}.cyber-btn:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}.cyber-btn.btn-epc{border-color:var(--neon-blue);color:var(--neon-blue);padding:8px 15px;font-size:1rem}.cyber-btn.btn-epc:hover{background:var(--neon-blue);color:#fff;box-shadow:0 0 15px var(--neon-blue)}.tank-core{flex-direction:column;justify-content:center;align-items:center;display:flex}.tank-cylinder{border:2px solid var(--hud-border);background:#000c;border-radius:60px;width:120px;height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c}.tank-fluid{width:100%;transition:height 1s ease-in-out;position:absolute;bottom:0;box-shadow:0 -5px 20px}.tank-readout{text-align:center;margin-top:20px}.tank-readout h2{color:var(--text-main);margin:0;font-family:Share Tech Mono,monospace;font-size:2.5rem}.tank-readout p{color:var(--text-muted);letter-spacing:1px;margin:5px 0 0}.cyber-table{border-collapse:collapse;width:100%;font-family:Share Tech Mono,monospace}.cyber-table th{color:var(--neon-cyan);text-align:left;border-bottom:1px solid var(--hud-border);letter-spacing:1px;padding:15px;font-family:Rajdhani,sans-serif;font-size:1.1rem}.cyber-table td{color:#a4bada;border-bottom:1px solid #ffffff0d;padding:15px}.cyber-table tr:hover td{color:#fff;background:#00f0ff08}.badge-liters{color:var(--neon-green);text-shadow:0 0 8px #00ff9d66;font-size:1.1rem;font-weight:700}.cyber-action-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;margin:0 5px;padding:5px 8px;font-family:Share Tech Mono,monospace;font-size:.85rem;transition:all .3s}.cyber-action-btn.btn-edit{color:#ffb700}.cyber-action-btn.btn-edit:hover{background:#ffb7001a;border-color:#ffb700;box-shadow:0 0 10px #ffb70066}.cyber-action-btn.btn-delete{color:var(--neon-red)}.cyber-action-btn.btn-delete:hover{border-color:var(--neon-red);background:#ff003c1a;box-shadow:0 0 10px #ff003c66}