* {
    margin:0; padding:0; box-sizing:border-box;
}
body {
    font-family: "Microsoft YaHei", PingFang SC, sans-serif;
    background:#121212;
    color:#eee;
    line-height:1.6;
}
.wrap {
    max-width:1400px; margin:0 auto; padding:15px;
}
.card {
    background:#1e1e1e;
    border-radius:12px;
    padding:20px;
    margin-bottom:20px;
    box-shadow:0 4px 12px rgba(0,0,0,0.4);
}
.card-title {
    font-size:18px;
    color:#d4af37;
    margin-bottom:15px;
    font-weight:bold;
}
.header {
    background:#1a1a1a;
    padding:15px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}
.logo {
    color:#d4af37;
    font-size:20px;
    font-weight:bold;
}
.nav {
    display:flex; gap:12px; flex-wrap:wrap;
}
.nav a {
    color:#eee;
    text-decoration:none;
    font-size:14px;
    padding:4px 6px;
}
.nav a:hover {
    color:#d4af37;
}
.btn {
    padding:8px 16px;
    border-radius:6px;
    border:none;
    cursor:pointer;
    font-size:14px;
    transition:0.2s;
    display:inline-flex;align-items:center;justify-content:center;
    text-decoration:none;
}
.btn-primary {
    background:#d4af37;
    color:#000;
    font-weight:500;
}
.btn-primary:hover {
    background:#e5c100;
}
.btn-second {
    background:transparent;
    border:1px solid #d4af37;
    color:#fff;
}
.btn-second:hover {
    background:#2a2a2a;
    color:#d4af37;
}
.btn-danger {
    background:transparent;
    border:1px solid #c62828;
    color:#fff;
}
.btn-danger:hover {
    background:#2a1a1a;
}
.form-group {
    margin-bottom:15px;
}
label {
    display:block;
    margin-bottom:6px;
    color:#ddd;
    font-size:14px;
}
input, select, textarea {
    width:100%;
    padding:10px 12px;
    background:#2a2a2a;
    border:none;
    border-bottom:1px solid #444;
    border-radius:6px;
    color:#fff;
    font-size:14px;
}
input:focus, select:focus, textarea:focus {
    outline:none;
    border-color:#d4af37;
}
input.short { max-width:200px; }
.table {
    width:100%;
    border-collapse:collapse;
    margin-top:10px;
    font-size:14px;
}
.table th {
    background:#252525;
    color:#d4af37;
    padding:12px;
    text-align:left;
}
.table td {
    padding:11px 12px;
    border-bottom:1px solid #333;
}
.table tr:hover {
    background:#2a2a2a;
}
.stat-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:15px;
    margin-bottom:20px;
}
.stat-box {
    background:#1e1e1e;
    padding:20px;
    border-radius:12px;
    text-align:center;
}
.stat-box .num {
    font-size:24px;
    font-weight:bold;
    color:#d4af37;
    margin:5px 0;
}
.stat-box .label {
    color:#aaa;
    font-size:13px;
}
.text-success { color:#2e7d32; font-weight:bold; }
.text-danger { color:#c62828; font-weight:bold; }
.text-primary { color:#1565c0; font-weight:bold; }
.text-muted { color:#888; }
.search-bar {
    display:flex; gap:10px; margin-bottom:15px; flex-wrap:wrap;
    align-items:center;
}
@media (max-width:768px) {
    .stat-grid { grid-template-columns:1fr 1fr; }
    .table { font-size:12px; }
}