:root{color:#1b2e40;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font-family:inherit}*{box-sizing:border-box}.login-page{background:#fff;grid-template-columns:47% 53%;width:100%;min-height:100vh;display:grid;overflow:hidden}.office-side{background-image:url(/office-finance.png);background-position:18% 0;background-repeat:no-repeat;background-size:cover;align-items:flex-start;min-height:100vh;padding:390px 58px 175px;display:flex;position:relative;overflow:hidden}.office-overlay{background:linear-gradient(90deg,#04122075 0%,#04162740 50%,#071a2c14 100%);position:absolute;inset:0}.office-content{z-index:3;width:100%;max-width:470px;position:relative}.office-content h1{color:#fff;letter-spacing:-2px;text-shadow:0 4px 18px #00000073;flex-direction:column;margin:0;font-size:clamp(42px,3.6vw,60px);font-weight:850;line-height:.99;display:flex}.office-content h1 strong{color:#e7b759;font-weight:850}.title-line{background:linear-gradient(90deg,#dfaa43,#ffd27b);border-radius:20px;width:54px;height:3px;margin:24px 0 17px}.office-content p{color:#fffffff5;text-shadow:0 2px 8px #00000073;max-width:440px;margin:0;font-size:15px;line-height:1.65}.benefits{z-index:4;background:linear-gradient(135deg,#052c52f7,#052345f5);border:1px solid #2c6fb059;border-radius:17px;grid-template-columns:repeat(3,1fr);width:min(610px,100% - 70px);display:grid;position:absolute;bottom:30px;left:35px;overflow:hidden;box-shadow:0 20px 45px #0000004d}.benefit{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:20px 14px;display:flex}.benefit:not(:last-child){border-right:1px solid #ffffff26}.benefit-icon{color:#e6ad46;width:38px;height:38px;margin-bottom:9px}.benefit-icon svg{width:100%;height:100%}.benefit strong{color:#fff;font-size:14px}.benefit span{color:#ffffffc7;max-width:140px;margin-top:7px;font-size:11px;line-height:1.45}.login-side{background:linear-gradient(130deg,#fff 0% 72%,#f7f9fb 100%);justify-content:center;align-items:center;min-height:100vh;padding:30px 70px 65px;display:flex;position:relative;overflow:hidden}.divider-blue{z-index:2;background:linear-gradient(#052849,#0b3b68);width:165px;height:130%;position:absolute;top:-100px;left:-105px;transform:rotate(13deg);box-shadow:12px 0 28px #001a3426}.divider-gold{z-index:3;background:linear-gradient(#edc26e,#b97c20);width:33px;height:130%;position:absolute;top:-100px;left:-43px;transform:rotate(13deg)}.login-container{z-index:5;width:min(100%,515px);margin-left:25px;position:relative}.logo-area{justify-content:center;align-items:center;height:195px;margin-bottom:3px;display:flex}.tpresto-logo{object-fit:contain;mix-blend-mode:multiply;width:285px;max-height:185px;display:block}.welcome{text-align:center;margin-bottom:30px}.small-title{color:#c18c32;letter-spacing:2.3px;margin-bottom:14px;font-size:11px;font-weight:900;display:block}.welcome h2{color:#082d53;letter-spacing:-1px;margin:0;font-size:34px;font-weight:850;line-height:1.1}.welcome p{color:#788593;margin-top:10px;font-size:14px}.input-group{background:#fff;border:1px solid #d8dde3;border-radius:7px;align-items:center;height:61px;margin-bottom:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #08233d09}.input-group:focus-within{border-color:#164e7e;box-shadow:0 0 0 4px #0a375e12}.input-icon-box{color:#fff;background:linear-gradient(145deg,#062a4e,#0d477a);border-radius:5px;flex:0 0 55px;place-items:center;width:55px;height:51px;margin-left:5px;display:grid}.input-icon-box svg{width:22px;height:22px}.input-group input{color:#243b50;width:100%;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;padding:0 17px;font-size:13px}.input-group input::placeholder{color:#87929d}.password-button{color:#193f63;cursor:pointer;background:0 0;border:0;margin-right:12px;padding:8px 9px;font-size:11px;font-weight:750}.login-options{justify-content:space-between;align-items:center;gap:20px;margin:20px 0 27px;display:flex}.remember{color:#5c6b79;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.remember input{accent-color:#0b335a;width:17px;height:17px}.forgot-password{color:#11528b;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.login-button{color:#fff;cursor:pointer;width:100%;height:61px;font:inherit;background:linear-gradient(90deg,#062c51,#0a477a);border:0;border-radius:7px;justify-content:center;align-items:center;gap:11px;font-size:14px;font-weight:800;display:flex;box-shadow:0 15px 30px #052d5233}.login-button svg{width:19px;height:19px}.system-name{color:#5e6c79;align-items:center;gap:14px;margin-top:36px;font-size:11px;display:flex}.system-name>span{background:#d8dde1;flex:1;height:1px}.system-name div{white-space:nowrap;flex-direction:column;align-items:center;display:flex}.system-name i{background:#d1a04a;width:34px;height:2px;margin-bottom:12px}.login-footer{z-index:5;color:#939eaa;font-size:10px;position:absolute;bottom:20px}@media (width<=1050px){.login-page{grid-template-columns:43% 57%}.office-side{background-position:18% 0;padding:380px 35px 165px}.office-content h1{font-size:43px}.benefits{width:calc(100% - 40px);left:20px}.login-side{padding:30px 45px 65px}}@media (width<=820px){.login-page{display:block}.office-side{display:none}.login-side{min-height:100vh;padding:30px 25px 80px}.divider-blue,.divider-gold{display:none}.login-container{margin-left:0}}