body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f6f7f9;color:#111}.topbar{background:#1f2937;color:white;padding:14px 24px}.brand{font-size:22px;font-weight:bold;margin-bottom:10px}.topbar a{color:white;text-decoration:none;margin-right:16px}.container{max-width:1180px;margin:24px auto;padding:0 16px}.card{background:white;border-radius:10px;padding:18px;box-shadow:0 1px 8px #ddd;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat{background:white;border-radius:10px;padding:18px;box-shadow:0 1px 8px #ddd}.stat b{font-size:28px;display:block;margin-top:8px}table{width:100%;border-collapse:collapse;background:white}th,td{border:1px solid #ddd;padding:9px;text-align:left}th{background:#e5e7eb}.btn{display:inline-block;background:#2563eb;color:white;padding:8px 12px;border-radius:6px;border:0;text-decoration:none;cursor:pointer}.btn-danger{background:#dc2626}.btn-secondary{background:#4b5563}input,select,textarea{width:100%;padding:9px;margin:5px 0 12px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.low{background:#fff3cd}.ok{background:#dcfce7}.right{text-align:right}.error{color:#dc2626;font-weight:bold}.success{color:#15803d;font-weight:bold}@media(max-width:700px){.topbar a{display:inline-block;margin-bottom:8px}table{font-size:13px}}