:root{--color-black: #000000;--color-black-soft: #0a0a0a;--color-black-light: #1a1a1a;--color-black-lighter: #2a2a2a;--color-white: #ffffff;--color-light-bg: #f5f5f5;--color-light-card: #ffffff;--color-yellow: #FFD700;--color-yellow-bright: #FFC700;--color-yellow-dark: #E5C100;--color-yellow-muted: rgba(255, 215, 0, .8);--color-gray-light: #e0e0e0;--color-gray: #999999;--color-gray-dark: #666666;--color-text-dark: #2c2c2c;--color-background: var(--color-light-bg);--color-background-soft: var(--color-white);--color-background-mute: var(--color-light-bg);--color-background-card: var(--color-light-card);--color-primary: var(--color-yellow);--color-primary-hover: var(--color-yellow-bright);--color-primary-active: var(--color-yellow-dark);--color-border: rgba(0, 0, 0, .1);--color-border-hover: rgba(0, 0, 0, .2);--color-heading: var(--color-yellow-dark);--color-text: var(--color-text-dark);--color-text-muted: var(--color-gray-dark);--color-error: #ff4444;--color-success: #44ff44;--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:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-header[data-v-ba2c4078]{background-color:#000;color:gold;padding:1rem;box-shadow:0 2px 8px #ffd7001a;width:100%;border-bottom:2px solid rgba(255,215,0,.2)}.header-container[data-v-ba2c4078]{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.logo h1[data-v-ba2c4078]{margin:0;font-size:1.25rem;font-weight:600;white-space:nowrap;color:gold}.header-right[data-v-ba2c4078]{display:flex;align-items:center;gap:.75rem}.language-switcher[data-v-ba2c4078]{display:flex;gap:.375rem}.lang-btn[data-v-ba2c4078]{background-color:transparent;border:1px solid rgba(255,215,0,.5);color:gold;padding:.35rem .65rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .3s;white-space:nowrap;touch-action:manipulation}.lang-btn[data-v-ba2c4078]:hover{background-color:#ffd7001a;border-color:gold}.lang-btn[data-v-ba2c4078]:active{background-color:#ffd70033;border-color:#ffc700}.lang-btn.active[data-v-ba2c4078]{background-color:gold;color:#000;border-color:gold;font-weight:600}.logout-btn[data-v-ba2c4078]{background-color:transparent;border:1px solid rgba(255,215,0,.5);color:gold;padding:.45rem .55rem;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.logout-btn[data-v-ba2c4078]:hover{background-color:#ffd7001a;border-color:gold}.logout-btn[data-v-ba2c4078]:active{background-color:gold;color:#000;border-color:gold;transform:scale(.95)}.logout-btn svg[data-v-ba2c4078]{display:block}.app-footer[data-v-b7b0e3d2]{background-color:#000;color:gold;padding:1rem;margin-top:auto;width:100%;border-top:2px solid rgba(255,215,0,.2)}.footer-container[data-v-b7b0e3d2]{width:100%;text-align:center}.footer-container p[data-v-b7b0e3d2]{margin:0;font-size:.75rem;line-height:1.4;color:#ccc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;width:100%}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:1600px;margin:0 auto;background-color:#fff;box-shadow:0 0 20px #0000001a}.main-content{flex:1;background-color:#f5f5f5;width:100%}.login-page[data-v-bf1b8193]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:1.5rem 1rem;width:100%;background:linear-gradient(135deg,#fff,#fffef5)}.login-container[data-v-bf1b8193]{width:100%}.login-card[data-v-bf1b8193]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #e5c10026;border:2px solid #d0d0d0;padding:2rem;width:100%;max-width:400px;margin:0 auto}.login-card h2[data-v-bf1b8193]{margin:0 0 1.5rem;text-align:center;color:#000;font-size:1.5rem;font-weight:600}.login-form[data-v-bf1b8193]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-bf1b8193]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-bf1b8193]{font-weight:600;color:#2c2c2c;font-size:.875rem}.form-group input[data-v-bf1b8193]{padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s,background-color .3s,box-shadow .3s;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fafafa;color:#2c2c2c}.form-group input[data-v-bf1b8193]:focus{outline:none;border-color:gold;background-color:#fff;box-shadow:0 0 0 3px #ffd7001a}.form-group input[data-v-bf1b8193]:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed;border-color:#d0d0d0}.form-group input.invalid[data-v-bf1b8193]{border-color:#f44;background-color:#fff5f5}.form-group input.invalid[data-v-bf1b8193]:focus{border-color:#f44;box-shadow:0 0 0 3px #ff44441a}.field-error[data-v-bf1b8193]{color:#f44;font-size:.75rem;margin-top:.25rem;display:block;line-height:1.4}.error-message[data-v-bf1b8193]{background-color:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.3);padding:.75rem;border-radius:8px;font-size:.875rem;text-align:center;line-height:1.4}.login-button[data-v-bf1b8193]{padding:.875rem;background-color:gold;color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.login-button[data-v-bf1b8193]:hover{background-color:#ffc700}.login-button[data-v-bf1b8193]:active:not(:disabled){background-color:#e5c100;transform:scale(.98)}.login-button[data-v-bf1b8193]:disabled{background-color:#d0d0d0;color:#888;cursor:not-allowed;border:none}.app-title[data-v-bf1b8193]{margin:0 0 .5rem;text-align:center;color:#000;font-size:1.125rem;font-weight:600}.reset-password-link[data-v-bf1b8193]{background:none;border:none;color:#000;font-size:.875rem;cursor:pointer;padding:.5rem 0;text-align:center;text-decoration:underline;transition:color .3s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.reset-password-link[data-v-bf1b8193]:hover,.reset-password-link[data-v-bf1b8193]:active{color:#000}.modal-overlay[data-v-bf1b8193]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content[data-v-bf1b8193]{background:#fff;border:2px solid #000000;border-radius:12px;padding:1.5rem;width:100%;max-width:320px;box-shadow:0 4px 20px #0003;position:relative}.modal-close[data-v-bf1b8193]{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;line-height:1;touch-action:manipulation}.modal-close[data-v-bf1b8193]:hover{color:#e5c100}.modal-close[data-v-bf1b8193]:active{color:#2c2c2c}.modal-text[data-v-bf1b8193]{margin:0 0 1.5rem;text-align:center;color:#000;font-size:1rem;line-height:1.5}.modal-buttons[data-v-bf1b8193]{display:flex;gap:.75rem}.modal-btn[data-v-bf1b8193]{flex:1;padding:.75rem;border:2px solid #d0d0d0;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:#fff;color:#2c2c2c}.modal-btn[data-v-bf1b8193]:hover{background-color:#fffef5;border-color:#ffc700}.modal-btn-yes[data-v-bf1b8193]{background-color:gold;color:#000;border-color:#d0d0d0}.modal-btn-yes[data-v-bf1b8193]:hover{background-color:#ffc700}.modal-btn-yes[data-v-bf1b8193]:active{background-color:#e5c100}.modal-btn-no[data-v-bf1b8193]{background-color:transparent;color:gold;border-color:#000}.modal-btn-no[data-v-bf1b8193]:hover{background-color:#ffd7001a}.modal-btn-no[data-v-bf1b8193]:active{background-color:#ffd70033}