.auth-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.2s cubic-bezier(.16,1,.3,1) authFadeIn;display:flex;position:fixed;inset:0}.auth-content{color:#f3f4f6;box-sizing:border-box;background:#11141a;border:1px solid #ffffff1f;border-radius:14px;width:100%;max-width:420px;padding:1.75rem;animation:.22s cubic-bezier(.16,1,.3,1) authScaleIn;position:relative;box-shadow:0 20px 45px #00000080,0 0 1px #ffffff1a}.auth-header{margin-bottom:1.25rem}.auth-title{color:#fff;letter-spacing:-.015em;margin:0 0 .35rem;font-size:1.35rem;font-weight:600}.auth-description{color:#9ca3af;margin:0;font-size:.875rem;line-height:1.4}.auth-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.25rem;line-height:1;transition:background .15s,color .15s;position:absolute;top:1.25rem;right:1.25rem}.auth-close-btn:hover{color:#fff;background:#ffffff14}.auth-alert-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:8px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.65rem .85rem;font-size:.85rem;line-height:1.35;display:flex}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-field{flex-direction:column;gap:.35rem;display:flex}.auth-label{color:#d1d5db;font-size:.825rem;font-weight:500}.auth-input{color:#f3f4f6;box-sizing:border-box;background:#0b0d11;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:.65rem .85rem;font-size:.925rem;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.auth-input.has-error{border-color:#ef4444}.auth-field-error{color:#f87171;margin-top:.15rem;font-size:.775rem}.auth-actions{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.auth-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.7rem 1rem;font-size:.925rem;font-weight:500;transition:background .15s,transform 50ms;display:flex}.auth-submit-btn:hover:not(:disabled){background:#1d4ed8}.auth-submit-btn:active:not(:disabled){transform:scale(.99)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-back-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:.55rem;font-size:.85rem;transition:background .15s,color .15s}.auth-back-btn:hover{color:#e5e7eb;background:#ffffff0d}.auth-avatar-section{flex-direction:column;align-items:center;gap:1rem;margin:1rem 0;display:flex}.auth-avatar-preview{color:#94a3b8;background:#1e293b;border:2px dashed #fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.75rem;font-weight:600;display:flex;overflow:hidden}.auth-avatar-img{object-fit:cover;width:100%;height:100%}.auth-file-input{display:none}.auth-upload-btn{color:#60a5fa;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f640;border-radius:6px;padding:.45rem .85rem;font-size:.85rem;transition:background .15s}.auth-upload-btn:hover{background:#3b82f633}.auth-skip-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;margin-top:.25rem;font-size:.85rem;text-decoration:underline}.auth-skip-btn:hover{color:#9ca3af}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authScaleIn{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.dashboard-layout{color:#fff;background:#000;flex-direction:row;width:100vw;height:100vh;display:flex;overflow:hidden}.left-navbar{background:#000;border-right:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;width:280px;height:100vh;display:flex}.left-navbar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.15rem 1.25rem;display:flex}.left-navbar-title{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-size:.8rem;font-weight:700}.left-navbar-count{color:#fff;background:#ffffff1a;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.left-navbar-scroll{flex-direction:column;flex:1;gap:1.25rem;padding:1rem .75rem;display:flex;overflow-y:auto}.navbar-category-group{flex-direction:column;gap:.4rem;display:flex}.navbar-category-header{text-transform:uppercase;letter-spacing:.08em;color:#71717a;padding:.25rem .5rem;font-size:.725rem;font-weight:700}.navbar-items-list{flex-direction:column;gap:.25rem;display:flex}.navbar-item-btn{color:#a1a1aa;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.65rem;width:100%;padding:.65rem .75rem;transition:background .15s,color .15s,border-color .15s;display:flex}.navbar-item-btn:hover{color:#fff;background:#ffffff0f}.navbar-item-btn.is-active{color:#fff;background:#ffffff1a;border-color:#fff9}.navbar-item-icon{color:inherit;flex-shrink:0;align-items:center;display:flex}.navbar-item-details{flex-direction:column;flex:1;min-width:0;display:flex}.navbar-item-name{color:#f4f4f5;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.navbar-item-btn.is-active .navbar-item-name{color:#fff;font-weight:600}.navbar-item-desc{color:#71717a;white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.725rem;overflow:hidden}.navbar-item-btn.is-active .navbar-item-desc{color:#a1a1aa}.navbar-item-chevron{color:#52525b;opacity:.5;flex-shrink:0;transition:opacity .15s,transform .15s}.navbar-item-btn:hover .navbar-item-chevron{opacity:1;color:#fff}.navbar-item-btn.is-active .navbar-item-chevron{color:#fff;opacity:1;transform:translate(2px)}.dashboard-workspace{background:#000;flex-direction:column;flex:1;height:100vh;display:flex;overflow-y:auto}.workspace-topbar{background:#000;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.75rem;display:flex}.workspace-brand{color:#fff;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:600;display:flex}.workspace-brand-icon{color:#fff}.workspace-user-menu{align-items:center;gap:.75rem;display:flex}.workspace-avatar{object-fit:cover;border:1px solid #ffffff4d;border-radius:50%;width:32px;height:32px}.workspace-avatar-placeholder{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.workspace-username{color:#fff;font-size:.875rem;font-weight:500}.workspace-signout-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;transition:background .15s,color .15s,border-color .15s;display:flex}.workspace-signout-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff6}.workspace-content{flex:1;padding:2.5rem}.module-view-container{flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;display:flex}.module-view-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding-bottom:1.25rem;display:flex}.module-view-meta{flex-direction:column;gap:.35rem;display:flex}.module-view-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.module-view-description{color:#a1a1aa;margin:.1rem 0;font-size:.875rem;line-height:1.5}.module-id-badge{color:#71717a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.module-canvas-host{flex-direction:column;width:100%;min-height:200px;display:flex}.module-canvas-loading{color:#71717a;padding:2rem 0;font-size:.875rem}.module-canvas-error{color:#fca5a5;background:#ef44440d;border:1px solid #ef444466;border-radius:6px;margin-top:1rem;padding:1.25rem;font-size:.875rem}:root{--shell-bg:#0b0f17;--shell-surface:#111827;--shell-border:#ffffff1a;--shell-text:#f9fafb;--shell-muted:#9ca3af;--shell-primary:#3b82f6;--shell-primary-hover:#2563eb;--shell-success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--shell-bg);color:var(--shell-text);justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.shell-auth-container{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex}.auth-standalone{margin:0 auto}.shell-auth-card{background:#11141a;border:1px solid #ffffff1f;border-radius:14px;width:100%;max-width:420px;padding:2rem;box-shadow:0 20px 45px #00000080,0 0 1px #ffffff1a}.shell-user-profile{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.shell-avatar-lg{object-fit:cover;border:2px solid var(--shell-primary);border-radius:50%;width:72px;height:72px}.shell-avatar-placeholder-lg{width:72px;height:72px;color:var(--shell-primary);background:#3b82f626;border:1px solid #3b82f64d;border-radius:50%;justify-content:center;align-items:center;display:flex}.shell-profile-username{color:var(--shell-text);font-size:1.35rem;font-weight:600}.shell-profile-email{color:var(--shell-muted);font-size:.875rem}.shell-profile-role{text-transform:uppercase;letter-spacing:.05em;color:var(--shell-success);background:#10b98126;border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.shell-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.shell-btn-secondary{border-color:var(--shell-border);color:var(--shell-muted);background:0 0}.shell-btn-secondary:hover{color:var(--shell-text);background:#ffffff0d}.shell-signout-btn{margin-top:.75rem}
