: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}.dashboard-shell{color:#fff;background:radial-gradient(circle at 80% 10%,#0ab36c1a,#0000 32%),linear-gradient(145deg,#043d37 0%,#063f39 42%,#03322f 100%);min-height:100vh;display:flex}.sidebar{z-index:20;color:#fff;background:linear-gradient(#032c33 0%,#022930 52%,#022329 100%);border-right:1px solid #25cd802e;flex-direction:column;width:255px;padding:25px 17px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 30px #00000029}.sidebar-brand{align-items:center;gap:13px;padding:2px 10px 28px;display:flex}.sidebar-logo{color:#173920;background:linear-gradient(145deg,#ffd769,#d39a28);border-radius:13px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-family:Georgia,serif;font-size:29px;font-weight:900;display:grid;box-shadow:0 8px 22px #0003,inset 0 1px #ffffffa6}.sidebar-brand strong{color:#fff;letter-spacing:.3px;font-size:17px;display:block}.sidebar-brand span{color:#f4bf39;margin-top:3px;font-size:9px;display:block}.sidebar-section-title{color:#ffffff6e;letter-spacing:1.6px;padding:0 13px 11px;font-size:9px;font-weight:800}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#ffffffb8;cursor:pointer;width:100%;height:48px;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:0 13px;font-size:13px;font-weight:550;transition:background .17s,color .17s,transform .17s;display:flex}.nav-item:hover{color:#fff;background:#11be6921;transform:translate(2px)}.nav-item.active{color:#fff;background:linear-gradient(90deg,#08a75e,#0ab96b);box-shadow:0 8px 22px #03ae6142,inset 3px 0 #ffcc3e}.nav-item.active svg{color:#ffe15c}.sidebar-bottom{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:17px}.nav-item.logout{color:#ff9c85;margin-top:3px}.dashboard-main{width:calc(100% - 255px);min-height:100vh;margin-left:255px}.topbar{color:#fff;background:linear-gradient(90deg,#075440,#036044);border-bottom:1px solid #5be8a326;justify-content:space-between;align-items:center;height:82px;padding:0 32px;display:flex;box-shadow:0 5px 20px #0000001a}.topbar-left{align-items:center;gap:14px;display:flex}.mobile-menu{color:#fff;background:0 0;border:0;display:none}.page-overline{color:#ffd543;letter-spacing:1.7px;font-size:9px;font-weight:900;display:block}.topbar h1{color:#fff;letter-spacing:-.6px;margin:3px 0 0;font-size:24px}.topbar-actions{align-items:center;gap:13px;display:flex}.search-box{color:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00372a6b;border:1px solid #ffffff29;border-radius:11px;align-items:center;gap:9px;width:270px;height:43px;padding:0 14px;display:flex}.search-box input{color:#fff;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.search-box input::placeholder{color:#ffffff94}.notification-button{color:#fff;cursor:pointer;background:#00372a59;border:1px solid #ffffff26;border-radius:10px;place-items:center;width:43px;height:43px;display:grid;position:relative}.notification-button span{background:#ff4d35;border:2px solid #075440;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.user-box{align-items:center;gap:10px;padding-left:7px;display:flex}.user-avatar{color:#fff;background:linear-gradient(145deg,#d7a83a,#8a782b);border-radius:12px;place-items:center;width:41px;height:41px;font-weight:800;display:grid;box-shadow:0 7px 18px #00000029}.user-info strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:11px;display:block;overflow:hidden}.user-info span{color:#ffffffa3;text-transform:capitalize;margin-top:2px;font-size:9px;display:block}.dashboard-content{padding:27px 30px 45px}.welcome-panel{color:#fff;background:linear-gradient(110deg,#078b4c 0%,#08aa59 43%,#1fae50 100%);border:1px solid #2ce1863d;border-radius:17px;justify-content:space-between;align-items:center;min-height:125px;padding:25px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #011c1738}.welcome-panel:before{content:"";background:#66ff961a;border-radius:50%;width:520px;height:180px;position:absolute;top:-65px;right:130px;transform:rotate(-10deg)}.welcome-panel:after{content:"";border:34px solid #ffffff0f;border-radius:50%;width:260px;height:260px;position:absolute;top:-145px;right:-55px}.welcome-label{color:#ffe04f;letter-spacing:1.8px;font-size:9px;font-weight:900}.welcome-panel h2{z-index:2;letter-spacing:-.8px;margin:7px 0 5px;font-size:25px;position:relative}.welcome-panel p{z-index:2;color:#fffc;margin:0;font-size:12px;position:relative}.welcome-date{z-index:3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#015a3445;border:1px solid #ffffff2b;border-radius:11px;align-items:center;gap:12px;min-width:188px;padding:13px 15px;display:flex;position:relative}.welcome-date svg{color:#ffdc31}.welcome-date span{color:#ffffff9e;font-size:9px;display:block}.welcome-date strong{color:#fff;margin-top:2px;font-size:11px;display:block}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:18px;display:grid}.stat-card{color:#fff;border:0;border-radius:15px;min-height:175px;padding:20px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 12px 28px #0000002e}.stat-card:first-child{background:linear-gradient(145deg,#08b25d,#078846)}.stat-card:nth-child(2){background:linear-gradient(145deg,#ffbc17,#e88a00)}.stat-card:nth-child(3){background:linear-gradient(145deg,#16b6d0,#007aaf)}.stat-card:nth-child(4){background:linear-gradient(145deg,#8e54d9,#5330a4)}.stat-card:after{content:"";border:25px solid #ffffff12;border-radius:50%;width:150px;height:150px;position:absolute;top:-75px;right:-65px}.stat-card:hover{transform:translateY(-4px);box-shadow:0 17px 38px #00000040}.stat-card-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.stat-icon{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff26;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.stat-trend{border-radius:20px;align-items:center;gap:2px;padding:5px 8px;font-size:9px;font-weight:800;display:flex}.stat-trend.positive{color:#fff;background:#00603142}.stat-trend.negative{color:#fff;background:#82001447}.stat-title{z-index:2;color:#ffffffd1;margin-top:16px;font-size:11px;display:block;position:relative}.stat-value{z-index:2;color:#fff;letter-spacing:-.5px;margin-top:5px;font-size:25px;display:block;position:relative}.stat-description{z-index:2;color:#ffffffb3;margin-top:6px;font-size:9px;display:block;position:relative}.dashboard-secondary{grid-template-columns:1.6fr .8fr;gap:17px;margin-top:18px;display:grid}.dashboard-lower{grid-template-columns:.9fr 1.1fr;gap:17px;margin-top:18px;display:grid}.panel{color:#fff;background:linear-gradient(145deg,#034b40f5,#023a36f7);border:1px solid #21d08533;border-radius:16px;box-shadow:0 10px 27px #00000026}.collection-panel,.portfolio-panel,.quick-panel,.activity-panel{padding:22px}.panel-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.panel-eyebrow{color:#a6ec45;letter-spacing:1.5px;font-size:8px;font-weight:900}.portfolio-panel .panel-eyebrow{color:#ffc928}.panel-header h3{color:#fff;margin:4px 0 0;font-size:16px}.panel-link{color:#ffffffb8;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;font-size:10px;display:flex}.panel-header-icon{color:#ffc12e}.collection-total{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.collection-total>div:first-child span{color:#ffffffa6;font-size:10px;display:block}.collection-total>div:first-child strong{color:#fff;margin-top:5px;font-size:34px;display:block}.collection-circle{background:conic-gradient(#12d56a 0deg 0deg,#ffffff21 0deg);border-radius:50%;place-items:center;width:86px;height:86px;display:grid;box-shadow:0 8px 22px #00000024}.collection-circle>div{text-align:center;background:#034c42;border-radius:50%;place-content:center;width:66px;height:66px;display:grid}.collection-circle strong{color:#fff;font-size:16px}.collection-circle span{color:#fff9;font-size:8px}.collection-progress{margin-top:20px}.progress-head{color:#ffffffa6;justify-content:space-between;font-size:9px;display:flex}.progress-track{background:#ffffff1f;border-radius:10px;height:7px;margin-top:8px;overflow:hidden}.progress-value{background:linear-gradient(90deg,#0ddc67,#76eb35);border-radius:10px;height:100%}.collection-details{border-top:1px solid #ffffff1a;grid-template-columns:repeat(4,1fr);margin-top:19px;padding-top:17px;display:grid}.collection-details>div{text-align:center}.collection-details>div:not(:last-child){border-right:1px solid #ffffff1a}.collection-details span{color:#ffffff96;font-size:9px;display:block}.collection-details strong{color:#fff;margin-top:4px;font-size:16px;display:block}.portfolio-main{margin-top:24px}.portfolio-big{border-bottom:1px solid #ffffff1a;padding-bottom:18px}.portfolio-big strong{color:#fff;font-size:38px;display:block}.portfolio-big span{color:#ffffff9c;font-size:10px}.portfolio-list{flex-direction:column;gap:13px;margin-top:15px;display:flex}.portfolio-list>div{color:#ffffffbd;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;font-size:10px;display:grid}.portfolio-list strong{color:#fff}.status-dot{border-radius:50%;width:9px;height:9px}.status-dot.green{background:#13d76d;box-shadow:0 0 10px #13d76d80}.status-dot.gold{background:#ffb913}.status-dot.red{background:#ff5244}.quick-actions{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:18px;display:grid}.quick-actions button{color:#fff;cursor:pointer;min-height:84px;font:inherit;text-align:left;border:0;border-radius:12px;align-items:center;gap:11px;padding:13px;font-size:10px;font-weight:700;transition:transform .17s,box-shadow .17s;display:flex;position:relative;overflow:hidden}.quick-actions button:first-child{background:linear-gradient(145deg,#08ad5a,#077e43)}.quick-actions button:nth-child(2){background:linear-gradient(145deg,#e7a800,#bd7700)}.quick-actions button:nth-child(3){background:linear-gradient(145deg,#0ba5cc,#086fa2)}.quick-actions button:nth-child(4){background:linear-gradient(145deg,#8250cc,#523396)}.quick-actions button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000038}.quick-actions button div{color:#fff;background:#ffffff26;border-radius:10px;flex:0 0 41px;place-items:center;width:41px;height:41px;display:grid}.empty-activity{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:170px;display:flex}.empty-icon{color:#53e768;background:#08a75424;border:1px solid #13dd6c3d;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:10px;display:grid}.empty-activity strong{color:#fff;font-size:11px}.empty-activity span{color:#ffffff8f;max-width:260px;margin-top:5px;font-size:9px;line-height:1.5}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-secondary,.dashboard-lower{grid-template-columns:1fr}}@media (width<=850px){.sidebar{display:none}.dashboard-main{width:100%;margin-left:0}.mobile-menu{place-items:center;display:grid}.search-box{display:none}.dashboard-content{padding:20px}}@media (width<=600px){.topbar{padding:0 17px}.user-info{display:none}.welcome-panel{flex-direction:column;align-items:flex-start;gap:17px}.stats-grid{grid-template-columns:1fr}.collection-details{grid-template-columns:repeat(2,1fr);gap:13px}.collection-details>div{border-right:0!important}.quick-actions{grid-template-columns:1fr}}.clientes-page{color:#fff;background:radial-gradient(circle at 85% 10%,#1ed8841f,#0000 30%),linear-gradient(145deg,#043d37,#03312f);min-height:100vh;padding:30px}.clientes-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.clientes-overline{color:#ffcf38;letter-spacing:1.8px;font-size:9px;font-weight:900}.clientes-header h1{margin:5px 0 3px;font-size:30px}.clientes-header p{color:#ffffffa8;margin:0;font-size:12px}.nuevo-cliente-button{color:#fff;cursor:pointer;height:46px;font:inherit;background:linear-gradient(135deg,#0dbd67,#078e4d);border:0;border-radius:10px;align-items:center;gap:8px;padding:0 17px;font-size:12px;font-weight:800;display:flex;box-shadow:0 10px 25px #0000002e}.clientes-resumen{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px;display:grid}.clientes-resumen article{background:linear-gradient(145deg,#044e42f5,#033936f7);border:1px solid #21d08530;border-radius:14px;align-items:center;gap:13px;min-height:95px;padding:18px;display:flex;box-shadow:0 10px 25px #00000024}.resumen-icon{border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.resumen-icon.verde{color:#fff;background:linear-gradient(145deg,#0fc868,#07954f)}.resumen-icon.dorado{color:#fff;background:linear-gradient(145deg,#ffc62d,#dd8e05)}.resumen-icon.azul{color:#fff;background:linear-gradient(145deg,#18b9d0,#087baa)}.clientes-resumen span{color:#ffffff9e;font-size:10px;display:block}.clientes-resumen strong{margin-top:4px;font-size:23px;display:block}.clientes-panel{background:linear-gradient(145deg,#044e42fa,#033936fa);border:1px solid #21d08530;border-radius:16px;margin-top:18px;overflow:hidden;box-shadow:0 12px 28px #00000029}.clientes-filtros{border-bottom:1px solid #ffffff17;grid-template-columns:1fr 190px 230px;gap:12px;padding:18px;display:grid}.clientes-search{color:#ffffffa1;background:#00352d75;border:1px solid #ffffff21;border-radius:10px;align-items:center;gap:9px;height:44px;padding:0 13px;display:flex}.clientes-search input{color:#fff;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.clientes-search input::placeholder{color:#ffffff75}.clientes-filtros select{color:#fff;min-width:0;font:inherit;background:#07483f;border:1px solid #ffffff21;border-radius:10px;padding:0 12px;font-size:11px}.clientes-tabla-wrap{overflow-x:auto}.clientes-tabla{border-collapse:collapse;width:100%}.clientes-tabla th{color:#ffffff78;letter-spacing:.7px;text-align:left;border-bottom:1px solid #ffffff17;padding:14px 16px;font-size:9px;font-weight:800}.clientes-tabla td{color:#ffffffc9;border-bottom:1px solid #ffffff12;padding:15px 16px;font-size:10px}.clientes-tabla tbody tr:hover{background:#0cb86212}.cliente-nombre{align-items:center;gap:10px;display:flex}.cliente-avatar{color:#fff;background:linear-gradient(145deg,#0ebd65,#077f47);border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.cliente-nombre strong{color:#fff;font-size:11px;display:block}.cliente-nombre span{color:#ffffff78;margin-top:2px;font-size:8px;display:block}.estado-badge{text-transform:capitalize;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-block}.estado-badge.activo{color:#a9ffc5;background:#0fcb6326}.estado-badge.inactivo{color:#ffaba2;background:#ff524424}.clientes-vacio{height:220px;text-align:center!important;color:#ffffff80!important}.clientes-vacio svg{color:#2bd180;margin:0 auto 10px;display:block}.clientes-vacio strong{color:#ffffffc4;font-size:11px;display:block}.clientes-vacio span{margin-top:4px;font-size:9px;display:block}.cliente-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#001714c7;place-items:center;padding:25px;display:grid;position:fixed;inset:0;overflow-y:auto}.cliente-modal{color:#fff;background:linear-gradient(145deg,#064f44,#033b36);border:1px solid #2cdc853d;border-radius:18px;width:min(100%,850px);max-height:calc(100vh - 50px);overflow-y:auto;box-shadow:0 30px 70px #0006}.cliente-modal-header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.cliente-modal-header span{color:#ffc837;letter-spacing:1.7px;font-size:8px;font-weight:900}.cliente-modal-header h2{margin:4px 0 0;font-size:21px}.cliente-modal-header button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.cliente-modal form{padding:22px}.cliente-error{color:#ffd3ce;background:#bc2e2333;border:1px solid #ff67594d;border-radius:9px;margin-bottom:17px;padding:11px 13px;font-size:10px}.form-section-title{color:#9df0bb;letter-spacing:1.2px;text-transform:uppercase;margin:19px 0 11px;font-size:9px;font-weight:900}.form-section-title:first-of-type{margin-top:0}.cliente-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.cliente-form-grid label{display:block}.cliente-form-grid label>span{color:#ffffffb0;margin-bottom:7px;font-size:9px;display:block}.full-width{grid-column:1/-1}.form-input{color:#ffffff7a;background:#002d276e;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:8px;height:43px;padding:0 11px;display:flex}.form-input input{color:#fff;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.cliente-form-grid select,.simple-input,.cliente-form-grid textarea{color:#fff;width:100%;font:inherit;background:#06483f;border:1px solid #ffffff1f;border-radius:9px;font-size:11px}.cliente-form-grid select,.simple-input{height:43px;padding:0 11px}.cliente-form-grid textarea{resize:vertical;min-height:85px;padding:11px}.cliente-modal-actions{border-top:1px solid #ffffff17;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.cliente-modal-actions button{cursor:pointer;min-width:130px;height:43px;font:inherit;border-radius:9px;font-size:10px;font-weight:800}.cancelar-button{color:#fff;background:#ffffff0f;border:1px solid #ffffff21}.guardar-button{color:#fff;background:linear-gradient(135deg,#0dc66a,#078c4c);border:0;box-shadow:0 8px 20px #00000029}@media (width<=900px){.clientes-resumen,.clientes-filtros{grid-template-columns:1fr}}@media (width<=650px){.clientes-page{padding:18px}.clientes-header{flex-direction:column;align-items:flex-start}.cliente-form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}}.clientes-header h1{font-size:38px}.clientes-header p{font-size:15px}.clientes-overline{font-size:11px}.nuevo-cliente-button{height:52px;padding:0 22px;font-size:14px}.clientes-resumen span{font-size:12px}.clientes-resumen strong{font-size:28px}.clientes-filtros{grid-template-columns:1fr 210px 250px}.clientes-search{height:50px}.clientes-search input{font-size:14px}.clientes-filtros select{min-height:50px;font-size:13px}.clientes-tabla th{padding:17px 18px;font-size:11px}.clientes-tabla td{padding:18px;font-size:13px}.cliente-avatar{flex:0 0 42px;width:42px;height:42px;font-size:15px}.cliente-nombre strong{font-size:14px}.cliente-nombre span{font-size:10px}.estado-badge{padding:6px 10px;font-size:10px}.cliente-modal{width:min(100%,1000px)}.cliente-modal-header span{font-size:10px}.cliente-modal-header h2{font-size:27px}.form-section-title{margin-top:24px;margin-bottom:14px;font-size:12px}.cliente-form-grid{gap:18px}.cliente-form-grid label>span{margin-bottom:8px;font-size:12px}.form-input{height:52px;padding:0 14px}.form-input svg{width:19px;height:19px}.form-input input{font-size:14px}.cliente-form-grid select,.simple-input{height:52px;padding:0 14px;font-size:14px}.cliente-form-grid textarea{min-height:105px;padding:14px;font-size:14px}.cliente-modal-actions button{min-width:155px;height:50px;font-size:13px}.cliente-error{font-size:13px}.sidebar{width:270px}.dashboard-main{width:calc(100% - 270px);margin-left:270px}.sidebar-brand strong{font-size:19px}.sidebar-brand span,.sidebar-section-title{font-size:10px}.nav-item{gap:14px;height:52px;font-size:15px}.nav-item svg{width:20px;height:20px}*{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}}