body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f5f7fc,#f7f9ff 40%,#f6f7fb);margin:0;color:#111827}
.container{max-width:1120px;margin:24px auto;padding:0 12px}
h1{margin:0 0 8px;font-size:28px;letter-spacing:.2px}
h2{margin:0 0 10px;font-size:20px}
.card{background:#fff;border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 6px 20px rgba(15,23,42,.06);border:1px solid #edf1fb}
label{display:block;margin:8px 0;font-size:13px;color:#4b5563}
input,select{padding:9px 11px;border:1px solid #d9dce7;border-radius:10px;width:100%;max-width:420px;box-sizing:border-box;background:#fff;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus{outline:none;border-color:#7ba7ff;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
button{border:0;background:linear-gradient(180deg,#4f8cff,#3b82f6);color:#fff;padding:9px 12px;border-radius:10px;cursor:pointer;margin-right:6px;font-weight:600;box-shadow:0 3px 10px rgba(59,130,246,.25)}
button:hover{transform:translateY(-1px);filter:brightness(1.02)}
button:active{transform:translateY(0)}
.quick-span{background:#eef2ff;color:#2b4ab8;box-shadow:none;border:1px solid #c7d2fe;padding:6px 10px;font-size:12px}
.quick-span:hover{filter:none;background:#e3e9ff}
table{width:100%;border-collapse:collapse;margin-top:10px;background:#fff}
th,td{border-bottom:1px solid #eceff8;padding:10px 8px;text-align:left;vertical-align:top;font-size:13px}
th{font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:#64748b}
.msg{font-weight:600}.hint{color:#666;font-size:13px}