body { font-family: Arial, sans-serif; margin: 0; background: #f3f4f7; color: #222; }
.wrap { max-width: 1100px; margin: 0 auto; padding: 16px; }
.topbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.menu a { margin-right: 12px; text-decoration: none; color: #1967d2; }
.card { background: #fff; border-radius: 8px; padding: 14px; margin-bottom: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px,1fr)); gap: 10px; }
.stat { background: #fafbff; border: 1px solid #e6ebff; border-radius: 8px; padding: 10px; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { border: 1px solid #e6e6e6; padding: 8px; text-align: left; font-size: 14px; vertical-align: top; }
input, select, button, textarea { padding: 8px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; }
button { background: #1967d2; border-color: #1967d2; color: #fff; cursor: pointer; }
.danger { background: #c5221f; border-color: #c5221f; }
.muted { color: #666; font-size: 12px; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
@media (max-width: 760px) { .grid2 { grid-template-columns: 1fr; } table { display: block; overflow-x: auto; } }