:root{--bg-app:#f4f7f4;--bg-panel:#fff;--bg-secondary:#eef2ee;--border:#dde5de;--text-primary:#14211a;--text-secondary:#4a5a50;--text-muted:#7b8a80;--primary:#16a34a;--primary-hover:#15803d;--primary-ink:#fff;--danger:#dc2626}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg-app);color:var(--text-primary);font-family:Pretendard,Segoe UI,system-ui,sans-serif;font-size:14px}.shell{max-width:1100px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 4px}.brand{font-size:20px;font-weight:800;letter-spacing:.04em}.brand .dot{color:#16a34a}.topbar .who{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.body{display:flex;gap:16px;align-items:flex-start}.sidebar{width:200px;flex-shrink:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px;position:sticky;top:16px}.sidebar a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500}.sidebar a:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar a.router-link-exact-active{background:var(--bg-secondary);color:var(--primary);font-weight:600}.content{flex:1;min-width:0}.page-title{font-size:18px;font-weight:700;margin:2px 0 4px}.page-desc{font-size:13px;color:var(--text-muted);margin:0 0 18px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:16px}.card h3{margin:0 0 12px;font-size:14px;font-weight:600}.form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;color:var(--text-secondary)}input,select{padding:8px 10px;border-radius:7px;border:1px solid #dde5de;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-family:inherit}input:focus,select:focus{outline:none;border-color:var(--primary)}button{padding:8px 15px;border-radius:7px;border:0;cursor:pointer;background:var(--primary);color:var(--primary-ink);font-weight:600;font-size:13px}button:hover{background:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{background:var(--primary)}button.ghost{background:transparent;color:var(--text-secondary);padding:4px 8px}button.ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}button.danger{background:transparent;color:var(--danger);padding:4px 8px}.list{list-style:none;padding:0;margin:12px 0 0}.list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eef2ee;font-size:13px}.list li .spacer{flex:1}code{background:var(--bg-secondary);padding:1px 6px;border-radius:4px;font-size:12px}.muted{color:var(--text-muted)}a.dl{color:var(--primary);text-decoration:none;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}a.dl:hover{background:var(--bg-secondary)}.ok{color:#10b981}.no,.ok{font-size:11px}.no{color:#f59e0b}.err{color:var(--danger);font-size:13px}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.slot{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.slot-head{font-weight:700}.slot .cur{font-size:12px;color:var(--text-secondary)}.slot .reg-time{font-size:11px;color:var(--text-muted);font-family:JetBrains Mono,Consolas,monospace}.modal-overlay{position:fixed;inset:0;background:#14211a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:460px;max-width:100%;max-height:90vh;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px #14281e24}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:15px;font-weight:700}.modal-body{padding:18px;display:flex;flex-direction:column;gap:12px}.modal-body input,.modal-body select{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}button.sm{padding:5px 10px;font-size:12px}.pack-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:14px}.pack-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pack-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.pack-title .name{font-size:15px;font-weight:700}.pack-cat{font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;border:1px solid var(--primary);color:var(--primary)}.pack-desc{font-size:12px;color:var(--text-muted);margin:4px 0 0}.pack-actions{display:flex;gap:6px;flex-shrink:0}.pack-versions{margin-top:12px;border-top:1px solid var(--border);padding-top:4px}.vrow{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;border-bottom:1px solid #eef2ee}.vrow:last-child{border-bottom:0}.vrow .vspacer{flex:1}.pack-versions .empty{font-size:12px;color:var(--text-muted);padding:8px 0}.select{position:relative;width:100%}.select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--bg-secondary);border:1px solid #dde5de;border-radius:7px;color:var(--text-primary);font-size:13px;font-weight:400;cursor:pointer;text-align:left}.select-btn:hover:not(:disabled){border-color:var(--primary)}.select-btn:disabled{opacity:.55;cursor:not-allowed}.select.open .select-btn{border-color:var(--primary)}.select-caret,.select-ph{color:var(--text-muted)}.select-caret{font-size:10px;transition:transform .15s ease}.select.open .select-caret{transform:rotate(180deg)}.select-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 28px #14281e24;padding:4px}.select-search{width:100%;margin-bottom:4px}.select-opts{max-height:220px;overflow-y:auto}.select-opt{padding:7px 10px;border-radius:5px;font-size:13px;color:var(--text-primary);cursor:pointer}.select-opt.sel,.select-opt:hover{background:var(--bg-secondary)}.select-opt.sel{color:var(--primary);font-weight:600}.select-empty{padding:8px 10px;font-size:12px;color:var(--text-muted)}.select-opts::-webkit-scrollbar{width:6px}.select-opts::-webkit-scrollbar-thumb{background:#dde5de;border-radius:3px}.filedrop{display:flex;align-items:center;gap:10px;padding:14px;border:1.5px dashed #c4d2c8;border-radius:8px;background:var(--bg-secondary);cursor:pointer;font-size:13px;transition:border-color .15s ease,background .15s ease}.filedrop.over,.filedrop:hover{border-color:var(--primary)}.filedrop.over{background:#16a34a14}.filedrop.has{border-style:solid}.filedrop-input{display:none}.filedrop-hint{color:var(--text-muted)}.filedrop-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.filedrop-size{color:var(--text-muted);font-size:12px;flex-shrink:0}.filedrop>button{margin-left:auto;flex-shrink:0}.bg-preview{margin-top:14px;border:1px solid var(--border);border-radius:10px;overflow:hidden;max-width:520px;background:var(--bg-secondary)}.bg-preview img{display:block;width:100%;height:auto}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:320px;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:12px}.login-box h1{margin:0 0 6px;font-size:22px;font-weight:800}.login-box input{width:100%}