.navbar[data-v-ca68c7cd]{background:#01579b;padding:10px 0;box-shadow:0 2px 5px #0000001a}.navbar-container[data-v-ca68c7cd]{max-width:1000px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo[data-v-ca68c7cd]{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links[data-v-ca68c7cd]{display:flex;gap:20px;align-items:center}.nav-link[data-v-ca68c7cd]{color:#fff;text-decoration:none;padding:5px 10px;border-radius:4px;transition:background .3s}.nav-link[data-v-ca68c7cd]:hover{background:#ffffff1a}.logout-btn[data-v-ca68c7cd]{background:none;border:none;color:#fff;cursor:pointer;padding:5px 10px;border-radius:4px}.logout-btn[data-v-ca68c7cd]:hover{background:#ffffff1a}.admin-link[data-v-ca68c7cd]{background:#d32f2f;padding:5px 10px;border-radius:4px}body{font-family:Arial,sans-serif;margin:0;padding:0;background:#fff;min-height:100vh;background-image:linear-gradient(rgba(0,102,204,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,204,.3) 1px,transparent 1px);background-size:20px 20px}#app{min-height:100vh}:root{--color-primary: #01579b;--color-primary-dark: #004d40;--color-secondary: #d32f2f;--color-secondary-dark: #b71c1c;--color-success: #2e7d32;--color-warning: #f57c00;--color-error: #c62828;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-light: #e3f2fd;--bg-dark: #f9f9f9;--bg-card: #ffffff;--text-primary: #333333;--text-secondary: #666666;--text-light: #999999;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 30px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 2px 5px rgba(0,0,0,.1);--shadow-lg: 0 4px 10px rgba(0,0,0,.15);--font-primary: Arial, sans-serif;--font-size-sm: .85rem;--font-size-md: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.3rem;--transition: all .3s ease;--card-padding: 20px;--card-border-radius: 8px;--card-shadow: 0 2px 5px rgba(0,0,0,.1);--btn-padding: 10px 20px;--btn-border-radius: 4px;--btn-font-size: 1rem;--btn-font-weight: bold}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);color:var(--text-primary);min-height:100vh;background-image:linear-gradient(rgba(0,102,204,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,204,.3) 1px,transparent 1px);background-size:20px 20px}.card{background:var(--bg-card);padding:var(--card-padding);border-radius:var(--card-border-radius);box-shadow:var(--shadow-md)}.section-title{color:var(--color-secondary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-secondary);font-size:var(--font-size-xl);font-weight:700}.btn{padding:var(--btn-padding);border-radius:var(--btn-border-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--color-primary);color:#fff;border:none}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-secondary);color:#fff;border:none}.btn-secondary:hover{background:var(--color-secondary-dark)}.btn-success{background:var(--color-success);color:#fff;border:none}.btn-success:hover{background:#1b5e20}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:var(--font-size-md);font-weight:700}.no-data{text-align:center;padding:40px;color:var(--text-light);font-style:italic}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm)}.form-input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:var(--border-radius-sm);font-size:var(--font-size-md);transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--color-primary)}