:root{color-scheme:light dark}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b1020;color:#e6e9f2}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:2rem 1rem}.card{background:#141b33;border:1px solid #2a355c;border-radius:12px;padding:1rem}.row{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:.625rem 1rem;border:1px solid #374878;background:#1f2b4d;color:#f2f5ff;cursor:pointer;font-weight:600}.btn.primary{background:#5168e3;border-color:#6e82ef}.small{font-size:.875rem;color:#b5bfdf}.mosaic-auth-page{min-height:100dvh;background:#111827;color:#9ca3af;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mosaic-auth-page a{color:inherit}.mosaic-auth-layout{position:relative;min-height:100dvh}.mosaic-auth-content{min-height:100dvh;width:100%}.mosaic-auth-column{min-height:100dvh;display:flex;flex-direction:column}.mosaic-auth-column:after{content:"";flex:1 1}.mosaic-auth-header{flex:1 1}.mosaic-auth-header>.mosaic-logo{display:flex;align-items:center;height:4rem;padding:0 1rem}.mosaic-logo{display:inline-flex}.mosaic-logo-mark{fill:#8b5cf6}.mosaic-auth-card{width:100%;max-width:24rem;margin:0 auto;padding:2rem 1rem}.mosaic-auth-card h1{margin:0 0 1.5rem;color:#f3f4f6;font-size:1.875rem;line-height:2.25rem;font-weight:700}.mosaic-intro{margin:-.75rem 0 1.5rem;color:#9ca3af;font-size:.875rem;line-height:1.375rem}.mosaic-invite-shell .card{margin-bottom:1.25rem!important;padding:.75rem;background:rgb(31 41 55/.46);border-color:rgb(55 65 81/.6);box-shadow:none}.mosaic-invite-shell .small{color:#d1d5db}.mosaic-invite-shell input{min-height:2.375rem;border-radius:.5rem!important;border-color:rgb(55 65 81/.6)!important;background:rgb(17 24 39/.3)!important;color:#f3f4f6!important;font-size:.875rem}.mosaic-invite-shell .btn{min-height:2.375rem;border-radius:.5rem;border-color:rgb(55 65 81/.6);background:#1f2937;color:#d1d5db;box-shadow:0 1px 2px rgb(0 0 0/.08)}.mosaic-auth-panel{width:100%}.mosaic-form-heading{margin:0 0 1rem;color:#f3f4f6;font-size:1rem;line-height:1.5rem;font-weight:600}.mosaic-form-stack{margin-bottom:.5rem}.mosaic-form-grid{display:grid;grid-gap:.75rem;gap:.75rem}.mosaic-form-field{margin-bottom:.875rem}.mosaic-label{display:block;margin-bottom:.25rem;color:#d1d5db;font-weight:500}.mosaic-help-text,.mosaic-label{font-size:.875rem;line-height:1.25rem}.mosaic-help-text{margin:0;color:#9ca3af}.mosaic-form-input{width:100%;min-height:2.375rem;border:1px solid rgb(55 65 81/.6);border-radius:.5rem;background:rgb(17 24 39/.3);color:#f3f4f6;padding:.5rem .75rem;font:inherit;font-size:.875rem;line-height:1.25rem;box-shadow:0 1px 2px rgb(0 0 0/.08);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.mosaic-form-input::placeholder{color:#6b7280}.mosaic-form-input:hover{border-color:#4b5563}.mosaic-form-input:focus{border-color:#4b5563;box-shadow:0 0 0 3px rgb(139 92 246/.18)}.mosaic-otp-input{letter-spacing:.2em}.mosaic-form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.5rem}.mosaic-form-actions-end{justify-content:flex-end}.mosaic-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.375rem;border:1px solid transparent;border-radius:.5rem;padding:.5rem .75rem;font:inherit;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;box-shadow:0 1px 2px rgb(0 0 0/.08);transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.mosaic-btn-primary{background:#f3f4f6;color:#1f2937}.mosaic-btn-primary:hover:not(:disabled){background:#ffffff}.mosaic-btn-secondary{border-color:rgb(55 65 81/.6);background:#1f2937;color:#d1d5db}.mosaic-btn-secondary:hover:not(:disabled){border-color:#4b5563;color:#f3f4f6}.mosaic-btn:disabled{cursor:not-allowed;opacity:.5}.mosaic-error-text{margin:.75rem 0 0;color:#fca5a5;font-size:.875rem;line-height:1.25rem}.mosaic-auth-footer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgb(55 65 81/.6);color:#9ca3af;font-size:.875rem;line-height:1.25rem}.mosaic-auth-footer a{color:#8b5cf6;font-weight:500}.mosaic-auth-footer a:hover{color:#a78bfa}.mosaic-auth-image{display:none}@media (min-width:640px){.mosaic-auth-header>.mosaic-logo{padding-right:1.5rem;padding-left:1.5rem}.mosaic-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.mosaic-auth-layout{display:flex}.mosaic-auth-content{width:50%}.mosaic-auth-image{position:absolute;top:0;right:0;bottom:0;display:block;width:50%;overflow:hidden;background:radial-gradient(circle at 28% 18%,rgb(139 92 246/.52),transparent 31%),radial-gradient(circle at 76% 28%,rgb(59 130 246/.34),transparent 34%),linear-gradient(135deg,#111827,#1f2937 42%,#030712)}.mosaic-auth-image-gradient{position:absolute;inset:0;background:linear-gradient(115deg,rgb(17 24 39/.1),rgb(17 24 39/.48)),repeating-linear-gradient(90deg,rgb(255 255 255/.04) 0 1px,transparent 1px 84px),repeating-linear-gradient(0deg,rgb(255 255 255/.035) 0 1px,transparent 1px 84px)}.mosaic-auth-image-noise{position:absolute;inset:auto 4rem 4rem auto;width:min(24rem,58%);aspect-ratio:1;border-radius:999px;border:1px solid rgb(255 255 255/.12);background:rgb(255 255 255/.05);box-shadow:0 0 0 5rem rgb(139 92 246/.06),0 0 80px rgb(139 92 246/.24)}}@media (min-width:1024px){.mosaic-auth-header>.mosaic-logo{padding-right:2rem;padding-left:2rem}}.mosaic-dashboard{min-height:100dvh;display:flex;background:#f3f4f6;color:#1f2937;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mosaic-dashboard-sidebar{display:none}.mosaic-dashboard-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:0 .5rem}.mosaic-dashboard-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#8b5cf6;color:#ffffff;font-weight:700}.mosaic-dashboard-logo-text{color:#f9fafb;font-weight:700;letter-spacing:-.02em}.mosaic-dashboard-nav-label{margin:0 0 .75rem;padding-left:.75rem;color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mosaic-dashboard-nav-link{display:flex;align-items:center;gap:1rem;border-radius:.5rem;padding:.625rem .75rem;color:#d1d5db;font-size:.875rem;font-weight:600;transition:background .15s ease,color .15s ease}.mosaic-dashboard-nav-link svg{width:1rem;height:1rem;fill:currentColor}.mosaic-dashboard-nav-link-active,.mosaic-dashboard-nav-link:hover{background:linear-gradient(90deg,rgb(139 92 246/.24),rgb(139 92 246/.04));color:#a78bfa}.mosaic-dashboard-content{min-width:0;flex:1 1}.mosaic-dashboard-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:4rem;padding:0 1rem;border-bottom:1px solid #e5e7eb;background:rgb(243 244 246/.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mosaic-dashboard-header h1{margin:0;color:#1f2937;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-.02em}.mosaic-dashboard-kicker{margin:0 0 .125rem;color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mosaic-dashboard-main{width:100%;max-width:96rem;margin:0 auto;padding:1.5rem 1rem 2rem}.mosaic-dashboard-card,.mosaic-dashboard-profile-card{border:1px solid #e5e7eb;border-radius:.75rem;background:#ffffff;box-shadow:0 1px 1px rgb(0 0 0/.05),0 1px 2px rgb(0 0 0/.02)}.mosaic-dashboard-profile-card{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem}.mosaic-dashboard-profile-copy{display:flex;gap:1rem}.mosaic-dashboard-avatar{width:4rem;height:4rem;flex:0 0 auto;border-radius:999px;object-fit:cover}.mosaic-dashboard-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#8b5cf6;color:#ffffff;font-size:1.5rem;font-weight:700}.mosaic-dashboard-greeting{margin:0 0 .5rem;color:#4b5563;font-size:.875rem}.mosaic-dashboard-greeting strong{color:#1f2937;font-weight:600}.mosaic-dashboard-balance{margin:0;color:#22c55e;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.02em}.mosaic-dashboard-muted{margin:.375rem 0 0;color:#6b7280;font-size:.875rem;line-height:1.375rem}.mosaic-dashboard-profile-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:.35rem .75rem;gap:.35rem .75rem;color:#6b7280;font-size:.875rem}.mosaic-dashboard-profile-meta strong{min-width:0;overflow:hidden;color:#1f2937;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mosaic-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem}.mosaic-dashboard-card{grid-column:span 12;min-height:13rem;padding:1.25rem}.mosaic-dashboard-card-full,.mosaic-dashboard-card-wide{grid-column:span 12}.mosaic-dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mosaic-dashboard-card-header h2{margin:0;color:#1f2937;font-size:.875rem;line-height:1.25rem;font-weight:600}.mosaic-dashboard-card-header span{width:2rem;height:.5rem;border-radius:999px;background:currentColor;opacity:.24}.mosaic-dashboard-card-canvas{min-height:9rem;border-radius:.625rem;background:linear-gradient(135deg,rgb(255 255 255/.2),transparent),currentColor;opacity:.86}.mosaic-dashboard-card-violet{color:#8b5cf6}.mosaic-dashboard-card-green{color:#22c55e}.mosaic-dashboard-card-sky{color:#38bdf8}.mosaic-dashboard-card-slate{color:#475569}@media (min-width:640px){.mosaic-dashboard-header,.mosaic-dashboard-main{padding-right:1.5rem;padding-left:1.5rem}.mosaic-dashboard-profile-card{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width:768px){.mosaic-dashboard-card{grid-column:span 6}.mosaic-dashboard-card-wide{grid-column:span 12}}@media (min-width:1024px){.mosaic-dashboard-sidebar{display:flex;flex:0 0 16rem;flex-direction:column;min-height:100dvh;padding:1rem;background:#1f2937;box-shadow:0 1px 3px rgb(0 0 0/.1),0 1px 2px rgb(0 0 0/.06)}.mosaic-dashboard-header{padding-right:2rem;padding-left:2rem}.mosaic-dashboard-main{padding:2rem}}@media (min-width:1280px){.mosaic-dashboard-card{grid-column:span 4}.mosaic-dashboard-card-wide{grid-column:span 6}.mosaic-dashboard-card-full{grid-column:span 12}}