*{box-sizing:border-box}body{color:#0f172a;background:#f5f7fb;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}.app{padding:28px}.top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.top h1{margin:0;font-size:34px}.top p{color:#64748b;margin:8px 0 0}.message{color:#166534;background:#ecfdf5;border:1px solid #86efac;border-radius:12px;margin-bottom:18px;padding:12px 16px}.cards{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px;display:grid}.card,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 20px #0f172a0a}.card{padding:18px}.card p{color:#64748b;margin:0 0 8px}.card h2{margin:0;font-size:22px}.grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel{padding:22px}.panel h2{margin-top:0}.form{grid-template-columns:1fr 1fr;gap:12px;display:grid}input,select,button{border:1px solid #cbd5e1;border-radius:10px;height:42px;padding:0 12px;font-size:14px}button{color:#fff;cursor:pointer;background:#0f172a;border:none}button:hover{opacity:.9}.danger{background:#ef4444}.list{margin-top:16px}.list-item{border-top:1px solid #e2e8f0;justify-content:space-between;padding:10px 0;display:flex}.list-item span{color:#64748b}.table-head{justify-content:space-between;align-items:center;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1200px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:10px}th{background:#f8fafc}@media (width<=1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid,.form{grid-template-columns:1fr}}