:root{--primary: #2e7dff;--bg: #f5f7fb;--text: #1f2937;--border: #e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#fff;border-right:1px solid var(--border);padding:16px}.logo{font-size:18px;font-weight:700;margin-bottom:12px;color:var(--primary)}.menu{display:block;color:#374151;text-decoration:none;padding:10px 12px;border-radius:8px;margin-bottom:6px}.menu.router-link-active{background:#eaf2ff;color:var(--primary)}.main{flex:1}.topbar{height:58px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 16px}.content{padding:16px}.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:12px}.grid{display:grid;gap:12px;margin-bottom:12px}.grid.five{grid-template-columns:repeat(5,minmax(120px,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(120px,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(200px,1fr))}.toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}input,textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.toolbar input{width:220px}.btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer}.btn-full{width:100%;margin-top:10px}.text-btn{border:none;background:transparent;color:var(--primary);cursor:pointer;margin-right:8px}.danger{color:#ef4444}.table-box{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);text-align:left;padding:10px;font-size:14px;white-space:nowrap}.login-wrap{min-height:100vh;display:flex;justify-content:center;align-items:center}.login-card{width:360px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px}.tip{color:#ef4444;font-size:13px}.bar-row{display:grid;grid-template-columns:52px 1fr 40px;align-items:center;gap:8px;margin:8px 0}.bar{height:10px;background:#eef2f7;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--primary)}.tag-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tag{background:#eaf2ff;color:var(--primary);padding:2px 8px;border-radius:999px;font-size:12px}.form-item{margin-bottom:10px}@media (max-width: 1000px){.grid.five,.grid.three,.grid.two{grid-template-columns:1fr}.sidebar{width:84px}.logo{font-size:14px}.menu{font-size:12px;padding:8px}}