:root{--primary:#525f42;--primary-dark:#3d4731;--accent:#d4a574;--blue:#003a74;--danger:#c62828;--success:#16834a;--g:#e5e7eb}*{box-sizing:border-box}body{color:#111827;background:#f5f7f9;margin:0;font-family:Open Sans,Arial}h1,h2,h3{font-family:Montserrat,Arial}.login{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.brand{background:url(/images/bgfi-bg.svg) 50%/cover;position:relative}.brand>div{background:linear-gradient(135deg,#001a3ae0,#525f42db);position:absolute;inset:0}.brand article{color:#fff;flex-direction:column;justify-content:flex-end;height:100%;padding:70px;display:flex;position:relative}.brand img,aside img{width:170px}.brand h1{margin:48px 0 4px;font-size:44px}.brand h2{color:#dceaf2;margin:0}.brand span{background:#ffffff1f;border:1px solid #fff5;border-radius:8px;margin:4px;padding:9px 12px;display:inline-block}.loginPanel{place-items:center;display:grid}.loginPanel form{width:min(410px,90%)}label{color:#374151;flex-direction:column;gap:7px;margin:10px 0;font-size:13px;font-weight:700;display:flex}input,select,textarea{border:1px solid var(--g);font:inherit;background:#fff;border-radius:8px;padding:11px}textarea{min-height:92px}button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}button:hover{background:var(--primary-dark)}.err{color:var(--danger)}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--g);background:#fff;flex-direction:column;gap:9px;padding:22px;display:flex}aside button{color:#374151;background:0 0;justify-content:flex-start}aside button.on{color:var(--primary-dark);background:#edf2ea}aside svg{width:18px}aside footer{border-top:1px solid var(--g);flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;display:flex}main{padding:26px;overflow:auto}header{justify-content:space-between;align-items:center;gap:16px;display:flex}.search{align-items:center;gap:8px;display:flex}.kpis{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}.kpis article,.panel{border:1px solid var(--g);background:#fff;border-radius:8px;padding:18px}.kpis span{color:#6b7280;font-size:13px}.kpis b{margin-top:8px;font-size:28px;display:block}.grid{grid-template-columns:1.1fr .9fr;gap:16px;margin-top:18px;display:grid}table{border-collapse:collapse;border:1px solid var(--g);background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #f1f2f4;padding:11px;font-size:13px}th{background:#f7f8fa}.badge{background:#eef2f7;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.badge.danger{color:var(--danger);background:#fde8e8}.badge.success{color:var(--success);background:#e8f6ef}.late,.act{border-bottom:1px solid #eee;flex-direction:column;padding:8px 0;display:flex}.late em{color:var(--danger);font-style:normal}.modal{background:#11182777;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet{background:#fff;border-radius:8px;width:min(980px,96vw);max-height:92vh;padding:24px;position:relative;overflow:auto}.x{color:#111;background:#eef2f7;position:absolute;top:16px;right:16px}.form{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.upload input{display:none}.sheet a{color:var(--blue);margin:6px 0;display:block}.settings{max-width:720px}@media (width<=850px){.login,.shell,.kpis,.grid,.form{grid-template-columns:1fr}.brand{min-height:360px}header{flex-direction:column;align-items:flex-start}table{display:block;overflow:auto}}