@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--bg-dark:#0f172a;--bg-gradient:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--error-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}body:before,body:after{content:"";z-index:-1;filter:blur(100px);border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}body:before{background:#4f46e54d;width:400px;height:400px;top:-100px;left:-100px}body:after{background:#38bdf833;width:500px;height:500px;animation-delay:-10s;bottom:-200px;right:-100px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.page-container{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.input-group{width:100%;margin-bottom:20px}.input-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.glass-input{border:1px solid var(--glass-border);color:#fff;background:#0f172a66;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:all .3s}.glass-input:focus{border-color:var(--primary-color);background:#0f172a99;box-shadow:0 0 0 2px #4f46e533}.glass-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.glass-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.glass-button:disabled{background:var(--text-secondary);cursor:not-allowed;box-shadow:none;transform:none}.error-text{color:var(--error-color);text-align:center;margin-top:8px;font-size:14px}.login-box{width:100%;max-width:400px;padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-header .logo{width:64px;height:64px;margin-bottom:16px;box-shadow:0 4px 12px #4f46e566}.login-header h2{margin-bottom:8px;font-size:24px;font-weight:700}.login-header p{color:var(--text-secondary);font-size:14px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);font-size:18px;position:absolute;left:16px}.glass-input.with-icon{padding-left:44px}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hub-container{flex-direction:column;justify-content:flex-start;max-width:1000px;margin:0 auto;padding-top:80px}.hub-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:60px;display:flex}.hub-header h2{margin-bottom:8px;font-size:32px;font-weight:700}.hub-header p{color:var(--text-secondary);font-size:16px}.logout-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .3s;display:flex}.logout-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef444480}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;display:grid}.app-card{cursor:pointer;text-align:center;flex-direction:column;align-items:center;padding:32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.app-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-10px);box-shadow:0 15px 35px #0006}.app-icon-wrapper{color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;font-size:36px;transition:all .3s;display:flex}.app-card:hover .app-icon-wrapper{transform:scale(1.1)}.app-icon-wrapper.hrm{background:linear-gradient(135deg,#4f46e5,#3b82f6);box-shadow:0 8px 24px #4f46e566}.app-icon-wrapper.crm{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166}.app-icon-wrapper.fm{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b66}.app-card h3{margin-bottom:12px;font-size:20px;font-weight:600}.app-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}