.app-header[data-v-ae0e09a1]{background:var(--color-surface);color:var(--color-text);border-bottom:2px solid var(--color-evergreen)}.container[data-v-ae0e09a1]{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo[data-v-ae0e09a1]{text-decoration:none;color:var(--color-evergreen)}.logo h1[data-v-ae0e09a1]{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:400;letter-spacing:1px}nav[data-v-ae0e09a1]{display:flex;gap:2rem;align-items:center}nav a[data-v-ae0e09a1]{color:var(--color-text-muted);text-decoration:none;padding:0;transition:color .2s;font-family:var(--font-body);font-weight:400;font-size:1.1rem;position:relative}nav a[data-v-ae0e09a1]:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-blue-primary);transform:scaleX(0);transition:transform .2s}nav a[data-v-ae0e09a1]:hover,nav a.router-link-active[data-v-ae0e09a1]{color:var(--color-evergreen)}nav a[data-v-ae0e09a1]:hover:after,nav a.router-link-active[data-v-ae0e09a1]:after{transform:scaleX(1)}.logout-btn[data-v-ae0e09a1]{background:var(--gradient-primary);color:#fff;border:none;padding:.5rem 1.5rem;cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:400;letter-spacing:.5px;transition:all .3s}.logout-btn[data-v-ae0e09a1]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0938244d}.search-container[data-v-ae0e09a1]{background:var(--color-background);padding:1.5rem 0}.search-wrapper[data-v-ae0e09a1]{max-width:1200px;margin:0 auto;padding:0 2rem}.search-input[data-v-ae0e09a1]{width:100%;padding:1rem 1.5rem;font-family:var(--font-body);font-size:1.1rem;border:2px solid var(--color-border);background:var(--color-surface);transition:border-color .2s}.search-input[data-v-ae0e09a1]::placeholder{color:var(--color-text-muted)}.search-input[data-v-ae0e09a1]:focus{outline:none;border-color:var(--color-blue-primary)}.notification-container[data-v-6c5f6d49]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:420px}.notification-toast[data-v-6c5f6d49]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--color-surface);border:2px solid var(--color-evergreen);box-shadow:4px 4px 0 var(--color-evergreen);color:var(--color-text)}.notification-success[data-v-6c5f6d49]{border-color:var(--color-green-light);box-shadow:4px 4px 0 var(--color-green-light)}.notification-error[data-v-6c5f6d49]{border-color:#dc2626;box-shadow:4px 4px #dc2626;background:#fef2f2}.notification-info[data-v-6c5f6d49]{border-color:var(--color-blue-primary);box-shadow:4px 4px 0 var(--color-blue-primary);background:var(--color-surface)}.message[data-v-6c5f6d49]{flex:1;margin-right:1rem;font-family:var(--font-body);font-size:.9375rem;font-weight:400}.close-btn[data-v-6c5f6d49]{background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;line-height:1;transition:transform .2s}.close-btn[data-v-6c5f6d49]:hover{transform:scale(1.2)}.notification-enter-active[data-v-6c5f6d49],.notification-leave-active[data-v-6c5f6d49]{transition:all .3s ease}.notification-enter-from[data-v-6c5f6d49],.notification-leave-to[data-v-6c5f6d49]{opacity:0;transform:translate(100%)}*{box-sizing:border-box}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}:root{--color-evergreen: #093824;--color-green-light: #62a87c;--color-blue-primary: #3e92cc;--color-blue-dark: #2a628f;--color-background: #e7ecef;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #4a5568;--color-border: #d1d5db;--color-border-light: #e5e7eb;--gradient-primary: linear-gradient( to right, var(--color-evergreen), var(--color-green-light) );--gradient-blue: linear-gradient( to right, var(--color-blue-primary), var(--color-blue-dark) );--font-display: "Archivo Black", sans-serif;--font-body: "Signika", sans-serif;--font-mono: "SUSE", "Courier New", monospace;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text)}#app{width:100%}