:root{--bg-dark: #0a0a0a;--bg-sidebar: #141414;--bg-card: #1a1a1a;--border: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-blue: #00bcd4;--accent-red: #e53935;--accent-green: #43a047}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow:hidden}#root{display:flex;height:100vh;width:100vw}.sidebar{width:320px;min-width:320px;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.sidebar-header h1{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),#4dd0e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-header p{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.section{display:flex;flex-direction:column;gap:10px}.section-title{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.input-group{display:flex;flex-direction:column;gap:4px}.input-group.full-width{width:100%}.input-group label{font-size:.75rem;color:var(--text-secondary)}.input-group input{background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text-primary);font-size:.85rem;transition:border-color .2s;width:100%}.input-group input:focus{outline:none;border-color:var(--accent-blue)}.input-group input[type=text]{font-size:.8rem}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input-grid .input-group:last-child:nth-child(odd){grid-column:1 / -1}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-group{display:flex;gap:6px}.btn-equipment{flex:1;padding:8px 6px;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-equipment:hover{border-color:var(--accent-blue)}.btn-equipment.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.calculations{background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;padding:12px}.calc-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:.75rem}.calc-row:last-child{border-bottom:none}.calc-row .label{color:var(--text-secondary)}.calc-row .value{font-weight:600;color:var(--accent-blue)}.calc-row .value.valid{color:var(--accent-green)}.calc-row .value.invalid{color:var(--accent-red)}.btn-download{margin-top:auto;padding:12px;background:linear-gradient(135deg,var(--accent-blue),#0097a7);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00bcd44d}.main-canvas{flex:1;display:flex;align-items:center;justify-content:center;padding:30px;background:linear-gradient(180deg,#0a0a0a,#111)}.canvas-card{background:#fff;border-radius:12px;padding:16px;width:100%;max-width:950px;height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;box-shadow:0 25px 60px #00000080}.canvas-card svg{max-width:100%;max-height:100%}