*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(-45deg,#fafafa,#dcedc8,#b2ebf2,#000);background-size:400% 400%;animation:gradient 15s ease infinite}#root{min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){input,select,textarea{font-size:16px}.scroll-container{-webkit-overflow-scrolling:touch}button,a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media (max-width: 480px){body{font-size:14px}}@media (max-height: 500px) and (orientation: landscape){body{padding:5px}}.container{max-width:100vw;overflow-x:hidden}*{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo{transition:transform .3s ease,filter 9.3 ease}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.login-header .logo-container{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.auth-layout{width:100%;height:100vh}.auth-layout__identity{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.auth-layout__identity__container{text-align:center;padding:2rem}.auth-layout__identity__logo{max-width:300px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:transform .3s ease,filter .3s ease}.auth-layout__identity__logo:hover{transform:scale(1.05);filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.auth-layout__form-section{display:flex;align-items:center;justify-content:center;padding:2rem;background:#f8f9fa}.auth-layout__form-container{width:100%;max-width:400px;display:flex;justify-content:center;align-items:center}@media (max-width: 767px){.auth-layout__identity{height:auto;min-height:50vh}.auth-layout__identity__logo{max-width:200px}.auth-layout__identity__container{padding:1rem}.auth-layout__form-section{padding:1rem;min-height:50vh}.auth-layout__form-container{max-width:100%;padding:0 1rem}}@media (max-width: 480px){.auth-layout__form-section{padding:.5rem}.auth-layout__form-container{padding:0 .5rem}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-box{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:100%;max-width:380px;margin:20px auto;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp .6s ease-out}.login-box:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.logo-container{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.company-logo{max-width:200px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease,filter .3s ease}.company-logo:hover{transform:scale(1.02);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.login-header h1{color:#333;margin-bottom:.5rem;font-size:1.8rem;font-weight:600;letter-spacing:-.5px}.login-header p{color:#666;margin:0;font-size:.95rem;font-weight:400;opacity:.8}.login-form{width:100%;animation:fadeInUp .6s ease-out .2s both}.login-form .ant-form-item-label>label{color:#333;font-weight:500}.login-form .ant-input,.login-form .ant-input-password{border-radius:8px;border:1px solid #d9d9d9;padding:12px;font-size:1rem}.login-form .ant-input:focus,.login-form .ant-input-password:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.login-submit-button{height:48px;border-radius:8px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;margin-top:1rem;width:100%}.login-submit-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.login-box{padding:2rem;margin:20px auto;max-width:calc(100% - 40px)}.company-logo{max-width:150px}.login-header h1{font-size:1.5rem}.login-header p{font-size:.9rem}}@media (max-width: 480px){.login-box{padding:1.5rem;margin:20px auto;max-width:calc(100% - 40px)}.company-logo{max-width:120px}.login-header h1{font-size:1.3rem}.login-header p{font-size:.85rem}}