*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f4f6f8;color:#18212b}.hidden{display:none!important}.center{min-height:100vh;display:grid;place-items:center}.card{background:#fff;border:1px solid #e4e8ec;border-radius:16px;padding:22px;box-shadow:0 8px 30px #0000000d}.login{width:min(390px,92vw)}input,button{font:inherit;border-radius:10px;border:1px solid #d8dee5;padding:11px;margin:5px 0}input{width:100%}button{cursor:pointer;background:#fff}form button{width:100%;background:#17212b;color:#fff}#app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#17212b;color:#fff;padding:22px;display:flex;flex-direction:column}aside nav{display:grid;gap:7px;flex:1}aside button{color:#fff;background:#ffffff12;border-color:#ffffff18;text-align:right}main{padding:24px;overflow:auto}header{display:flex;justify-content:space-between;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.stat{background:#fff;border-radius:14px;padding:18px;border:1px solid #e4e8ec}.stat b{font-size:28px;display:block;margin-top:8px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{padding:11px;border-bottom:1px solid #edf0f2;text-align:right;font-size:13px}.ok{color:#087f5b}.bad{color:#c92a2a}.muted{color:#687684}@media(max-width:800px){#app{grid-template-columns:1fr}aside{position:static}aside nav{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}
.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:10px 0 16px}.formgrid input,.formgrid select,.formgrid button{width:100%;margin:0}.formgrid select{border:1px solid #d8dee5;border-radius:10px;padding:11px;background:#fff}.table button{padding:6px 9px;font-size:12px}.card+.table{margin-top:14px}