body{margin:0;font-family:Inter,system-ui,Arial;background:#f3f4f6}.layout{display:flex;min-height:100vh}
.side{width:230px;background:#111;color:#fff;padding:18px}.side a{color:#ddd;display:block;padding:8px 0;text-decoration:none}.side a:hover{color:#fff}
.who{font-size:12px;color:#999}.main{flex:1;padding:22px}.card{background:#fff;border-radius:14px;padding:16px;margin:14px 0;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kpi{background:#111;color:#fff;border-radius:14px;padding:16px}.kpi b{font-size:22px;display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.grid2{grid-template-columns:1fr}.side{display:none}}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}td,th{padding:10px;border-bottom:1px solid #eee;text-align:left;font-size:14px}
.row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eee}
.form input,.form select,.form textarea{width:100%;padding:10px;margin:6px 0;border:1px solid #ddd;border-radius:10px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
button,.btn{background:#111;color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block;margin:2px}
.login{display:flex;align-items:center;justify-content:center;min-height:100vh}.login .card{width:min(360px,92vw);text-align:center}
.err{color:#c00}.ok{background:#e7f9ee;border:1px solid #25D366}.bad{color:#c00;font-weight:800}
.pbtn{display:block;width:100%;text-align:left;margin:4px 0;padding:10px;border:1px solid #eee;background:#fafafa;border-radius:10px;cursor:pointer}