.navbar[data-v-bea5d8cd]{z-index:1000;background:linear-gradient(135deg,#3498db,#2980b9);position:sticky;top:0;box-shadow:0 4px 12px #0000001a}.navbar-container[data-v-bea5d8cd]{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:0 auto;padding:0 20px;display:flex}.navbar-brand h1[data-v-bea5d8cd]{color:#fff;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.4rem;font-weight:600;overflow:hidden}@media (max-width:1200px){.navbar-brand h1[data-v-bea5d8cd]{font-size:1.2rem}}@media (max-width:992px){.navbar-brand h1[data-v-bea5d8cd]{font-size:1.1rem}}@media (max-width:768px){.navbar-brand h1[data-v-bea5d8cd]{font-size:1rem}}@media (max-width:480px){.navbar-brand h1[data-v-bea5d8cd]{font-size:.9rem;font-weight:600}}.navbar-menu[data-v-bea5d8cd]{gap:20px;display:flex}.nav-link[data-v-bea5d8cd]{color:#ffffffe6;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.nav-link[data-v-bea5d8cd]:hover{color:#fff;background-color:#ffffff1a;transform:translateY(-2px)}.nav-link.active[data-v-bea5d8cd]{color:#fff;background-color:#fff3;font-weight:700}.nav-link.active[data-v-bea5d8cd]:after{content:"";background-color:#fff;border-radius:3px;width:30px;height:3px;animation:.3s slideIn-bea5d8cd;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.login-button[data-v-bea5d8cd]{background-color:#fff3;border:2px solid #fff;transition:all .3s}.login-button[data-v-bea5d8cd]:hover{color:#3498db;background-color:#fff}.admin-menu[data-v-bea5d8cd]{gap:16px;display:flex;position:relative}.nav-icon[data-v-bea5d8cd]{opacity:.9;vertical-align:middle;flex-shrink:0;width:16px;height:16px}.admin-nav-item[data-v-bea5d8cd]{color:#ffffffe6;font-weight:500;transition:all .3s;position:relative}.admin-nav-item[data-v-bea5d8cd]:after{content:"";background:#fffc;width:0;height:3px;transition:width .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.admin-nav-item[data-v-bea5d8cd]:hover:after{width:30px}.admin-nav-item[data-v-bea5d8cd]:hover{color:#fff;transform:translateY(-2px)}.admin-nav-item.active[data-v-bea5d8cd]:after{width:30px}.user-info[data-v-bea5d8cd]{align-items:center;gap:15px;display:flex}@media (max-width:768px){.admin-menu[data-v-bea5d8cd]{border-top:1px solid #fff3;flex-direction:column;gap:10px;width:100%;margin-top:10px;padding-top:10px}.admin-nav-item[data-v-bea5d8cd]{text-align:center;justify-content:center;align-items:center;display:flex}.admin-icon[data-v-bea5d8cd]{margin-right:8px}}.admin-text[data-v-bea5d8cd]{color:#fff;background-color:#ffffff26;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.95rem;font-weight:500;display:inline-flex}.logout-button[data-v-bea5d8cd]{color:#fff;cursor:pointer;background-color:#fff3;border:2px solid #fff;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.logout-button[data-v-bea5d8cd]:hover{background-color:#e74c3c;border-color:#e74c3c}@keyframes slideIn-bea5d8cd{0%{opacity:0;width:0}to{opacity:1;width:30px}}@media (max-width:768px){.navbar-container[data-v-bea5d8cd]{flex-direction:column;height:auto;padding:20px}.navbar-brand h1[data-v-bea5d8cd]{margin-bottom:15px;font-size:1.1rem}.navbar-menu[data-v-bea5d8cd]{justify-content:center;width:100%}.nav-link[data-v-bea5d8cd]{padding:8px 12px;font-size:.95rem}.nav-icon[data-v-bea5d8cd]{width:14px;height:14px}.user-info[data-v-bea5d8cd]{flex-direction:column;gap:10px;width:100%}.logout-button[data-v-bea5d8cd]{justify-content:center;width:100%;font-size:.95rem}}@media (max-width:480px){.nav-link[data-v-bea5d8cd]{gap:6px;padding:6px 10px;font-size:.9rem}.nav-icon[data-v-bea5d8cd]{width:14px;height:14px}.logout-button[data-v-bea5d8cd]{font-size:.9rem}}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:20px 0;position:relative}.page-transition-enter-active,.page-transition-leave-active{transition:all .3s}.page-transition-enter-from{opacity:0;transform:translateY(10px)}.page-transition-leave-to{opacity:0;transform:translateY(-10px)}.footer{color:#fff;text-align:center;background-color:#2c3e50;margin-top:40px;padding:20px}.footer p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}@media (max-width:768px){.footer p{font-size:.9rem}}@media (max-width:480px){.footer p{font-size:.8rem}.footer{padding:15px 10px}}button{font-family:inherit}input,select,textarea{outline:none;font-family:inherit;transition:all .3s}input.error,select.error,textarea.error{border-color:#e74c3c}input.error:focus,select.error:focus,textarea.error:focus{box-shadow:0 0 0 3px #e74c3c1a}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.7;background-color:#f8f9fa}html{scroll-behavior:smooth}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}:root{--primary-color:#3498db;--primary-dark:#2980b9;--primary-light:#5dade2;--primary-lighter:#85c1e9;--primary-lightest:#d6eaf8;--success-color:#2ecc71;--warning-color:#f39c12;--danger-color:#e74c3c;--info-color:#3498db;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--text-light:#95a5a6;--background-primary:#fafbfc;--background-secondary:#f8f9fa;--background-white:#fff;--border-color:#e0e5e9;--shadow-sm:0 2px 5px #0000001a;--shadow-md:0 4px 15px #0000001a;--shadow-lg:0 8px 25px #00000026;--shadow-primary:0 4px 12px #3498db66;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:25px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-sm:.85rem;--font-size-md:1rem;--font-size-lg:1.1rem;--font-size-xl:1.4rem;--font-size-xxl:1.8rem;--font-size-xxxl:2.5rem;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:40px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#c8c8c81a 1px,#0000 1px),linear-gradient(90deg,#c8c8c81a 1px,#0000 1px);background-size:20px 20px;min-height:100vh;line-height:1.6}#app{background:linear-gradient(#fffc,#fffffff2);width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}a{color:var(--primary-color);transition:color var(--transition-normal);text-decoration:none}a:hover{color:var(--primary-dark)}button{font-family:inherit;font-size:var(--font-size-md);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}button:focus-visible{box-shadow:0 0 0 3px #3498db4d}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}input,select,textarea{font-family:inherit;font-size:var(--font-size-md);border:2px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-normal);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a}table{border-collapse:collapse;width:100%;font-size:var(--font-size-md)}th,td{text-align:left;padding:var(--spacing-md)}th{color:var(--text-primary);background-color:var(--background-secondary);font-weight:600}tr{transition:background-color var(--transition-fast)}tr:hover:not(thead tr){background-color:var(--background-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-center{text-align:center}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}@media (max-width:1200px){:root{--font-size-xxxl:2.2rem;--font-size-xxl:1.6rem}}@media (max-width:768px){:root{--font-size-xxxl:2rem;--font-size-xxl:1.4rem;--font-size-xl:1.2rem;--spacing-lg:25px;--spacing-xl:30px}html{font-size:14px}}@media (max-width:480px){:root{--font-size-xxxl:1.8rem;--font-size-xxl:1.3rem;--spacing-md:15px;--spacing-lg:20px}}