.navbar[data-v-95187352]{position:fixed;top:0;left:0;right:0;height:56px;background:var(--white);border-bottom:1px solid var(--gray-200);z-index:100}.navbar-inner[data-v-95187352]{display:flex;align-items:center;height:100%;gap:32px}.nav-brand[data-v-95187352]{display:flex;align-items:center;gap:8px;color:var(--gray-900);text-decoration:none}.brand-mark[data-v-95187352]{width:28px;height:28px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.brand-text[data-v-95187352]{font-size:.9375rem;font-weight:600}.nav-links[data-v-95187352]{display:flex;gap:2px}.nav-link[data-v-95187352]{padding:6px 12px;border-radius:var(--radius-md);color:var(--gray-500);font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s ease}.nav-link[data-v-95187352]:hover{color:var(--gray-900);background:var(--gray-100)}.nav-link.router-link-active[data-v-95187352]{color:var(--accent-text);background:var(--accent-light)}.nav-right[data-v-95187352]{margin-left:auto;display:flex;align-items:center;gap:4px}.nav-icon-btn[data-v-95187352]{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--gray-500);transition:all .15s ease;background:none;border:none;cursor:pointer;font-family:var(--font)}.nav-icon-btn[data-v-95187352]:hover{background:var(--gray-100);color:var(--gray-700)}.notif-dot[data-v-95187352]{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--danger);color:#fff;font-size:.6rem;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.nav-user[data-v-95187352]{display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-md);cursor:pointer;position:relative;transition:background .15s ease}.nav-user[data-v-95187352]:hover{background:var(--gray-100)}.user-avatar[data-v-95187352]{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:#fff}.chevron[data-v-95187352]{font-size:18px;color:var(--gray-400)}.dropdown-menu[data-v-95187352]{position:absolute;top:calc(100% + 6px);right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:4px;min-width:180px;box-shadow:var(--shadow-lg)}.dropdown-item[data-v-95187352]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);font-size:.8125rem;color:var(--gray-700);text-decoration:none;transition:all .1s ease;border:none;background:none;width:100%;cursor:pointer;font-family:var(--font)}.dropdown-item[data-v-95187352]:hover{background:var(--gray-100)}.dropdown-item .material-icons-round[data-v-95187352]{font-size:16px;color:var(--gray-400)}.dropdown-item.danger[data-v-95187352],.dropdown-item.danger .material-icons-round[data-v-95187352]{color:var(--danger)}.dropdown-item.danger[data-v-95187352]:hover{background:var(--danger-light)}.dropdown-divider[data-v-95187352]{height:1px;background:var(--gray-200);margin:4px 0}.hamburger-btn[data-v-95187352]{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:none;border:none;color:var(--gray-500);cursor:pointer}.hamburger-btn[data-v-95187352]:hover{background:var(--gray-100);color:var(--gray-700)}.drawer-backdrop[data-v-95187352]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200}.drawer-panel[data-v-95187352]{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--white);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.drawer-header[data-v-95187352]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--gray-200)}.drawer-close[data-v-95187352]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:none;border:none;color:var(--gray-500);cursor:pointer}.drawer-close[data-v-95187352]:hover{background:var(--gray-100)}.drawer-links[data-v-95187352]{flex:1;padding:8px;display:flex;flex-direction:column;gap:2px}.drawer-link[data-v-95187352]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--gray-700);font-size:.875rem;font-weight:500;text-decoration:none;background:none;border:none;width:100%;cursor:pointer;font-family:var(--font);transition:all .15s ease}.drawer-link[data-v-95187352]:hover{background:var(--gray-100)}.drawer-link.router-link-active[data-v-95187352]{color:var(--accent-text);background:var(--accent-light)}.drawer-link.danger[data-v-95187352]{color:var(--danger)}.drawer-link .material-icons-round[data-v-95187352]{font-size:20px;color:var(--gray-400)}.drawer-link.danger .material-icons-round[data-v-95187352]{color:var(--danger)}.drawer-footer[data-v-95187352]{padding:8px;border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:2px}.drawer-enter-active[data-v-95187352],.drawer-leave-active[data-v-95187352]{transition:opacity .2s ease}.drawer-enter-from[data-v-95187352],.drawer-leave-to[data-v-95187352]{opacity:0}.drawer-enter-active .drawer-panel[data-v-95187352],.drawer-leave-active .drawer-panel[data-v-95187352]{transition:transform .2s ease}.drawer-enter-from .drawer-panel[data-v-95187352],.drawer-leave-to .drawer-panel[data-v-95187352]{transform:translate(-100%)}@media (max-width: 768px){.nav-links[data-v-95187352]{display:none}.hamburger-btn[data-v-95187352]{display:flex}}.app[data-v-4455ea6f]{min-height:100vh}.main-content.with-navbar[data-v-4455ea6f]{padding-top:56px}:root{--font: "Inter", system-ui, -apple-system, sans-serif;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--accent: #4f46e5;--accent-light: #eef2ff;--accent-hover: #4338ca;--accent-text: #4f46e5;--success: #059669;--success-light: #ecfdf5;--warning: #d97706;--warning-light: #fffbeb;--danger: #dc2626;--danger-light: #fef2f2;--info: #2563eb;--info-light: #eff6ff;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1)}[data-theme=dark]{--white: #1a1a2e;--gray-50: #121220;--gray-100: #1a1a2e;--gray-200: #2a2a3e;--gray-300: #3a3a50;--gray-400: #8888a0;--gray-500: #a0a0b8;--gray-600: #c0c0d0;--gray-700: #d0d0e0;--gray-800: #e0e0ec;--gray-900: #eeeef4;--accent: #6366f1;--accent-light: #1e1b4b;--accent-hover: #818cf8;--accent-text: #a5b4fc;--success: #34d399;--success-light: #064e3b;--warning: #fbbf24;--warning-light: #451a03;--danger: #f87171;--danger-light: #450a0a;--info: #60a5fa;--info-light: #172554;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-lg: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -2px rgba(0,0,0,.3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-900);line-height:1.5;font-size:14px;transition:background-color .2s ease,color .2s ease}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}h1,h2,h3,h4{font-weight:600;line-height:1.3;color:var(--gray-900)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.05rem}h4{font-size:.95rem}.container{max-width:1120px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-family:var(--font);font-size:.8125rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap;line-height:1.4}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .material-icons-round{font-size:16px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--white);color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-outline{background:transparent;color:var(--gray-700);border-color:var(--gray-300)}.btn-outline:hover:not(:disabled){background:var(--gray-50)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){color:var(--gray-900);background:var(--gray-100)}.btn-danger{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-light)}.btn-sm{padding:5px 10px;font-size:.75rem}.btn-lg{padding:10px 20px;font-size:.875rem}.input-group{display:flex;flex-direction:column;gap:5px}.input-group label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.input,.select,textarea.input{padding:8px 12px;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-900);font-family:var(--font);font-size:.875rem;transition:border-color .15s ease;width:100%}.input:focus,textarea.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.input::placeholder{color:var(--gray-400)}textarea.input{resize:vertical;min-height:80px}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:500;letter-spacing:.01em}.badge-accent{background:var(--accent-light);color:var(--accent-text)}.badge-teal,.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;transition:all .15s ease}.card-interactive:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md)}.stat-card{padding:16px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.skill-tag{display:inline-flex;padding:3px 10px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--gray-600)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;max-width:480px;width:100%;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.toast-container{position:fixed;top:72px;right:20px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;min-width:260px;animation:slideIn .25s ease;box-shadow:var(--shadow-lg)}.toast-success{background:var(--white);border:1px solid var(--success);color:var(--success)}.toast-error{background:var(--white);border:1px solid var(--danger);color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:8px;text-align:center}.empty-state .material-icons-round{font-size:48px;color:var(--gray-300)}.empty-state h3{color:var(--gray-600);font-weight:500}.empty-state p{color:var(--gray-400);font-size:.875rem}.spinner{width:28px;height:28px;border:2.5px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.page-enter-active,.page-leave-active{transition:opacity .15s ease}.page-enter-from,.page-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width: 768px){.container{padding:0 16px}.grid-2,.grid-3{grid-template-columns:1fr}}