:root{--bg:#f4f6fa;--panel:#fff;--text:#172033;--muted:#6b7280;--line:#e5e8ef;--primary:#2563eb;--primary-dark:#1d4ed8;--success:#047857;--success-bg:#ecfdf5;--danger:#b91c1c;--danger-bg:#fef2f2;--warning:#b45309;--warning-bg:#fffbeb;--radius:14px;--shadow:0 8px 30px #1720330f;color:var(--text);background:var(--bg);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% -10%, #dbeafe 0, transparent 34%), var(--bg);min-width:320px;min-height:100vh;margin:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;font-size:26px}h2,h3{font-size:17px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}textarea{resize:vertical}.boot{min-height:60vh;color:var(--muted);place-items:center;display:grid}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;align-items:center;gap:24px;padding:14px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:flex}.brand-dot{background:var(--primary);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #2563eb24}.nav{flex:1;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:9px;padding:8px 12px;font-size:14px;font-weight:600}.nav a:hover{color:var(--text);background:#f0f3f9}.nav a.router-link-active{color:var(--primary-dark);background:#eaf0ff}.page{width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 60px}.hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:14px;display:flex}.hero p{max-width:680px;margin-top:8px;font-size:14px}.hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.meta-row{color:var(--muted);flex-wrap:wrap;gap:8px 22px;padding:10px 0 18px;font-size:13px;display:flex}.muted{color:var(--muted)}.small{font-size:12.5px}.success{color:var(--success)}.error{color:var(--danger)}.pill{color:var(--muted);background:#f1f3f8;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill.ok{background:var(--success-bg);color:var(--success)}.banner{border-radius:10px;margin:0 0 16px;padding:11px 14px;font-size:13.5px}.banner.error{background:var(--danger-bg)}.banner.success{background:var(--success-bg)}.empty{border-radius:var(--radius);text-align:center;background:#ffffffa6;border:1px dashed #cfd6e4;justify-items:center;gap:12px;padding:64px 20px;display:grid}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:18px;display:flex}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-head p{margin-top:3px}.facts{background:#f8fafc;border-radius:11px;grid-template-columns:1fr 1fr;gap:10px 14px;padding:12px;display:grid}.facts div{flex-direction:column;gap:2px;display:flex}.facts span{color:var(--muted);font-size:11.5px}.facts b{font-size:13px;font-weight:600}.slot-area{flex-direction:column;gap:8px;display:flex}.slot-title{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.count{color:var(--success);font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:#f8fafc;border-radius:8px;padding:4px 9px;font-size:12px}.chip.available{background:var(--success-bg);color:var(--success);border-color:#a7f3d0;font-weight:700}.card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:2px;display:flex}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:#f7f9fc;border-color:#cfd6e4}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.warn{background:var(--warning-bg);color:var(--warning);border-color:#fcd34d}.btn.danger{color:var(--danger);border-color:#fecaca}.btn.danger:hover{background:var(--danger-bg)}.btn.active{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.btn.ghost{background:0 0}.btn.small{border-radius:8px;padding:6px 10px;font-size:12px}.btn.block{width:100%}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);margin-top:20px;padding:18px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.log-list{border-top:1px solid var(--line);flex-direction:column;max-height:340px;display:flex;overflow:auto}.log-item{border-bottom:1px solid #f1f3f8;grid-template-columns:138px 54px 1fr;align-items:baseline;gap:10px;padding:9px 2px;font-size:12.5px;display:grid}.log-item:last-child{border-bottom:none}.log-time{color:var(--muted);font-variant-numeric:tabular-nums}.log-level{font-weight:700}.log-item.success .log-level{color:var(--success)}.log-item.warn .log-level{color:var(--warning)}.log-item.error .log-level{color:var(--danger)}.log-message{color:#334155;word-break:break-word}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(720px,100%);max-height:calc(100vh - 40px);padding:20px;overflow:auto;box-shadow:0 24px 60px #0f172a38}.modal-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.modal-head p{margin-top:4px}.icon-btn{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;font-size:18px;line-height:1}.form-grid{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.span-2{grid-column:span 2}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:#475569;font-size:12.5px;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;color:var(--text);background:#fbfcfe;border-radius:9px;outline:none;padding:9px 11px;font-size:13.5px}.field select:disabled{color:var(--muted);background:#f1f4f9}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.switch-row{background:#f8fafc;border-radius:10px;flex-wrap:wrap;gap:18px;margin:16px 0;padding:12px;display:flex}.switch{align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.modal-foot{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);width:min(380px,100%);box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;gap:14px;padding:30px;display:flex}.login-card h1{font-size:22px}.login-mark{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:13px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}@media (width<=720px){.topbar{gap:12px;padding:12px 16px}.page{width:calc(100% - 28px);padding-top:18px}.hero{flex-direction:column;gap:14px}.hero-actions{justify-content:flex-start}.grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.log-item{grid-template-columns:1fr;gap:2px}}