*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-surface:#f8f9fc;--color-surface-2:#f1f3f9;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-text:#0a0f1e;--color-text-muted:#1f2937;--color-text-light:#4b5563;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-light:#eef2ff;--color-primary-text:#4f46e5;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-purple:#8b5cf6;--color-purple-light:#ede9fe;--color-nav-bg:#ffffffeb;--color-cta-from:#f0f0ff;--color-cta-to:#faf5ff;--color-cta-border:#ddd6fe;--badge-remote-bg:#d1fae5;--badge-remote-text:#065f46;--badge-hybrid-bg:#dbeafe;--badge-hybrid-text:#1e40af;--badge-onsite-bg:#fef3c7;--badge-onsite-text:#92400e;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:10px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000a;--shadow-lg:0 10px 40px #0000001a, 0 4px 12px #0000000d;--shadow-xl:0 20px 60px #0000001f;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width:260px;--header-height:64px}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;font-weight:450;line-height:1.65}body,#app{min-height:100vh}a{color:var(--color-primary);text-decoration:none}button{font-family:var(--font-sans);cursor:pointer}input,textarea,select{font-family:var(--font-sans);font-size:.9375rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.btn{border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;border:none;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:var(--color-error-light);color:var(--color-error);border:none}.btn-danger:hover{background:var(--color-error);color:#fff}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-sm{height:32px;padding:0 12px;font-size:.8125rem}.btn-lg{height:48px;padding:0 28px;font-size:1rem}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--color-text);font-size:.9375rem;font-weight:600}.form-label .req{color:var(--color-error);margin-left:2px}.form-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-bg);outline:none;padding:10px 14px;font-size:.9375rem;font-weight:450;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.form-input::placeholder{color:var(--color-text-light)}.form-input.error{border-color:var(--color-error)}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}textarea.form-input{resize:vertical;min-height:120px;line-height:1.6}.form-error{color:var(--color-error);font-size:.875rem;font-weight:500}.form-hint{color:var(--color-text-light);font-size:.875rem}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.divider{background:var(--color-border);height:1px;margin:24px 0}.badge{border-radius:var(--radius-full);align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.tag{background:var(--color-surface-2);color:var(--color-text);border-radius:var(--radius-full);border:1px solid var(--color-border);align-items:center;padding:3px 10px;font-size:.875rem;font-weight:500;display:inline-flex}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.slide-up-leave-active{transition:all .2s}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-10px)}