:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#eef4ff;background:#07111f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#18275a 0,#07111f 38%,#050b14 100%);min-height:100vh}header,main,footer{max-width:1100px;margin:auto;padding:22px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{margin:.15rem 0;font-size:clamp(1.8rem,5vw,3rem)}h2{margin:.25rem 0 1rem}p{color:#a9b7cc}small,span{color:#8fa2bd}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(4,1fr)}.card,.kpis article{background:rgba(13,25,43,.88);border:1px solid #233652;border-radius:18px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.kpis strong{display:block;font-size:1.7rem;margin-top:7px}.accent{border-color:#5e58ff!important}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.card{margin-top:14px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.progress{height:16px;background:#111f33;border-radius:99px;overflow:hidden}.progress div{height:100%;width:0;background:linear-gradient(90deg,#38d6ff,#745cff,#e34bbd);transition:.25s}label{display:block;color:#a9b7cc;margin:13px 0}input,select,button{width:100%;border:1px solid #304560;border-radius:12px;padding:12px;font:inherit}input,select{background:#081524;color:#fff;margin-top:6px}button{background:linear-gradient(90deg,#316dff,#8056ff);color:#fff;font-weight:700;cursor:pointer}.ghost{width:auto;background:transparent}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mini-grid div{background:#081524;border-radius:12px;padding:14px}.mini-grid strong{display:block;font-size:1.3rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #20334d}td:last-child{text-align:right}.delete{width:auto;padding:6px 9px;background:#5c2130}code{background:#07111f;padding:3px 6px;border-radius:6px}footer{text-align:center;color:#7f90a8;font-size:.85rem}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.section-title{align-items:flex-start}.ghost{width:100%}}@media(max-width:460px){.kpis{grid-template-columns:1fr}}