.login-container{display:flex;height:100vh;width:100%;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.login-image-section{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);background-image:linear-gradient(135deg,#667eeae6,#764ba2e6),url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;padding:60px;overflow:hidden}.login-overlay{position:relative;z-index:1;text-align:center;max-width:600px}.login-image-content{animation:fadeInUp .8s ease-out}.login-image-title{color:#fff!important;font-size:48px!important;font-weight:700!important;margin-bottom:24px!important;line-height:1.2!important;text-shadow:0 2px 10px rgba(0,0,0,.2)}.login-image-subtitle{color:#ffffffe6!important;font-size:18px!important;line-height:1.6!important;display:block}.login-form-section{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:60px 40px;overflow:hidden}.login-form-container{width:100%;max-width:450px;animation:fadeIn .8s ease-out}.login-header{margin-bottom:40px;text-align:center}.login-title{color:#1a1a1a!important;font-size:32px!important;font-weight:700!important;margin-bottom:8px!important}.login-subtitle{color:#666!important;font-size:15px!important;display:block}.login-form{margin-top:0}.login-form .ant-form-item-label>label{font-weight:500;font-size:14px;color:#333}.login-input{height:48px;border-radius:8px;border:2px solid #e8e8e8;transition:all .3s;font-size:15px}.login-input:hover,.login-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.login-input .ant-input-prefix{color:#999;margin-right:12px;font-size:16px}.login-button{height:50px;border-radius:8px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea66;transition:all .3s;margin-top:8px}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80;background:linear-gradient(135deg,#7689ee,#8459b2)}.login-button:active{transform:translateY(0)}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.login-footer-text{color:#666;font-size:14px;margin-right:8px}.login-link-button{padding:0;height:auto;font-weight:600;color:#667eea;font-size:14px}.login-link-button:hover{color:#764ba2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.login-image-section{display:none}.login-form-section{flex:1}}@media (max-width: 768px){.login-form-section{padding:40px 24px}.login-image-title{font-size:36px!important}.login-title{font-size:28px!important}.login-form-container{max-width:100%}}@media (max-width: 480px){.login-form-section{padding:24px 16px}.login-title{font-size:24px!important}.login-input{height:44px}.login-button{height:46px}}.login-form .ant-input-affix-wrapper{border-radius:8px;border:2px solid #e8e8e8;padding:11px 15px;transition:all .3s}.login-form .ant-input-affix-wrapper:hover,.login-form .ant-input-affix-wrapper:focus,.login-form .ant-input-affix-wrapper-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.login-form .ant-input-password{height:48px}.login-form .ant-form-item-explain-error{font-size:13px}.login-button .anticon-loading{font-size:18px}body,html,#root{margin:0!important;padding:0!important;width:100%!important;overflow-x:hidden!important}.site-layout-content{min-height:280px;padding:24px;background:#fff}.logo{float:left;width:120px;height:31px;margin:16px 24px 16px 0;background:#ffffff4d}.ant-row-rtl .logo{float:right;margin:16px 0 16px 24px}.ant-layout{margin:0!important;padding:0!important}.ant-layout-header,.custom-header{background:#18223b!important;height:70px!important;line-height:70px!important;margin:0!important;padding-left:32px!important;padding-right:32px!important;width:100%!important;box-sizing:border-box!important}.custom-header *{background:transparent!important}.elegant-menu{border-bottom:none!important}.elegant-menu .ant-menu-item{padding:0 24px!important;height:50px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff!important;font-weight:500;border-radius:12px!important;margin:0 4px;transition:all .3s ease;border:none!important}.elegant-menu .ant-menu-item:hover{background:#f8fafc!important;color:#fff!important;transform:translateY(-1px)}.elegant-menu .ant-menu-item-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 15px #667eea66}.elegant-menu .ant-menu-item-selected:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;transform:translateY(-1px)}.elegant-menu .ant-menu-item .anticon{font-size:16px}.elegant-menu .ant-menu-item span{font-size:14px;font-weight:500}.layout,.ant-layout-content{background:#f8fafc}.layout{min-height:100vh}.ant-layout-header{background:#fff!important}.ant-layout-footer{background:#f0f2f5}@media (max-width: 768px){.desktop-menu{display:none!important}.mobile-menu-button{display:block!important}.ant-layout-header,.custom-header{padding-left:16px!important;padding-right:16px!important}.logo{min-width:auto!important}.logo img{height:32px!important}.ant-layout-content{padding:16px!important}.ant-layout-content>div{padding:16px!important}}