:root{--nav:#07182b;--nav2:#0b2940;--a:#12a99f;--bg:#f4f7fa;--ink:#102033;--mut:#7a8b9d;--line:#dfe7ee;--shadow:0 10px 30px #0b223912}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:13px Inter,Segoe UI,Arial;color:var(--ink)}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}aside{position:fixed;left:0;top:0;bottom:0;width:238px;background:linear-gradient(180deg,var(--nav),#081e32);color:#bdd0df;padding:20px 14px;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:5px 8px 20px;border-bottom:1px solid #ffffff12}.brand b{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#2bd4c7,#18a9c0);color:#052234;font-size:21px}.brand span{font-weight:800;font-size:12px;color:white}.brand small{display:block;font-size:7px;color:#88a3b8;letter-spacing:1px;margin-top:4px}.company{margin:15px 3px;padding:10px;border:1px solid #ffffff12;border-radius:9px;font-size:9px}.company:first-letter{color:#1bd3a9}.nav{display:flex;align-items:center;gap:10px;height:46px;padding:0 12px;border-radius:9px;margin:3px 0;font-size:16px;font-weight:600}.nav i{font-style:normal;width:24px;text-align:center;color:#88a5b9;font-size:16px}.nav:hover{background:#ffffff09;color:white}.nav.sel{background:linear-gradient(90deg,#0c5964,#0b3047);color:white;box-shadow:inset 3px 0 var(--a)}.nav.sel i{color:#57e0d4}.bottom{position:absolute;bottom:18px;left:14px;right:14px;border-top:1px solid #ffffff12;padding-top:15px}.bottom small,.bottom a{display:block;font-size:8px;padding:7px;color:#8ca4b7}main{margin-left:238px;width:calc(100% - 238px)}header{height:64px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}header button{display:none}header small{display:block;font-size:7px;letter-spacing:1px;color:#7b90a2}header strong{display:block;margin-top:4px;font-size:14px}.user{font-size:9px;color:#667b8d}.content{padding:28px 32px}.hero,.module-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.hero small,.module-head small{font-size:8px;color:#07958e;letter-spacing:1.5px;font-weight:800}.hero h1,.module-head h1{font-size:27px;margin:7px 0}.hero p,.module-head p,.card>p{font-size:10px;color:var(--mut);margin:0}.btn{display:inline-block;background:linear-gradient(135deg,#13b0a6,#0a9792);color:white;border:0;border-radius:9px;padding:10px 14px;font-size:9px;font-weight:800;margin-left:6px}.btn.light{background:white;color:var(--ink);border:1px solid var(--line)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.kpis>div{background:white;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.kpis small,.kpis em{display:block;font-size:8px;color:var(--mut)}.kpis b{display:block;font-size:25px;margin:6px 0}.kpis em{font-style:normal}.kpis .green{background:linear-gradient(135deg,#12a79e,#078c89);color:white}.green small,.green em{color:#d7fffb}.cols{display:grid;grid-template-columns:1.8fr .8fr;gap:14px;margin-bottom:14px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow);margin-bottom:14px}.card h2{font-size:13px;margin:0 0 4px}.card h3{font-size:27px;margin:25px 0 4px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.quick a,.ops a{position:relative;border:1px solid var(--line);border-radius:9px;padding:12px}.quick b,.quick small,.ops b,.ops small{display:block}.quick b,.ops b{font-size:9px}.quick small,.ops small{font-size:7px;color:var(--mut);margin-top:4px}.quick strong{position:absolute;right:9px;top:50%;color:#9aaab8}.outline{display:block;border:1px solid var(--line);padding:9px;border-radius:8px;font-size:8px;font-weight:800;margin-top:14px}.ops{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}hr{border:0;border-top:1px solid var(--line);margin:15px 0}.empty{text-align:center;padding:70px 20px;color:var(--mut)}.empty div{margin:auto;width:45px;height:45px;border-radius:12px;background:#e5f8f5;color:#0b9e95;display:grid;place-items:center;font-size:20px}.empty h3{color:var(--ink);margin:14px 0 5px;font-size:14px}.table-wrap{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse;font-size:8px}th{text-align:left;background:#f6f8fa;color:#65798c;padding:10px;text-transform:uppercase;font-size:7px}td{padding:10px;border-bottom:1px solid #edf1f4}tr:hover td{background:#fbfdfd}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form label{font-size:8px;font-weight:800;color:#50677b}.form input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:8px;outline:none;font-size:10px}.form>div{grid-column:1/-1}.module-head{background:linear-gradient(120deg,#09263d,#0b4c56);color:white;border-radius:14px;padding:20px 22px}.module-head p{color:#b8ced9}.module-head small{color:#66e2d8}footer{border-top:1px solid var(--line);padding:16px 0;font-size:7px;color:#91a0ad}footer span{float:right}.login{min-height:100vh;display:grid;grid-template-columns:42% 58%;background:#f5f8fb}.login-left{background:linear-gradient(145deg,#07182b,#08243b);color:white;padding:50px 8%}.login-left .brand{border:0;padding:0}.kicker{display:inline-block;margin-top:65px;border:1px solid #35d1c620;color:#58ddd5;padding:7px 11px;border-radius:20px;font-size:7px;letter-spacing:1px}.login-left h1{font-size:36px;line-height:1.1;margin:28px 0 12px}.login-left em{color:#5adfd6;font-style:normal}.login-left p{color:#9eb6c8;line-height:1.8;font-size:10px;max-width:500px}.login-right{display:grid;place-items:center}.login-right form{background:white;border:1px solid var(--line);box-shadow:0 20px 50px #0b22391a;border-radius:16px;padding:30px;width:min(410px,88%)}.login-right label{display:block;font-size:8px;font-weight:800;margin:14px 0 6px}.login-right input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px}.login-right button{width:100%;margin-top:20px;padding:12px;border:0;border-radius:8px;background:#0fa69e;color:white;font-weight:800}.login-right small{display:block;text-align:center;color:#8293a1;font-size:7px;margin-top:17px}@media(max-width:900px){aside{width:210px}.main{margin-left:210px;width:calc(100% - 210px)}.kpis{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.quick{grid-template-columns:repeat(2,1fr)}.ops{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{transform:translateX(-100%)}.open aside{transform:none}.main{margin-left:0;width:100%}header button{display:block;border:0;background:none;font-size:20px}.user{display:none}.content{padding:18px}.hero,.module-head{flex-direction:column;align-items:flex-start;gap:15px}.kpis{grid-template-columns:1fr}.quick,.ops{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-left{padding:30px}.login-right{min-height:500px}.form{grid-template-columns:1fr}}`r`n/* V5 GLOBAL SCROLL FIX */`r`nhtml,body { min-height:100%; overflow-y:auto !important; overflow-x:hidden; }`r`nmain { min-height:100vh; overflow:visible !important; }`r`n.content { min-height:calc(100vh - 80px); overflow:visible !important; }`r`n

/* V5 UI FIX */
html,body{min-height:100%;overflow-y:auto!important;overflow-x:hidden!important}
body{font-size:15px!important}
main{min-height:100vh;overflow:visible!important}
.content{min-height:calc(100vh - 80px);overflow:visible!important}
.content table{font-size:14px!important}
.content label{font-size:13px!important}
.content input,.content select,.content textarea{font-size:15px!important;min-height:42px!important}




/* V5 FULL READABILITY - FINAL */
.content{font-size:15px!important}
header small{font-size:10px!important}
header strong{font-size:16px!important}
.user{font-size:12px!important}
.hero small,.module-head small{font-size:10px!important}
.hero h1,.module-head h1{font-size:32px!important}
.hero p,.module-head p,.card>p{font-size:13px!important}
.btn{font-size:12px!important;padding:11px 16px!important}
.kpis small,.kpis em{font-size:11px!important}
.kpis b{font-size:28px!important}
.card h2{font-size:16px!important}
.card h3{font-size:30px!important}
.quick b,.ops b{font-size:12px!important}
.quick small,.ops small{font-size:10px!important}
.quick a,.ops a{padding:14px!important}
.outline{font-size:11px!important}
table{font-size:11px!important}
th{font-size:10px!important;padding:12px!important}
td{font-size:11px!important;padding:12px!important}
.form label{font-size:11px!important}
.form input{font-size:15px!important;min-height:44px!important}
.empty h3{font-size:17px!important}
footer{font-size:9px!important}