:root{color:#102014;background:#eef6f0;font-family:Inter,system-ui,Arial}body{margin:0}button,input,select{font:inherit}header{color:#fff;background:#0b3b28;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;box-shadow:0 2px 20px #0002}.brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.user{align-items:center;gap:12px;display:flex}.ghost{color:#0b3b28;background:#fff;border:0;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;display:flex}main{min-height:calc(100vh - 68px);display:flex}aside{background:#fff;border-right:1px solid #dce7df;flex-direction:column;gap:10px;width:230px;padding:22px;display:flex}aside button{text-align:left;color:#12301f;background:#f2f7f3;border:0;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}aside button.active,button{color:#fff;background:#16804f}button{cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:inline-flex}.content{flex:1;max-width:1200px;padding:28px}.loginPage{background:linear-gradient(135deg,#e8f8ee,#d6eadf);place-items:center;min-height:100vh;display:grid}.loginCard{background:#fff;border-radius:22px;width:min(440px,90vw);padding:34px;box-shadow:0 20px 80px #0b3b2830}.loginCard input,.gridForm input,.gridForm select{box-sizing:border-box;background:#fff;border:1px solid #cfe0d5;border-radius:12px;width:100%;padding:12px}.loginCard form{gap:10px;display:grid}.error{color:#9d1111;background:#fff1f1;border:1px solid #ffcaca;border-radius:12px;margin:14px 0;padding:12px}.loading{padding:40px}.gridForm{background:#fff;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:22px;padding:18px;display:grid;box-shadow:0 8px 25px #0000000d}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.card,.shift,.kpis div{background:#fff;border-radius:18px;padding:18px;box-shadow:0 8px 25px #0000000d}.danger{background:#b32020;padding:8px 10px;font-size:13px}.calendar{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.shift{border-left:6px solid #16804f;gap:6px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;display:grid}.kpis b{color:#0b3b28;font-size:32px;display:block}.kpis span{color:#60746a}.table{background:#fff;border-radius:18px;padding:12px}.row{border-bottom:1px solid #eef2ef;justify-content:space-between;padding:12px;display:flex}@media (width<=760px){main{display:block}aside{flex-direction:row;width:auto;overflow:auto}header{gap:10px;height:auto;padding:16px;display:grid}.content{padding:16px}.user{flex-wrap:wrap;font-size:13px}}