:root{color:#1f2937;background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}#app,.app{min-height:100vh}.topbar{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.title{font-size:18px;font-weight:700}.nav{align-items:center;gap:12px;display:flex}.nav a{color:#e2e8f0;text-decoration:none}.nav a.active{color:#fff;font-weight:600}.main{padding:20px}.layout{grid-template-columns:1fr 360px;gap:16px;display:grid}.panel{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 2px #0f172a14}.panel.grow{overflow:auto}.panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:10px}.form{gap:10px;display:grid}input,select,textarea,button{font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px}button{color:#fff;cursor:pointer;background:#2563eb;border:none}button:hover{opacity:.95}button:disabled{opacity:.6;cursor:not-allowed}.danger{background:#dc2626}.actions{flex-wrap:wrap;gap:6px;display:flex}.inline{gap:14px;display:flex}.error{color:#dc2626;margin:6px 0}.login-panel{max-width:420px;margin:40px auto}.sub{color:#64748b}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.logout{background:#475569}@media (width<=1100px){.layout{grid-template-columns:1fr}}