.auth-container{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-box{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:40px;box-shadow:0 10px 40px #0003}.auth-logo{object-fit:contain;border-radius:12px;width:80px;height:80px;margin:0 auto 20px;display:block}.auth-box h1{color:#1e3a8a;text-align:center;margin:0 0 8px;font-size:24px;font-weight:700}.auth-box h2{color:#334155;text-align:center;margin:0 0 24px;font-size:20px;font-weight:600}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#334155;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:12px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:background .2s}.submit-btn:hover:not(:disabled){background:#2563eb}.submit-btn:disabled{cursor:not-allowed;background:#94a3b8}.toggle-text{text-align:center;color:#64748b;margin-top:20px;font-size:14px}.toggle-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.toggle-btn:hover{color:#2563eb}.app-container{background:#f3f4f6;flex-direction:column;min-height:100vh;display:flex}.main-nav{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;box-shadow:0 1px 2px #0f172a0a}.nav-brand{align-items:center;gap:12px;min-width:0;display:flex}.nav-logo{object-fit:contain;border-radius:8px;width:36px;height:36px}.nav-brand h2{color:#0f172a;letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:17px;font-weight:700}.nav-links{flex-wrap:wrap;flex:1;justify-content:center;gap:4px;display:flex}.nav-links a,.nav-links button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .15s}.nav-links a:hover,.nav-links button:hover{color:#0f172a;background:#f1f5f9}.nav-links a.active,.nav-links button.active{background:var(--theme-accent-gradient,linear-gradient(135deg, #4f46e5 0%, #6366f1 100%));color:#fff;box-shadow:var(--theme-accent-shadow,0 1px 2px #4f46e540);font-weight:600}.personalize-btn{background:var(--theme-accent-gradient,linear-gradient(135deg, #4f46e5, #7c3aed));color:#fff;cursor:pointer;box-shadow:var(--theme-accent-shadow,0 1px 3px #0000001a);border:none;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s}.personalize-btn:hover{transform:translateY(-1px)}body.has-app-wallpaper .app-container,body.has-app-wallpaper .app-main,body.has-app-wallpaper .app{background:0 0!important}body.has-app-wallpaper .main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9}.nav-user{align-items:center;gap:12px;display:flex}.nav-user span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.signout-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.signout-btn:hover{background:#e2e8f0;border-color:#cbd5e1}@media (width<=760px){.main-nav{gap:10px;padding:10px 14px}.nav-brand h2{font-size:15px}.nav-user span{display:none}.nav-links{flex-basis:100%;order:3;justify-content:flex-start;gap:2px;overflow-x:auto}.nav-links a,.nav-links button{padding:6px 10px;font-size:13px}}.app-main{flex:1;overflow-y:auto}.app{background:#f3f4f6;min-height:100vh;padding:24px}.header{text-align:center;margin-bottom:48px;padding-top:24px}.header h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:36px;font-weight:700}.subtitle{color:#94a3b8;font-size:16px;font-weight:400}.main-content{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.spinner{border:4px solid #1e293b;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:#94a3b8;font-size:16px}@media (width<=768px){.app{padding:16px}.header h1{font-size:28px}.subtitle{font-size:14px}}