:root{--primary: #00f2ff;--primary-glow: rgba(0, 242, 255, .4);--secondary: #ff00ea;--secondary-glow: rgba(255, 0, 234, .4);--bg-dark: #05070a;--bg-card: #0d1117;--bg-input: #161b22;--text-main: #e6edf3;--text-muted: #8b949e;--accent-gold: #f2a154;--danger: #ff4d4d;--success: #00ff88}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);font-family:Rajdhani,sans-serif;overflow-x:hidden}#root{display:flex;min-height:100vh}.app-container{display:grid;grid-template-columns:320px 1fr;width:100%}aside{background-color:var(--bg-card);border-right:1px solid rgba(255,255,255,.05);padding:2rem;display:flex;flex-direction:column;gap:2rem}main{padding:3rem;max-width:1200px;margin:0 auto}h1,h2,h3{font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:2px}h1{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5rem;margin-bottom:2rem}.card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 10px 30px #00000080;position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}textarea,input{width:100%;background:var(--bg-input);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-main);padding:.8rem;font-family:inherit;font-size:1rem;outline:none;transition:border-color .3s,box-shadow .3s}textarea:focus,input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:.9rem;border:none}.btn-primary{background:var(--primary);color:var(--bg-dark);box-shadow:0 0 20px var(--primary-glow)}.btn-primary:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 0 30px var(--primary-glow)}.btn-secondary{background:transparent;color:var(--secondary);border:1px solid var(--secondary);box-shadow:0 0 10px var(--secondary-glow)}.btn-secondary:hover{background:var(--secondary);color:var(--text-main)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.unit-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.unit-item{background:var(--bg-input);padding:.8rem;border-radius:8px;text-align:center;border:1px solid transparent;cursor:pointer;transition:all .2s}.unit-item.selected{border-color:var(--primary);background:rgba(0,242,255,.05)}.unit-item span{display:block;font-size:.8rem;margin-top:.4rem}.results{margin-top:2rem;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tech-grid{display:grid;gap:1rem}.stat-val{color:var(--primary);font-weight:700}.losses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.loss-item{background:rgba(0,0,0,.2);padding:1rem;border-radius:8px;text-align:center}.loss-item .val{font-size:1.2rem;display:block}.metal{color:#8b949e}.crystal{color:#00f2ff}.deuterium{color:#cca4e3}@media (max-width: 900px){.app-container{grid-template-columns:1fr}}