:root{--sidebar-bg:#040404;--sidebar-bg-panel:#0a0a0a;--sidebar-bg-input:#111;--sidebar-text-primary:#fff;--sidebar-text-secondary:#8a96ab;--sidebar-border:#1f1f1f;--workspace-bg:#f8fafc;--workspace-bg-panel:#fff;--workspace-bg-tertiary:#f1f5f9;--workspace-text-primary:#0f172a;--workspace-text-secondary:#475569;--workspace-border:#e2e8f0;--accent:#b4ff00;--accent-hover:#a1e600;--accent-text:#0f172a;--border-focus:#b4ff00;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Creato Display", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition-fast:.15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--sidebar-bg);color:var(--sidebar-text-primary);flex-direction:column;min-height:100vh;display:flex;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-container{background-color:var(--sidebar-bg);justify-content:center;align-items:center;width:100%;height:100vh;padding:1.5rem;display:flex}.retro-window{background-color:var(--sidebar-bg-panel);border:2px solid #5a5a5a;border-radius:2px;flex-direction:column;animation:.5s cubic-bezier(.16,1,.3,1) windowSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #00000080}@keyframes windowSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.login-window{width:100%;max-width:400px}.retro-titlebar{background-color:#000;border-bottom:1px solid #5a5a5a;flex-shrink:0;justify-content:space-between;align-items:center;height:26px;padding:0 8px;display:flex}.retro-window-controls{gap:6px;display:flex}.win-btn{color:#a1a1aa;cursor:pointer;width:18px;height:16px;transition:color var(--transition-fast) ease;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;font-family:Courier New,monospace;font-size:10px;font-weight:700;line-height:1;display:flex}.win-btn:hover{color:#fff}.win-btn:active{color:var(--accent)}.titlebar-label{font-family:var(--font-mono);color:var(--sidebar-text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:700}.login-body{flex-direction:column;gap:1.25rem;padding:2.5rem 2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{font-family:var(--font-mono);color:var(--sidebar-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.form-input{background-color:var(--sidebar-bg-input);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--sidebar-text-primary);font-family:var(--font-mono);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.7rem .9rem;font-size:.85rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #b4ff0026}.lock-input{width:100%;font-family:var(--font-mono);background-color:var(--sidebar-bg-input);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--sidebar-text-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-size:1rem}.lock-input:focus{border-color:var(--accent)}.login-btn{background-color:var(--accent);color:var(--accent-text);border:1px solid var(--accent);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-fast), transform .1s;padding:.8rem;font-size:.75rem;font-weight:700}.login-btn:hover{background-color:var(--accent-hover)}.login-btn:active{transform:scale(.98)}.login-error{border-radius:var(--radius-sm);color:#f87171;text-align:center;font-size:.72rem;font-family:var(--font-mono);text-transform:uppercase;background-color:#ef44441a;border:1px solid #ef444433;padding:.6rem .8rem;display:none}.app-window-wrapper{background-color:var(--sidebar-bg);justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem;display:flex}.dashboard-window{width:100%;max-width:1100px;height:100%;max-height:850px}.dashboard-container{background-color:var(--sidebar-bg-panel);flex:1;width:100%;height:100%;min-height:0;display:flex}.controls-panel{background-color:var(--sidebar-bg-panel);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;width:380px;height:100%;min-height:0;display:flex}.controls-header{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.header-user-info{flex-direction:column;gap:.15rem;display:flex}.user-id-badge{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-size:.85rem;font-weight:800}.logout-btn{background-color:var(--sidebar-bg-input);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--sidebar-text-secondary);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;transition:color var(--transition-fast), border-color var(--transition-fast);padding:.45rem .8rem;font-size:.6rem;font-weight:700}.logout-btn:hover{color:var(--sidebar-text-primary);border-color:#5a5a5a}.controls-tabs{border-bottom:1px solid var(--sidebar-border);background-color:#050505;flex-shrink:0;display:flex}.tab-btn{color:var(--sidebar-text-secondary);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.85rem 0;font-size:.65rem;font-weight:700}.tab-btn.active{color:var(--sidebar-text-primary);border-bottom-color:var(--accent);background-color:var(--sidebar-bg-panel)}.tab-content{flex-direction:column;flex:1;gap:1.5rem;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.tab-pane{flex-direction:column;gap:1.25rem;display:none}.tab-pane.active{display:flex}.upload-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.upload-zone{border:1px dashed var(--sidebar-border);background-color:var(--sidebar-bg-input);border-radius:var(--radius-md);text-align:center;cursor:pointer;min-height:90px;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--accent);background-color:#151515}.upload-zone input[type=file]{opacity:0;cursor:pointer;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.upload-icon{color:var(--sidebar-text-secondary)}.upload-text{color:var(--sidebar-text-secondary);font-size:.62rem;font-weight:500}.upload-preview{object-fit:cover;z-index:2;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.abilities-container{flex-direction:column;gap:.75rem;display:flex}.abilities-list{flex-wrap:wrap;gap:.5rem;display:flex}.ability-tag{background-color:var(--sidebar-bg-input);border:1px solid var(--sidebar-border);color:var(--sidebar-text-primary);font-family:var(--font-mono);text-transform:uppercase;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.6rem;font-weight:600;display:flex}.ability-tag button{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:700}.ability-input-row{gap:.5rem;display:flex}.add-tag-btn{background-color:var(--sidebar-bg-input);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--accent);font-family:var(--font-mono);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);padding:0 .9rem;font-size:.85rem}.add-tag-btn:hover{color:var(--sidebar-text-primary);border-color:var(--accent)}.links-editor{flex-direction:column;gap:1rem;display:flex}.link-editor-row{background-color:var(--sidebar-bg-input);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);flex-direction:column;gap:.4rem;padding:.75rem;display:flex;position:relative}.link-row-header{justify-content:space-between;align-items:center;display:flex}.link-index{font-family:var(--font-mono);color:var(--sidebar-text-secondary);font-size:.6rem}.remove-link-btn{color:#ef4444;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;font-size:.6rem;font-weight:700}.add-link-btn{background-color:var(--sidebar-bg-input);border:1px dashed var(--sidebar-border);border-radius:var(--radius-md);color:var(--sidebar-text-secondary);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;text-align:center;transition:color var(--transition-fast), border-color var(--transition-fast);padding:.75rem;font-size:.65rem;font-weight:700}.add-link-btn:hover{color:var(--accent);border-color:var(--accent)}.controls-footer{border-top:1px solid var(--sidebar-border);background-color:var(--sidebar-bg-panel);flex-shrink:0;padding:1.25rem}.save-btn{width:100%}.preview-workspace{background-color:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:2rem;display:flex;overflow-y:auto}.preview-header{font-family:var(--font-mono);color:var(--sidebar-text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.65rem;display:flex}.preview-pulse{background-color:#3b82f6;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseBlue}@keyframes pulseBlue{0%,to{opacity:.3}50%{opacity:1}}.preview-card-wrapper{width:100%;max-width:300px;animation:.6s cubic-bezier(.16,1,.3,1) windowSlideUp}.member-card{background-color:var(--sidebar-bg-panel);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);color:var(--sidebar-text-primary);text-align:left;border:2px solid #5a5a5a;border-radius:2px;flex-direction:column;display:flex;overflow:hidden;box-shadow:4px 4px #00000080}.member-card:hover{border-color:var(--accent);box-shadow:6px 6px #b4ff0026}.member-titlebar{justify-content:space-between;align-items:center;width:100%;display:flex}.member-id{font-family:var(--font-mono);color:var(--sidebar-text-secondary);letter-spacing:.05em;margin-right:8px;font-size:.65rem;font-weight:700}.member-card:hover .member-id{color:var(--accent)}.member-banner-container{aspect-ratio:16/9;border-bottom:1px solid var(--sidebar-border);background-color:#111;background-image:repeating-linear-gradient(45deg,#151515 0 10px,#1b1b1b 10px 20px);width:100%;position:relative;overflow:hidden}.member-banner{object-fit:cover;width:100%;height:100%;display:block}.member-profile-section{z-index:10;flex-direction:column;align-items:center;margin-top:-36px;padding:0 1.25rem;display:flex;position:relative}.member-avatar-wrapper{background-color:var(--sidebar-bg-panel);border:3px solid var(--sidebar-bg-panel);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden;box-shadow:0 4px 10px #0006}.member-avatar{object-fit:cover;width:100%;height:100%;display:block}.member-avatar-placeholder{width:100%;height:100%;font-family:var(--font-display);color:var(--sidebar-text-secondary);transition:border-color var(--transition-fast), color var(--transition-fast);background-color:#1a1a1a;border:2px solid #5a5a5a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.member-card:hover .member-avatar-placeholder{border-color:var(--accent);color:var(--accent)}.member-name-box{background-color:var(--sidebar-bg-input);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-display);color:var(--sidebar-text-primary);letter-spacing:.05em;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;margin-top:.75rem;padding:.45rem 1rem;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.member-card:hover .member-name-box{border-color:var(--accent);box-shadow:inset 0 0 6px #b4ff0014}.receipt-table{width:100%;font-family:var(--font-mono);color:var(--sidebar-text-primary);margin-top:1rem;padding:0 1.25rem;font-size:.65rem}.receipt-row{justify-content:space-between;align-items:center;width:100%;margin:.25rem 0;display:flex}.r-qty{width:24px;color:var(--sidebar-text-secondary);flex-shrink:0}.r-item{text-align:left;color:var(--sidebar-text-secondary);flex-grow:1}.r-amt{text-align:right;font-weight:700}.receipt-divider{border-top:1px dashed var(--sidebar-border);width:100%;margin:.5rem 0}.member-bio-links{flex-direction:column;gap:.5rem;width:100%;margin-top:1rem;padding:0 1.25rem;display:flex}.bio-link{border-radius:var(--radius-md);border:1px solid var(--sidebar-border);background-color:var(--sidebar-bg-input);color:var(--sidebar-text-primary);text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.bio-link:hover{background-color:var(--accent);border-color:var(--accent);color:var(--accent-text)}.bio-link-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.member-card-footer{justify-content:center;width:100%;margin-top:auto;padding:1.25rem;display:flex}.member-card-footer .cyber-barcode{width:100%;height:20px}@media (width<=900px){.app-window-wrapper{padding:0}.dashboard-window{max-height:none;box-shadow:none;border:none}.dashboard-container{flex-direction:column;overflow-y:auto}.controls-panel{border-right:none;border-bottom:1px solid var(--sidebar-border);width:100%;height:auto}.preview-workspace{padding:2.5rem 1rem}}.toast{background-color:var(--sidebar-bg-panel);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);font-family:var(--font-mono);z-index:1000;opacity:0;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.7rem;font-weight:700;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 4px 20px #00000080}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-success{border-color:var(--accent);color:var(--accent)}.toast-error{color:#ef4444;border-color:#ef4444}