:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#0f1c1d;background:radial-gradient(circle at 20% 0%,#f5fbf4 0,#eef8f6 45%,#e7f0f6)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#174a62;text-decoration:none}button{border:1px solid #1f5668;background:#1f5668;color:#fff;border-radius:10px;padding:.45rem .7rem;cursor:pointer}button.ghost{background:transparent;color:#1f5668}input,select{width:100%;border:1px solid #98afb6;border-radius:8px;padding:.5rem;margin-top:.3rem}table{width:100%;border-collapse:collapse;margin-top:.7rem}th,td{border-bottom:1px solid #dde7e9;text-align:left;padding:.45rem}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0f2f37,#124a4e);color:#d7f2ef;padding:1rem;display:flex;flex-direction:column;gap:1rem}.sidebar a{display:block;color:#d7f2ef;padding:.35rem .45rem;border-radius:8px}.sidebar a.active{background:#d7f2ef33}.brand h1{margin:0}.brand p{margin:.3rem 0 0;font-size:.85rem}.content{padding:1.2rem}.panel{background:#ffffffd6;border:1px solid #d3e3e7;border-radius:14px;padding:.9rem;box-shadow:0 10px 24px #133f4814}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.kpi p{font-size:1.25rem;font-weight:700;margin:0}.inline{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-panel{width:min(460px,100%);display:grid;gap:.7rem}.auth-links{margin-top:.4rem}.error{color:#b21d1d}.ok{color:#0d6536}.checkbox{display:flex;gap:.45rem;align-items:center}.checkbox input{width:auto;margin-top:0}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}@media (max-width: 1000px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2}.grid-2{grid-template-columns:1fr}}