:root{--color-primary: #B7472A;--color-primary-dark: #943A22;--color-primary-light: #FDF0ED;--color-primary-hover: rgba(183, 71, 42, .1);--color-accent: #C48B2C;--color-accent-dark: #A17424;--color-accent-light: #FBF3E0;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-success: #16A34A;--color-success-light: #DCFCE7;--color-danger: #DC2626;--color-danger-light: #FEE2E2;--color-warning: #EAB308;--color-warning-dark: #CA8A04;--color-warning-light: #FEF9C3;--color-text-primary: #1C1917;--color-text-secondary: #57534E;--color-text-muted: #A8A29E;--color-surface: #FFFFFF;--color-surface-secondary: #FAFAF9;--color-surface-hover: #F5F5F4;--color-surface-tertiary: #E7E5E4;--color-border: #D6D3D1;--color-border-light: #E7E5E4;--color-border-input: #D6D3D1;--color-shadow: rgba(28, 25, 23, .08);--gradient-primary: linear-gradient(135deg, #B7472A 0%, #943A22 100%);--gradient-page: linear-gradient(135deg, #FAFAF9 0%, #F5F5F4 100%);--color-background: var(--color-surface);--color-background-soft: var(--color-surface-secondary);--color-background-mute: var(--color-surface-tertiary);--color-border-hover: var(--color-border);--color-heading: var(--color-text-primary);--color-text: var(--color-text-primary);--color-warning-hover: var(--color-warning-dark);--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px var(--color-shadow);--shadow-md: 0 2px 4px var(--color-shadow);--shadow-lg: 0 4px 12px var(--color-shadow);--shadow-xl: 0 8px 24px rgba(28, 25, 23, .12);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0;padding:0;font-weight:400}a,.green{text-decoration:none;color:var(--color-primary);transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:var(--color-primary-hover)}}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border:none;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:500;line-height:1.4;transition:background-color .2s,border-color .2s,color .2s;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--color-accent-dark)}.page-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.page-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.page-header p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.data-table th{background:var(--color-surface-secondary);font-weight:600;color:var(--color-text-primary);padding:.6rem .8rem;border-bottom:2px solid var(--color-border);text-align:left}.data-table td{padding:.6rem .8rem;border-bottom:1px solid var(--color-border-light)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.language-switcher[data-v-af0bb3e8]{position:relative;display:inline-block}.language-button[data-v-af0bb3e8]{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:all .2s ease}.language-button[data-v-af0bb3e8]:hover{background-color:var(--color-surface-secondary);border-color:var(--color-text-muted)}.language-icon[data-v-af0bb3e8]{font-size:16px}.language-code[data-v-af0bb3e8]{font-weight:500;min-width:24px}.dropdown-arrow[data-v-af0bb3e8]{font-size:10px;transition:transform .2s ease;color:var(--color-text-muted)}.dropdown-arrow.open[data-v-af0bb3e8]{transform:rotate(180deg)}.dropdown-menu[data-v-af0bb3e8]{position:absolute;top:calc(100% + 4px);right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 2px 8px var(--color-shadow);min-width:160px;z-index:1001;overflow:hidden}.dropdown-item[data-v-af0bb3e8]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;text-align:left;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:background-color .2s ease}.dropdown-item[data-v-af0bb3e8]:hover{background-color:var(--color-surface-secondary)}.dropdown-item.active[data-v-af0bb3e8]{background-color:var(--color-primary-light);font-weight:500}.flag[data-v-af0bb3e8]{font-size:18px;width:24px;text-align:center}.checkmark[data-v-af0bb3e8]{margin-left:auto;color:var(--color-primary);font-weight:700}@media (max-width: 768px){.language-button[data-v-af0bb3e8]{padding:5px 10px;font-size:var(--font-size-xs)}.language-code[data-v-af0bb3e8]{display:none}.dropdown-menu[data-v-af0bb3e8]{right:0;min-width:140px}}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);width:100%;box-sizing:border-box}nav{padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-light);position:fixed;top:0;left:0;right:0;background-color:var(--color-surface);z-index:1000;height:70px;box-sizing:border-box}.nav-left{display:flex;align-items:center;gap:20px}.nav-logo{font-size:var(--font-size-xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:20px;align-items:center}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px;gap:3px}.mobile-menu-toggle span{width:25px;height:3px;background-color:var(--color-text-primary);transition:all .3s ease}.nav-right{display:flex;align-items:center;gap:15px}.user-email{font-size:var(--font-size-base);color:var(--color-text-muted);font-weight:400}.logout-btn{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-input);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base)}.logout-btn:hover{background-color:var(--color-surface-secondary);border-color:var(--color-border)}@media (max-width: 768px){nav{padding:0 15px;height:auto;min-height:70px}.nav-left{flex:1;position:relative}.mobile-menu-toggle{display:flex}.nav-logo{font-size:var(--font-size-lg)}.nav-links{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);flex-direction:column;gap:0;border:1px solid var(--color-border-light);border-top:none;box-shadow:var(--shadow-md);max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-links.mobile-open{max-height:300px}.nav-links a{padding:15px 20px;border-bottom:1px solid var(--color-border-light);width:100%;box-sizing:border-box;text-align:left;transition:background-color .2s ease}.nav-links a:last-child{border-bottom:none}.nav-links a:hover,.nav-links a:active{background-color:var(--color-surface-secondary)}.nav-right{gap:10px}.user-email{display:none}.logout-btn{padding:6px 12px;font-size:var(--font-size-xs)}.mobile-menu-toggle,.logout-btn,.nav-links a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-menu-toggle:active span{background-color:var(--color-primary)}}@media (max-width: 480px){nav{padding:0 10px}.logout-btn{padding:5px 10px;font-size:var(--font-size-xs)}.nav-links a{padding:12px 16px;font-size:var(--font-size-base)}}.auth-loading,.auth-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.loading-spinner{border:4px solid var(--color-surface-tertiary);border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.with-badge{position:relative;display:inline-flex;align-items:center;gap:8px}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--color-danger);color:#fff;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:600;line-height:1}@media (max-width: 768px){.notification-badge{position:absolute;top:50%;right:15px;transform:translateY(-50%)}}nav a{font-weight:700;color:var(--color-text-primary);text-decoration:none;padding-bottom:4px;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}nav a.router-link-exact-active{color:var(--color-primary);border-bottom:3px solid var(--color-primary)}.content-container{margin-top:70px;max-width:1440px;width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;padding:0 var(--spacing-lg)}@media (max-width: 768px){.content-container{padding:0 10px}}@media (max-width: 480px){.content-container{padding:0 5px}}