.sidebar{width:200px;min-width:200px;background-color:#1e2128;padding:.75rem 0;display:flex;flex-direction:column;gap:.25rem}.sidebar-button{display:block;width:100%;padding:.75rem 1.25rem;background:none;border:none;color:#c9cdd4;font-size:.9rem;text-align:left;cursor:pointer;transition:background-color .15s,color .15s}.sidebar-button:hover{background-color:#2d3240;color:#fff}.sidebar-button--active{background-color:#2563eb;color:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:#282c34;padding:1rem 1.5rem;color:#fff;box-shadow:0 2px 4px #0003;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.app-header h1{margin:0;font-size:1.5rem;font-weight:500}.app-body{display:flex;flex:1;overflow:hidden}.app-main{flex:1;overflow:auto;background-color:#f5f5f5}.user-controls{display:flex;align-items:center;gap:.75rem}.auth-loading,.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-page{padding:1.5rem;background:linear-gradient(145deg,#eef4ff,#f7f9fc 55%,#e8edf5)}.login-card{width:100%;max-width:410px;padding:2rem;border-radius:14px;background:#fff;box-shadow:0 18px 60px #1e3a5f24}.login-title{font-size:1.55rem;font-weight:650;color:#1f2937}@media (max-width: 640px){.app-header{padding:.75rem 1rem}.app-header h1{font-size:1.1rem}.sidebar{width:145px;min-width:145px}.sidebar-button{padding:.75rem}.login-card{padding:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}