*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f4f5f9;color:#1f2330;font-size:14px;line-height:1.6}#app{min-height:100vh}a{color:#4f46e5;text-decoration:none}button{font-family:inherit}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:0 20px;height:56px;background:#fff;border-bottom:1px solid #e8eaf1}.topbar .brand{font-weight:700;font-size:17px;color:#312e81;display:flex;align-items:center;gap:8px}.topbar .brand .logo-dot{width:26px;height:26px;border-radius:7px;background:#4f46e5;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.topbar .spacer{flex:1}.topbar .user-chip{color:#6b7280}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d7dae5;background:#fff;color:#374151;border-radius:8px;padding:7px 14px;font-size:14px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{border-color:#a5b4fc;color:#4f46e5}.btn.primary{background:#4f46e5;border-color:#4f46e5;color:#fff}.btn.primary:hover{background:#4338ca}.btn.danger{color:#dc2626}.btn.danger:hover{border-color:#fca5a5;background:#fef2f2}.btn.sm{padding:4px 10px;font-size:13px;border-radius:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.dark{background:#111827;border-color:#111827;color:#fff}.btn.dark:hover{background:#1f2937}.input,.select,.textarea{width:100%;border:1px solid #d7dae5;border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;background:#fff;color:#1f2330}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #6366f126}.textarea{resize:vertical;min-height:84px}.field{margin-bottom:14px}.field>label{display:block;font-size:12px;color:#6b7280;margin-bottom:5px;font-weight:600}.card{background:#fff;border:1px solid #e8eaf1;border-radius:14px;padding:20px}.panel-title{font-size:15px;font-weight:700;margin:0 0 12px}.page{max-width:1200px;margin:0 auto;padding:28px 20px 60px}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.page-head h1{font-size:22px;margin:0}.toast-wrap{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:999;display:flex;flex-direction:column;gap:8px}.toast{background:#111827;color:#fff;border-radius:10px;padding:10px 18px;font-size:14px;box-shadow:0 8px 24px #0000002e;animation:toastIn .2s ease}.toast.err{background:#b91c1c}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.modal-mask{position:fixed;inset:0;background:#0f172a73;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:#fff;border-radius:16px;padding:22px;width:440px;max-width:100%;max-height:86vh;overflow:auto}.modal h3{margin:0 0 14px;font-size:16px}.empty{text-align:center;color:#9ca3af;padding:60px 0}.empty .big{font-size:40px;margin-bottom:10px}@media(max-width:640px){.page{padding:18px 12px 40px}.topbar{padding:0 12px;gap:10px}}