:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111827;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}header{background:#111827;color:white;display:flex;justify-content:space-between;gap:20px;padding:14px 22px;align-items:center;position:sticky;top:0;z-index:3}header nav{display:flex;gap:8px;flex-wrap:wrap}header a{color:#e5e7eb;text-decoration:none;padding:7px 9px;border-radius:7px}header a:hover{background:#374151}main{max-width:1280px;margin:24px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:16px;box-shadow:0 2px 10px #00000008}.card h3{margin:0 0 12px}.stat{font-size:28px;font-weight:750}.muted{color:#6b7280;font-size:13px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;font-size:12px}.badge.red{background:#fee2e2}.badge.green{background:#dcfce7}.badge.orange{background:#ffedd5}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;vertical-align:top}th{background:#f9fafb}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;background:white}textarea{min-height:80px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.btn,button{display:inline-block;border:0;border-radius:8px;padding:9px 12px;background:#2563eb;color:white;text-decoration:none;cursor:pointer}.btn.secondary{background:#4b5563}.btn.danger{background:#dc2626}.btn.light{background:#e5e7eb;color:#111827}.actions{display:flex;gap:7px;flex-wrap:wrap}.alert{padding:11px 14px;border-radius:8px;margin-bottom:14px;background:#e0f2fe}.alert.error{background:#fee2e2}.alert.success{background:#dcfce7}.login{max-width:420px;margin:80px auto}.table-card{border-left:5px solid #16a34a}.table-card.open{border-left-color:#f59e0b}.table-card.inactive{border-left-color:#9ca3af}.order{border:1px solid #e5e7eb;border-radius:10px;padding:10px;margin-top:10px}.right{text-align:right}.mb{margin-bottom:14px}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.row,.row3{grid-template-columns:1fr}table{font-size:13px}th,td{padding:7px}}