#app[data-v-857ecc37]{min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-857ecc37]{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.navbar .container[data-v-857ecc37]{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar-header[data-v-857ecc37]{display:flex;justify-content:space-between;align-items:center;width:100%}.logo[data-v-857ecc37]{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700;z-index:1001}.logo-icon[data-v-857ecc37]{font-size:2rem}.mobile-menu-toggle[data-v-857ecc37]{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.mobile-menu-toggle[data-v-857ecc37]:focus{outline:none}.hamburger-line[data-v-857ecc37]{width:2rem;height:.25rem;background-color:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger-line.active[data-v-857ecc37]:nth-child(1){transform:rotate(45deg)}.hamburger-line.active[data-v-857ecc37]:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-line.active[data-v-857ecc37]:nth-child(3){transform:rotate(-45deg)}.nav-links[data-v-857ecc37]{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.nav-group[data-v-857ecc37]{display:flex;gap:.25rem;align-items:center;padding:0 .5rem;border-right:1px solid rgba(255,255,255,.2)}.nav-group[data-v-857ecc37]:last-child{border-right:none;margin-left:auto}.nav-link[data-v-857ecc37]{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;padding:.625rem 1rem;border-radius:.375rem;transition:all .2s;white-space:nowrap;font-size:.95rem;font-weight:500}.nav-link[data-v-857ecc37]:hover,.nav-link.router-link-active[data-v-857ecc37]{background-color:#ffffff26;transform:translateY(-1px)}.nav-icon[data-v-857ecc37]{font-size:1.1rem;line-height:1}.nav-dropdown[data-v-857ecc37]{position:relative}.nav-dropdown-toggle[data-v-857ecc37]{cursor:pointer;background:none;border:none;font-family:inherit}.dropdown-arrow[data-v-857ecc37]{font-size:.7rem;margin-left:.25rem;transition:transform .2s;display:inline-block}.dropdown-arrow.open[data-v-857ecc37]{transform:rotate(180deg)}.nav-dropdown-menu[data-v-857ecc37]{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000;padding:.5rem 0}.nav-dropdown-menu.open[data-v-857ecc37]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item[data-v-857ecc37]{display:flex;align-items:center;gap:.75rem;color:#1f2937;text-decoration:none;padding:.75rem 1rem;transition:background-color .2s;font-size:.95rem}.nav-dropdown-item[data-v-857ecc37]:hover{background-color:#f3f4f6}.nav-dropdown-item.router-link-active[data-v-857ecc37]{background-color:#eff6ff;color:#1e40af;font-weight:600}.user-group[data-v-857ecc37]{gap:.5rem}.user-menu[data-v-857ecc37]{position:relative}.user-menu-toggle[data-v-857ecc37]{display:flex;align-items:center;gap:.5rem;background:#ffffff26;color:#fff;border:none;padding:.625rem 1rem;border-radius:.375rem;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;white-space:nowrap}.user-menu-toggle[data-v-857ecc37]:hover{background-color:#ffffff40}.user-avatar[data-v-857ecc37]{font-size:1.2rem;line-height:1}.user-name[data-v-857ecc37]{max-width:150px;overflow:hidden;text-overflow:ellipsis}.user-dropdown-menu[data-v-857ecc37]{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000;padding:.5rem 0}.user-dropdown-menu.open[data-v-857ecc37]{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-item[data-v-857ecc37]{display:flex;align-items:center;gap:.75rem;color:#1f2937;text-decoration:none;padding:.75rem 1rem;transition:background-color .2s;font-size:.95rem;width:100%;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit}.user-dropdown-item[data-v-857ecc37]:hover{background-color:#f3f4f6}.user-dropdown-item.logout-btn[data-v-857ecc37]{color:#dc2626;border-top:1px solid #e5e7eb;margin-top:.25rem;padding-top:.875rem}.user-dropdown-item.logout-btn[data-v-857ecc37]:hover{background-color:#fee2e2}.user-section[data-v-857ecc37]{display:flex;align-items:center;gap:.75rem}.user-info[data-v-857ecc37]{color:#fff;padding:.5rem 1rem;font-weight:500;white-space:nowrap;text-decoration:none;border-radius:.25rem;transition:background-color .2s}.user-info[data-v-857ecc37]:hover{background-color:#fff3}.btn-nav[data-v-857ecc37]{background-color:#fff3;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-size:1rem;transition:background-color .2s;white-space:nowrap}.btn-nav[data-v-857ecc37]:hover{background-color:#ffffff4d}.main-content[data-v-857ecc37]{flex:1;padding:2rem 0}.footer[data-v-857ecc37]{background-color:#1f2937;color:#fff;padding:1.5rem 0;text-align:center;margin-top:auto}.footer .container[data-v-857ecc37]{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.navbar[data-v-857ecc37]{padding:.75rem 0}.navbar .container[data-v-857ecc37]{padding:0 1rem}.mobile-menu-toggle[data-v-857ecc37]{display:flex}.logo[data-v-857ecc37]{font-size:1.2rem}.logo-icon[data-v-857ecc37]{font-size:1.5rem}.logo-text[data-v-857ecc37]{font-size:1.1rem}.nav-links[data-v-857ecc37]{position:fixed;left:0;top:0;height:100vh;width:70%;max-width:300px;background:linear-gradient(135deg,#1e40af,#3b82f6);flex-direction:column;align-items:flex-start;padding:5rem 1.5rem 2rem;gap:0;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 10px #0000001a;z-index:1000;overflow-y:auto}.nav-links.mobile-open[data-v-857ecc37]{transform:translate(0)}.nav-group[data-v-857ecc37]{width:100%;flex-direction:column;align-items:stretch;border-right:none;border-bottom:1px solid rgba(255,255,255,.2);padding:.75rem 0;margin:0;gap:.5rem}.nav-group[data-v-857ecc37]:last-child{border-bottom:none;margin-left:0;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.nav-link[data-v-857ecc37]{width:100%;padding:1rem;border-radius:.5rem;margin-bottom:.25rem;font-size:1rem;text-align:left}.nav-link.router-link-active[data-v-857ecc37]{background-color:#ffffff40;font-weight:600}.nav-dropdown[data-v-857ecc37]{width:100%}.nav-dropdown-menu[data-v-857ecc37]{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#ffffff1a;margin-top:.5rem;margin-left:1rem;border-radius:.375rem;padding:.5rem 0}.nav-dropdown-menu.open[data-v-857ecc37]{display:block}.nav-dropdown-item[data-v-857ecc37]{color:#fff;padding:.875rem 1.5rem}.nav-dropdown-item[data-v-857ecc37]:hover{background-color:#ffffff26}.nav-dropdown-item.router-link-active[data-v-857ecc37]{background-color:#fff3;color:#fff}.user-menu[data-v-857ecc37]{width:100%}.user-menu-toggle[data-v-857ecc37]{width:100%;justify-content:space-between}.user-dropdown-menu[data-v-857ecc37]{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#ffffff1a;margin-top:.5rem;border-radius:.375rem;padding:.5rem 0}.user-dropdown-menu.open[data-v-857ecc37]{display:block}.user-dropdown-item[data-v-857ecc37]{color:#fff;padding:.875rem 1.5rem}.user-dropdown-item[data-v-857ecc37]:hover{background-color:#ffffff26}.user-dropdown-item.logout-btn[data-v-857ecc37]{color:#fff;border-top:1px solid rgba(255,255,255,.2)}.user-dropdown-item.logout-btn[data-v-857ecc37]:hover{background-color:#ef444433}.btn-nav[data-v-857ecc37]{width:100%;text-align:center;padding:.875rem;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.main-content[data-v-857ecc37]{padding:1rem 0}.nav-links.mobile-open[data-v-857ecc37]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:-1;animation:fadeIn-857ecc37 .3s ease-in-out}}@keyframes fadeIn-857ecc37{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.logo-text[data-v-857ecc37]{font-size:1rem}.logo-icon[data-v-857ecc37]{font-size:1.3rem}.nav-links[data-v-857ecc37]{width:80%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1f2937;background-color:#f9fafb}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;text-decoration:none}.btn:hover{background-color:#2563eb}.btn-primary{background-color:#1e40af}.btn-primary:hover{background-color:#1e3a8a}.btn-success{background-color:#10b981}.btn-success:hover{background-color:#059669}.btn-danger{background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.loading{text-align:center;padding:2rem;color:#6b7280}.error{background-color:#fee2e2;color:#991b1b;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.success{background-color:#d1fae5;color:#065f46;padding:1rem;border-radius:.5rem;margin-bottom:1rem}@media (max-width: 768px){.container{padding:0 1rem}.btn{padding:.875rem 1.25rem;font-size:.95rem;min-height:44px;width:100%;max-width:100%}.card{padding:1.25rem;margin-bottom:1rem}h1{font-size:1.75rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.4}p{font-size:.95rem;line-height:1.6}}@media (max-width: 480px){.container{padding:0 .75rem}.card{padding:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}