@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--primary-color:#059669;--primary-hover:#047857;--accent-color:#fbbf24;--bg-main:#f8fafc;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--error-color:#ef4444;--glass-bg:#ffffffe6;--glass-border:#fff6;--glass-shadow:0 20px 40px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}.page-container{width:100%;min-height:100vh;display:flex}.input-group{width:100%;margin-bottom:24px}.input-label{color:var(--text-primary);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.modern-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#fff;border-radius:12px;outline:none;padding:16px;font-size:16px;transition:all .3s;box-shadow:0 2px 4px #00000005}.modern-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #0596691a}.modern-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.modern-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #05966933}.modern-button:disabled{background:var(--text-secondary);cursor:not-allowed;box-shadow:none;transform:none}.error-text{color:var(--error-color);margin-top:10px;font-size:14px;display:block}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-wrapper{background-color:var(--bg-main);width:100%;min-height:100vh;display:flex}.login-left{background:linear-gradient(135deg, var(--primary-color) 0%, #064e3b 100%);width:50%;display:none;position:relative;overflow:hidden}@media (width>=1024px){.login-left{color:#fff;flex-direction:column;justify-content:center;padding:60px;display:flex}}.login-left-content{z-index:2;max-width:500px;position:relative}.login-left h1{margin-bottom:24px;font-size:48px;font-weight:700;line-height:1.2}.login-left p{opacity:.9;font-size:18px;line-height:1.6}.login-left:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#fff0 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:-200px;left:-200px}.login-right{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}@media (width>=1024px){.login-right{width:50%}}.login-form-container{width:100%;max-width:440px;box-shadow:var(--glass-shadow);background:#fff;border-radius:24px;padding:48px}.login-header{text-align:center;margin-bottom:40px}.login-header .logo-container{background-color:var(--bg-main);width:72px;height:72px;color:var(--primary-color);border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;font-size:32px;display:inline-flex}.login-header h2{color:var(--text-primary);margin-bottom:12px;font-size:28px}.login-header p{color:var(--text-secondary);font-size:16px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;font-size:20px;position:absolute;left:16px}.modern-input.with-icon{padding-left:48px}.hub-container{flex-direction:column;justify-content:flex-start;max-width:1100px;margin:0 auto;padding-top:60px}.hub-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:48px;padding:0 20px;display:flex}.hub-header h2{color:var(--text-primary);margin-bottom:8px;font-size:36px;font-weight:700}.hub-header p{color:var(--text-secondary);font-size:16px}.logout-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 4px #00000005}.logout-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;width:100%;padding:0 20px;display:grid}.app-card{border:1px solid var(--border-color);cursor:pointer;text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;padding:40px 32px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #00000005}.app-card:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 20px 40px #05966914}.app-card.disabled{opacity:.6;cursor:not-allowed;filter:grayscale()}.app-card.disabled:hover{border-color:var(--border-color);transform:none;box-shadow:0 4px 6px #00000005}.app-icon-wrapper{color:#fff;border-radius:24px;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:24px;font-size:40px;transition:transform .3s;display:flex}.app-card:not(.disabled):hover .app-icon-wrapper{transform:scale(1.1)rotate(-5deg)}.app-icon-wrapper.hrm{background:linear-gradient(135deg,#4f46e5,#3b82f6);box-shadow:0 12px 24px #4f46e540}.app-icon-wrapper.crm{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 12px 24px #10b98140}.app-icon-wrapper.fm{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 12px 24px #f59e0b40}.app-card h3{color:var(--text-primary);margin-bottom:12px;font-size:22px;font-weight:700}.app-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.lock-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lock-icon{opacity:.8;font-size:48px}