*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--bg2:#1a1a1a;--bg3:#242424;--bg4:#2e2e2e;--border:#333;--border2:#444;--text:#e8e8e8;--text2:#aaa;--text3:#666;--primary:#7F77DD;--primary-bg:#1e1c3a;--success:#1D9E75;--danger:#e24b4a;--radius:8px;--radius-lg:12px}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border2);background:transparent;color:var(--text);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{background:var(--bg3)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{opacity:.9}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.sm{padding:4px 10px;font-size:12px}.btn.icon{padding:6px;border:none;background:transparent;color:var(--text2)}.btn.icon:hover{color:var(--text);background:var(--bg3)}input,textarea,select{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 12px;font-size:13px;font-family:inherit;outline:none;width:100%;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--primary)}textarea{resize:vertical}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:24px;min-width:360px;max-width:520px;width:90%}.modal-title{font-size:16px;font-weight:600;margin-bottom:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.form-group{margin-bottom:14px}.form-label{font-size:12px;color:var(--text2);margin-bottom:5px;display:block}.toast-wrap{position:fixed;top:20px;right:20px;z-index:999;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 16px;border-radius:var(--radius);font-size:13px;background:var(--bg3);border:1px solid var(--border2);color:var(--text);animation:fadeIn .2s}.toast.success{border-color:var(--success);color:var(--success)}.toast.error{border-color:var(--danger);color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text3)}.spinner{width:20px;height:20px;border:2px solid var(--border2);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text3)}