:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.login-logo{position:absolute;top:2rem;right:2rem;height:60px;width:auto;z-index:10}.login-card{background:#fff;border-radius:12px;padding:3rem;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.login-card h1{margin:0 0 .5rem;color:#1a1a1a;font-size:2rem}.login-subtitle{color:#666;margin:0 0 2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333;font-size:.9rem}.form-group input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:8px;font-size:.9rem}.login-button{padding:.875rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.login-button:hover:not(:disabled){background:#5568d3}.login-button:disabled{opacity:.6;cursor:not-allowed}@media(prefers-color-scheme:dark){.login-card{background:#1a1a1a}.login-card h1{color:#fff}.login-subtitle{color:#aaa}.form-group label{color:#ddd}.form-group input{background:#2a2a2a;border-color:#444;color:#fff}}.password-change-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.password-change-modal{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;color:#1a1a1a}.close-button{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#1a1a1a}.password-change-form{display:flex;flex-direction:column;gap:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel{padding:.75rem 1.5rem;background:#f0f0f0;border:1px solid #ddd;border-radius:8px;cursor:pointer}.btn-cancel:hover{background:#e0e0e0}.btn-primary{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-primary:hover:not(:disabled){background:#5568d3}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(prefers-color-scheme:dark){.password-change-modal{background:#2a2a2a}.modal-header h2{color:#fff}.close-button{color:#aaa}.btn-cancel{background:#3a3a3a;border-color:#555;color:#fff}}.dashboard-container{min-height:100vh;background:#f5f5f5;display:flex}.dashboard-sidebar{width:250px;flex-shrink:0;position:fixed;left:0;top:0;height:100vh;overflow:hidden}.sidebar-image{width:100%;height:100%;object-fit:cover;display:block}.dashboard-content{flex:1;margin-left:250px;display:flex;flex-direction:column}.dashboard-header{background:#fff;padding:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.dashboard-header h1{margin:0;color:#1a1a1a;font-size:1.75rem}.user-email{margin:.25rem 0 0;color:#666;font-size:.9rem}.header-actions{display:flex;gap:1rem}.btn-secondary{padding:.625rem 1.25rem;background:#f0f0f0;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-secondary:hover{background:#e0e0e0}.dashboard-main{padding:2rem;max-width:1200px;margin:0 auto;width:100%}.loading{text-align:center;padding:4rem;color:#666}.empty-state{text-align:center;padding:4rem;color:#999}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.app-card{background:#fff;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.app-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.app-icon{width:64px;height:64px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.app-icon img{width:100%;height:100%;object-fit:contain}.app-card h3{margin:0 0 .5rem;color:#1a1a1a;font-size:1.1rem}.app-card p{margin:0;color:#666;font-size:.9rem}@media(max-width:768px){.dashboard-sidebar{width:0;display:none}.dashboard-content{margin-left:0}}@media(prefers-color-scheme:dark){.dashboard-container{background:#1a1a1a}.dashboard-header{background:#2a2a2a}.dashboard-header h1{color:#fff}.user-email{color:#aaa}.btn-secondary{background:#3a3a3a;border-color:#555;color:#fff}.btn-secondary:hover{background:#4a4a4a}.app-card{background:#2a2a2a}.app-card h3{color:#fff}.app-card p{color:#aaa}}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#666}