@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Share+Tech+Mono&display=swap";.nav-bar{background:var(--lcars-black);border-bottom:3px solid var(--lcars-orange);align-items:stretch;height:72px;display:flex}.nav-elbow{background:var(--lcars-orange);border-radius:36px 0 0;flex-shrink:0;width:100px;height:72px}.nav-brand{background:var(--lcars-orange);clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%);flex-direction:column;justify-content:flex-end;padding:6px 44px 6px 24px;display:flex}.nav-title{font-family:var(--font-display);color:var(--lcars-black);letter-spacing:.2em;font-size:1.1rem;font-weight:900;line-height:1.2}.nav-subtitle{font-family:var(--font-mono);color:#0009;letter-spacing:.15em;text-transform:uppercase;font-size:.65rem}.nav-user{flex:1;justify-content:flex-end;align-items:center;gap:20px;padding:0 24px;display:flex}.nav-user-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.nav-user-label{font-family:var(--font-mono);color:var(--lcars-text-dim);letter-spacing:.2em;font-size:.6rem}.nav-user-name{font-family:var(--font-display);color:var(--lcars-yellow);letter-spacing:.1em;font-size:.85rem;font-weight:500}.nav-logout-btn{border:1px solid var(--lcars-red);color:var(--lcars-red);font-family:var(--font-display);letter-spacing:.2em;background:0 0;border-radius:4px;padding:6px 16px;font-size:.7rem;font-weight:700;transition:all .15s}.nav-logout-btn:hover{background:var(--lcars-red);color:var(--lcars-black)}.login-page{background:var(--lcars-bg);flex-direction:column;min-height:100vh;display:flex}.lcars-header{background:var(--lcars-black);height:80px;display:flex}.lcars-elbow{background:var(--lcars-orange);border-radius:40px 0 0;flex-shrink:0;width:120px;height:80px}.lcars-title-bar{background:var(--lcars-orange);font-family:var(--font-display);color:var(--lcars-black);letter-spacing:.2em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% 100%,20px 100%);flex:1;align-items:flex-end;padding:0 24px 8px;font-size:1.4rem;font-weight:900;display:flex}.login-content{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.login-panel{background:var(--lcars-panel);border:2px solid var(--lcars-orange);border-left:8px solid var(--lcars-orange);border-radius:0 40px 40px 0;flex-direction:column;gap:20px;width:100%;max-width:480px;padding:40px;display:flex}.panel-label{font-family:var(--font-display);color:var(--lcars-orange);letter-spacing:.3em;text-transform:uppercase;font-size:.75rem;font-weight:700}.panel-divider{background:linear-gradient(to right, var(--lcars-orange), transparent);height:2px}.ship-designation{font-family:var(--font-display);color:var(--lcars-yellow);letter-spacing:.15em;font-size:1.5rem;font-weight:900}.ship-registry{font-family:var(--font-mono);color:var(--lcars-blue);letter-spacing:.2em;font-size:1rem}.panel-description{font-family:var(--font-mono);color:var(--lcars-text);letter-spacing:.05em;font-size:.85rem;line-height:1.8}.login-btn{background:var(--lcars-orange);color:var(--lcars-black);font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;border:none;border-radius:0 24px 24px 0;align-self:flex-start;padding:14px 32px;font-size:.9rem;font-weight:700;transition:all .15s}.login-btn:hover{background:var(--lcars-yellow);transform:translate(4px);box-shadow:-4px 0 12px #ff990080}.login-btn:active{transform:translate(2px)}.panel-footer{font-family:var(--font-mono);color:var(--lcars-text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.lcars-footer{background:var(--lcars-black);align-items:center;gap:16px;height:50px;padding:0 16px;display:flex}.lcars-strip{background:var(--lcars-purple);border-radius:10px;flex:1;height:20px}.lcars-footer-text{font-family:var(--font-mono);color:var(--lcars-text-dim);letter-spacing:.1em;white-space:nowrap;font-size:.7rem}.tng-button-wrapper{flex-direction:column;gap:6px;transition:transform .1s;display:flex}.tng-button-wrapper.flashing .tng-button{filter:brightness(1.8);box-shadow:0 0 20px var(--btn-color,var(--lcars-orange)), 0 0 40px #f906}.tng-button{background:var(--btn-color,var(--lcars-orange));border:none;border-radius:6px 6px 6px 20px;justify-content:center;align-items:center;width:160px;height:64px;padding:8px 16px 8px 24px;transition:all .1s;display:flex;position:relative;box-shadow:inset 0 -3px #0000004d,0 2px 8px #00000080}.tng-button:hover{filter:brightness(1.2);box-shadow:inset 0 -3px 0 #0000004d, 0 6px 16px #00000080, 0 0 12px var(--btn-color,var(--lcars-orange));transform:translateY(-2px)}.tng-button:active{filter:brightness(.9);transform:translateY(0)}.tng-button-text{font-family:var(--font-display);color:var(--lcars-black);letter-spacing:.1em;text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:.7rem;font-weight:700}.tng-button-indicator{background:#0006;border-radius:50%;width:8px;height:8px;position:absolute;bottom:6px;right:8px}.tng-button-wrapper.flashing .tng-button-indicator{background:#fffc}.tng-button-meta{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.tng-press-count{font-family:var(--font-mono);color:var(--lcars-text-dim);letter-spacing:.05em;font-size:.6rem}.tng-remove-btn{color:var(--lcars-text-dim);background:0 0;border:none;padding:2px 4px;font-size:.7rem;line-height:1;transition:color .15s}.tng-remove-btn:hover{color:var(--lcars-red)}.button-dashboard{flex-direction:column;gap:16px;display:flex}.dashboard-header{border-bottom:1px solid #f903;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.dashboard-label{font-family:var(--font-display);color:var(--lcars-orange);letter-spacing:.3em;font-size:.75rem;font-weight:700}.dashboard-count{font-family:var(--font-mono);color:var(--lcars-text-dim);letter-spacing:.1em;font-size:.7rem}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.dashboard-empty{opacity:.6;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.empty-icon{color:var(--lcars-orange);opacity:.4;font-size:3rem}.empty-title{font-family:var(--font-display);color:var(--lcars-orange);letter-spacing:.2em;font-size:1rem;font-weight:700}.empty-message{font-family:var(--font-mono);color:var(--lcars-text-dim);letter-spacing:.1em;text-align:center;font-size:.75rem}.button-creator{background:var(--lcars-panel);border-left:6px solid var(--lcars-blue);border-radius:0 8px 8px 0;flex-direction:column;gap:20px;padding:24px;display:flex}.creator-header{align-items:center;display:flex}.creator-label{font-family:var(--font-display);color:var(--lcars-blue);letter-spacing:.3em;text-transform:uppercase;font-size:.75rem;font-weight:700}.creator-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-mono);color:var(--lcars-text-dim);letter-spacing:.2em;text-transform:uppercase;font-size:.65rem}.form-input{border:1px solid var(--lcars-blue);color:var(--lcars-tan);font-family:var(--font-mono);letter-spacing:.05em;background:#ffffff0d;border-radius:4px;outline:none;padding:10px 14px;font-size:.85rem;transition:border-color .15s}.form-input:focus{border-color:var(--lcars-yellow);background:#ffcc000d}.form-input::placeholder{color:var(--lcars-text-dim);font-style:italic}.form-error{font-family:var(--font-mono);color:var(--lcars-red);letter-spacing:.1em;font-size:.65rem}.color-presets{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.color-preset{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;transition:all .15s;display:flex}.color-preset:hover{border-color:var(--preset-color);background:#ffffff14}.color-preset.selected{border-color:var(--preset-color);box-shadow:0 0 8px var(--preset-color);background:#ffffff1a}.color-swatch{background:var(--preset-color);border-radius:3px;width:20px;height:20px;display:block}.color-preset-label{font-family:var(--font-mono);color:var(--lcars-text-dim);letter-spacing:.05em;text-transform:uppercase;font-size:.5rem}.custom-color-row{align-items:center;gap:12px;margin-top:4px;display:flex}.color-input{cursor:pointer;width:48px;height:36px;padding:2px}.color-hex-display{font-family:var(--font-mono);color:var(--lcars-tan);letter-spacing:.1em;font-size:.8rem}.creator-preview{background:#0000004d;border:1px dashed #ffffff1a;border-radius:4px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.preview-label{font-family:var(--font-mono);color:var(--lcars-text-dim);letter-spacing:.2em;font-size:.6rem}.btn-preview{background:var(--btn-color,var(--lcars-orange));width:160px;height:64px;font-family:var(--font-display);color:var(--lcars-black);letter-spacing:.1em;border-radius:6px 6px 6px 20px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;box-shadow:inset 0 -3px #0000004d}.create-btn{background:var(--lcars-teal);color:var(--lcars-black);font-family:var(--font-display);letter-spacing:.2em;border:none;border-radius:0 20px 20px 0;align-self:flex-start;padding:12px 28px;font-size:.8rem;font-weight:700;transition:all .15s}.create-btn:hover{background:var(--lcars-yellow);transform:translate(4px)}:root{--lcars-black:#000;--lcars-orange:#f90;--lcars-yellow:#fc0;--lcars-tan:#fc9;--lcars-blue:#99c;--lcars-purple:#c6a;--lcars-red:#c44;--lcars-teal:#48a;--lcars-green:#8c4;--lcars-bg:#0a0a0f;--lcars-panel:#0d0d1a;--lcars-text:#fc9;--lcars-text-dim:#864;--font-display:"Orbitron", "Arial Narrow", sans-serif;--font-mono:"Share Tech Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--lcars-black);height:100%;color:var(--lcars-text);font-family:var(--font-mono)}body{overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--lcars-black)}::-webkit-scrollbar-thumb{background:var(--lcars-orange);border-radius:3px}button{cursor:pointer;font-family:var(--font-display)}