*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:Montserrat,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--background:$bg-light;--foreground:$fg-light}@media (prefers-color-scheme:dark){:root{--background:$bg-dark;--foreground:$fg-dark}}body{font-family:var(--font-space-grotesk),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-space-grotesk),sans-serif;letter-spacing:-.02em;font-weight:600;line-height:1.2}p{line-height:1.6}code,pre,.monospace{font-family:var(--font-space-mono),"Courier New",monospace}.authContainer{width:100%;min-height:100vh;display:flex}.leftPanel{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.leftPanel:before{content:"";background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/30px 30px;width:200%;height:200%;animation:60s linear infinite drift;position:absolute;top:-50%;left:-50%}@keyframes drift{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.brandingContent{z-index:1;text-align:center;color:#fff;position:relative}.logo{margin:0 auto 1.25rem;animation:3s ease-in-out infinite float;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.appName{letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:700}.tagline{opacity:.95;font-size:1.125rem;font-weight:300}.rightPanel{background:var(--background);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.formContainer{width:100%;max-width:420px}@media (max-width:768px){.authContainer{flex-direction:column}.leftPanel{flex:0;min-height:200px}.appName{font-size:2rem}.tagline{font-size:1rem}.rightPanel{flex:1}}.formWrapper{width:100%}.header{margin-bottom:2rem}.title{color:var(--foreground);margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.subtitle{color:#6b7280;font-size:.95rem}.form{flex-direction:column;gap:1.25rem;display:flex}.error{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:.75rem 1rem;font-size:.875rem}@media (prefers-color-scheme:dark){.error{color:#fca5a5;background-color:#dc26261a;border-color:#dc26264d}}.formGroup{flex-direction:column;gap:.5rem;display:flex}.labelRow{justify-content:space-between;align-items:center;display:flex}.label{color:var(--foreground);font-size:.875rem;font-weight:500}.forgotLink{color:#3b82f6;font-size:.875rem;text-decoration:none;transition:color .2s}.forgotLink:hover{color:#2563eb;text-decoration:underline}.input{background:var(--background);color:var(--foreground);border:1px solid #d1d5db;border-radius:6px;padding:.625rem .875rem;font-size:1rem;transition:all .2s}.input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:#9ca3af}@media (prefers-color-scheme:dark){.input{border-color:#4b5563}.input:focus{border-color:#3b82f6}}.inputError{border-color:#ef4444}.inputError:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}@media (prefers-color-scheme:dark){.inputError{border-color:#ef4444}}.errorText{color:#ef4444;margin-top:-.25rem;font-size:.75rem}@media (prefers-color-scheme:dark){.errorText{color:#fca5a5}}.hint{color:#6b7280;margin-top:-.25rem;font-size:.75rem}.submitButton{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.submitButton:disabled{opacity:.6;cursor:not-allowed}.submitButton{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);transition:transform .2s}.submitButton:hover:not(:disabled){transform:translateY(-1px)}.submitButton:active:not(:disabled){transform:translateY(0)}.submitButton:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666}.submitButton{margin-top:.5rem}.footer{text-align:center;margin-top:2rem}.footerText{color:#6b7280;font-size:.875rem}.link{color:#000;font-weight:500;text-decoration:none;transition:color .2s}.link:hover{color:#2563eb;text-decoration:underline}.sidebar-container{background:#fff;border-right:2px solid #000;flex-direction:column;width:280px;height:100vh;padding:0;display:flex}.sidebar-container .sidebar{background:#fff;flex-direction:column;flex:1;padding:1.5rem 1rem;display:flex;overflow-y:auto}.sidebar-container .sidebar .sidebar-inner{flex-direction:column;flex:1;display:flex}.sidebar-container .sidebar .sidebar-inner .sidebar-branding .sidebar-branding-inner{border-bottom:2px solid #000;margin-bottom:1.5rem;padding-bottom:1.5rem}.sidebar-container .sidebar .sidebar-inner .sidebar-branding .sidebar-branding-inner a{border:2px solid #000;align-items:center;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-container .sidebar .sidebar-inner .sidebar-branding .sidebar-branding-inner a:hover{background:#000}.sidebar-container .sidebar .sidebar-inner .sidebar-branding .sidebar-branding-inner a:hover span{color:#000;background:#fff}.sidebar-container .sidebar .sidebar-inner .sidebar-branding .sidebar-branding-inner a:hover h2{color:#fff}.sidebar-container .sidebar .sidebar-inner .sidebar-branding .sidebar-branding-inner a span{color:#fff;background:#000;margin-right:.75rem;padding:8px 10px 4px;font-size:1.5rem;transition:all .2s}.sidebar-container .sidebar .sidebar-inner .sidebar-branding .sidebar-branding-inner a h2{color:#000;letter-spacing:.05em;text-transform:uppercase;font-size:1.125rem;font-weight:700;font-family:var(--font-space-mono),monospace;margin:0;padding:0}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block{margin-top:2rem}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block:first-child{margin-top:0}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block h3{color:#666;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:700;font-family:var(--font-space-mono),monospace;margin-bottom:.75rem;padding-left:0}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block ul{margin:0;padding:0;list-style:none}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block ul li{border-bottom:2px solid #000;margin-bottom:0}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block ul li:first-child{border-top:2px solid #000}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block ul li:last-child{border-bottom:none}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block ul li a{color:#000;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600;font-family:var(--font-space-mono),monospace;background:#fff;align-items:center;padding:.875rem 1rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block ul li a span.sidebar-menu-icon{justify-content:center;align-items:center;margin-right:.75rem;font-size:1.125rem;transition:transform .2s;display:flex}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block ul li a:hover{background:#f5f5f5}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block ul li a:hover span.sidebar-menu-icon{transform:scale(1.1)}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block ul li a.active{color:#fff;background:#000;font-weight:700}.sidebar-container .sidebar .sidebar-inner .sidebar-menu .sidebar-menu-inner .navigation-block ul li a.active:hover{background:#1f1f1f}.sidebar-container .sidebar .sidebar-inner .sidebar-footer{border-top:2px solid #000;margin-top:auto;padding-top:1.5rem;position:relative;top:-100px}.sidebar-container .sidebar .sidebar-inner .sidebar-footer p{color:#666;text-align:center;margin:0;padding:0;font-size:1rem;line-height:1.4}.website-layout{background:#f5f5f5;min-height:100vh;padding-top:70px;display:flex}.website-layout .sidebar-container{position:fixed;top:70px;bottom:0;left:0}.website-layout .website-main{background:#f5f5f5;flex:1;margin-left:280px}.website-layout-no-sidebar{background:#f5f5f5;min-height:100vh;padding-top:70px;display:flex}.website-layout-no-sidebar .website-main-full{background:#f5f5f5;flex:1;width:100%}