.login-page{display:flex;min-height:100vh;font-family:Inter,sans-serif}.login-left{width:52%;position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(165deg,#120028,#1b063a,#2e0b63 60%,#4b14d1)}.login-left:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(75,20,209,.3) 0%,transparent 70%)}.left-decor-circles{position:absolute;top:30px;right:40px;width:180px;height:180px}.left-dot-grid{position:absolute;top:60px;right:60px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.left-dot-grid span{width:3px;height:3px;border-radius:50%;background:#ffffff14}.left-content{position:relative;z-index:1;padding:36px 48px;flex:1;display:flex;flex-direction:column}.login-logo{display:flex;align-items:center;gap:10px}.login-logo-text{font-size:20px;font-weight:700;color:#fff}.login-hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px}.login-welcome{font-size:16px;color:#a78bfa;font-weight:500;margin-bottom:8px}.login-title{font-size:40px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:12px}.login-subtitle{font-size:15px;color:#ffffff80;margin-bottom:12px}.login-dots{display:flex;gap:8px;margin-bottom:32px}.login-dots span{width:8px;height:8px;border-radius:50%;background:#fff3}.login-dots span:first-child{background:#6c5ce7}.login-features{display:flex;flex-direction:column;gap:20px;max-width:380px;text-align:left}.login-feature{display:flex;align-items:flex-start;gap:14px}.login-feature-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff14}.login-feature-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:3px}.login-feature-desc{font-size:12.5px;color:#ffffff80;line-height:1.4}.login-illustration{position:relative;height:45%;min-height:220px}.login-illustration img{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:92%;pointer-events:none}.login-right{width:48%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 64px;position:relative}.login-lang{position:absolute;top:24px;right:32px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#64748b;font-size:13px}.login-form-wrap{width:100%;max-width:400px}.login-heading{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:8px}.login-subheading{font-size:14px;color:#64748b;margin-bottom:32px}.login-error{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:13px}.login-label{display:block;font-size:14px;font-weight:600;color:#0f172a;margin-bottom:8px}.login-input-wrap{position:relative;margin-bottom:20px}.login-input-wrap svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-input{width:100%;padding:15px 16px 15px 48px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#1e293b;outline:none;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.login-otp-btn{width:100%;padding:15px 0;background:linear-gradient(135deg,#6c5ce7,#5b16d9);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .2s}.login-otp-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce759}.login-back-btn{margin-top:12px;background:none;border:none;color:#6c5ce7;font-size:13px;cursor:pointer;font-weight:500}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.login-divider-line{flex:1;height:1px;background:#e2e8f0}.login-divider-text{font-size:13px;color:#94a3b8;font-weight:500}.login-google-btn{width:100%;padding:14px 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.login-google-btn:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.login-secure{display:flex;gap:12px;margin-top:28px;padding:16px 18px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;align-items:flex-start}.login-secure-title{font-size:13px;font-weight:600;color:#0f172a;margin-bottom:3px}.login-secure-desc{font-size:12px;color:#64748b;line-height:1.5}.login-footer{position:absolute;bottom:24px;font-size:12px;color:#94a3b8}@media (max-width: 900px){.login-page{flex-direction:column}.login-left,.login-right{width:100%}.login-right{padding:32px 24px}}.login-page [style*="position: absolute"][style*="left: 16px"]{top:50%;transform:translateY(-50%)}svg[style*=position]{top:50%!important;transform:translateY(-50%)!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f5f7fa;color:#333;-webkit-font-smoothing:antialiased}:root{--primary: #6c5ce7;--primary-dark: #5a4bd1;--primary-light: #a29bfe;--sidebar-bg: #1a1a2e;--sidebar-active: #6c5ce7;--success: #00b894;--warning: #fdcb6e;--danger: #e17055;--info: #0984e3;--text-primary: #2d3436;--text-secondary: #636e72;--border: #e0e6ed;--card-bg: #ffffff;--orange: #e67e22;--green: #27ae60;--blue: #2980b9;--red: #e74c3c}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select{font-family:inherit;outline:none}input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;color:#6c5ce7}a{text-decoration:none;color:inherit}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}th{font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}td{font-size:14px;color:var(--text-primary)}.badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.badge-operational{background:#d4edda;color:#155724}.badge-non-operational{background:#f8d7da;color:#721c24}.badge-draft{background:#fff3cd;color:#856404}.badge-submitted{background:#cce5ff;color:#004085}.badge-approved{background:#d4edda;color:#155724}.badge-locked{background:#e2e3e5;color:#383d41}