:root{font-family:Inter,Arial,sans-serif;color:#1d2b42;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{background:#0861cc;color:#fff;border:0;padding:11px 17px;border-radius:8px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.outline{background:#fff;border:1px solid #d7e0eb;color:#1c426c}input{padding:11px 12px;border:1px solid #d8e1ed;border-radius:8px;background:#fff}.layout{display:flex;min-height:100vh}.sidebar{background:#10283f;width:240px;color:#fff;flex-shrink:0}.brand{padding:26px 20px;font-size:19px;font-weight:800;border-bottom:1px solid #294054}.brand span{color:#71b9ff}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:#a9c0d4;margin-top:6px}.sidebar nav{padding:14px 10px;max-height:calc(100vh - 100px);overflow:auto}.sidebar a{display:flex;gap:13px;align-items:center;padding:11px 14px;color:#c5d5e3;text-decoration:none;font-size:13px;border-radius:7px}.sidebar a:hover{background:#18446d;color:#fff}.sidebar a span{font-size:18px;width:22px}.main{flex:1;min-width:0}.main header{height:68px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid #e2eaf3}.main header div{display:flex;align-items:center;gap:16px;font-size:12px}.content{padding:28px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-head small,.muted,.page-head p{color:#7d8ca0}.page-head h1{font-size:25px;margin:8px 0}.actions{display:flex;gap:10px}.kpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px}.kpis article,.panel{background:#fff;border:1px solid #e4eaf2;border-radius:13px;padding:22px;box-shadow:0 3px 15px #1e36530a}.kpis article small{color:#71829a}.kpis h2{font-size:26px}.kpis p{font-size:12px;color:#8b99a9}.panel{margin-top:20px;min-height:270px}.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar input{flex:1}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f4f7fb;color:#62748a}td,th{padding:13px;border-bottom:1px solid #edf0f5}.login{display:flex;max-width:940px;min-height:550px;margin:7vh auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 70px #19375622}.login-hero{flex:1;background:linear-gradient(145deg,#123960,#0861cc);color:#fff;padding:60px 40px;display:flex;flex-direction:column;justify-content:end}.login-hero h1{font-size:34px}.login-card{flex:1;padding:75px 45px;display:flex;flex-direction:column;gap:12px}.login-card h2{margin:0}.login-card p,.login-card small{color:#8291a4}.login-card label{font-size:13px;font-weight:600}.login-card button{margin-top:12px}.error{color:#c32732!important}@media(max-width:850px){.sidebar{width:66px}.brand,.brand small,.sidebar a{font-size:0}.sidebar a span{font-size:21px}.kpis{grid-template-columns:repeat(2,1fr)}.login{margin:20px}.login-hero{display:none}.page-head{flex-direction:column;align-items:start;gap:12px}}