*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;background:#f4f7fb;color:#1f2937}
.layout{display:flex;min-height:100vh}aside{width:230px;background:#111827;color:#fff;padding:24px 16px;position:fixed;inset:0 auto 0 0}
.brand{font-size:20px;font-weight:700;padding:8px 10px 28px}.brand small{font-size:12px;color:#9ca3af}
nav a,.logout{display:block;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:8px;margin:5px 0}
nav a:hover,nav a.active{background:#2563eb;color:#fff}.logout{position:absolute;bottom:20px;left:16px;right:16px;background:#374151}
main{margin-left:230px;width:calc(100% - 230px);padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
h1{margin:0;font-size:26px}header p{margin:6px 0;color:#6b7280}.user{background:#fff;padding:10px 16px;border-radius:8px;box-shadow:0 2px 8px #0001}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px}.card,.panel{background:#fff;border-radius:12px;box-shadow:0 4px 18px #0000000c}
.card{padding:24px}.card b{font-size:30px;display:block}.card span{color:#6b7280}.panel{padding:20px;margin-bottom:20px;overflow:auto}
.panel h2{margin-top:0;font-size:18px}.grid-form{display:grid;grid-template-columns:2fr 3fr auto;gap:10px}.grid-form.wide{grid-template-columns:repeat(4,minmax(130px,1fr))}
input,select,button{height:40px;border:1px solid #d1d5db;border-radius:7px;padding:0 10px;background:#fff}button{background:#2563eb;color:#fff;border:0;cursor:pointer}
button.small{height:30px;padding:0 10px}button.danger{background:#dc2626}.actions{display:flex;gap:6px}.actions form{margin:0}
table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb;font-size:14px}.url{max-width:360px;word-break:break-all}
.badge{padding:4px 8px;border-radius:20px;font-size:12px}.badge.ok{background:#dcfce7;color:#166534}.badge.off{background:#fee2e2;color:#991b1b}
.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111827,#2563eb)}
.login-card{width:380px;background:#fff;padding:34px;border-radius:16px;box-shadow:0 20px 60px #0005}.login-card h1{font-size:24px}.login-card p{color:#6b7280}
.login-card label{display:block;margin:16px 0 6px}.login-card input,.login-card button{width:100%}.login-card button{margin-top:20px}.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:7px;margin-top:15px}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid-form,.grid-form.wide{grid-template-columns:1fr}aside{width:190px}main{margin-left:190px;width:calc(100% - 190px)}}