.navbar[data-v-c7482598]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;min-height:60px}.nav-left[data-v-c7482598],.nav-center[data-v-c7482598],.nav-right[data-v-c7482598]{display:flex;align-items:center;gap:1rem}.nav-center[data-v-c7482598]{flex:1;justify-content:center;gap:1rem}.backend-selector[data-v-c7482598]{display:flex;align-items:center;gap:.5rem}.backend-selector label[data-v-c7482598]{font-weight:600;font-size:.9rem}.backend-dropdown[data-v-c7482598]{padding:.4rem .8rem;border:2px solid white;border-radius:6px;background:white;color:#2c3e50;font-size:.9rem;cursor:pointer;transition:all .3s ease}.backend-dropdown[data-v-c7482598]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.nav-button[data-v-c7482598]{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;text-decoration:none;background:transparent;color:#fff}.nav-button[data-v-c7482598]:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.home-button[data-v-c7482598]{background:rgba(255,255,255,.1)}.login-button[data-v-c7482598]{background:rgba(46,204,113,.8)}.login-button[data-v-c7482598]:hover{background:rgba(46,204,113,1)}.logout-button[data-v-c7482598]{background:rgba(231,76,60,.8)}.logout-button[data-v-c7482598]:hover{background:rgba(231,76,60,1)}.user-info[data-v-c7482598]{display:flex;align-items:center;gap:1rem}.user-name[data-v-c7482598]{font-weight:600;font-size:.9rem}.api-test-button[data-v-c7482598]{background:rgba(230,126,34,.8);border-color:#e67e22cc}.api-test-button[data-v-c7482598]:hover{background:rgba(230,126,34,1)}@media (max-width: 768px){.navbar[data-v-c7482598]{flex-direction:column;gap:1rem;padding:1rem}.nav-left[data-v-c7482598]{flex-direction:column;gap:.5rem}.nav-center[data-v-c7482598],.nav-right[data-v-c7482598]{width:100%;justify-content:center}.nav-center[data-v-c7482598]{order:-1}.backend-selector[data-v-c7482598],.difficulty-selector[data-v-c7482598]{justify-content:center}}.difficulty-selector[data-v-c7482598]{display:flex;align-items:center;gap:.5rem}.difficulty-selector label[data-v-c7482598]{font-weight:600;font-size:.9rem}.difficulty-dropdown[data-v-c7482598]{padding:.4rem .8rem;border:2px solid white;border-radius:6px;background:white;color:#2c3e50;font-size:.9rem;cursor:pointer;transition:all .3s ease}.difficulty-dropdown[data-v-c7482598]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.profile-button[data-v-c7482598]{background:rgba(155,89,182,.8)}.profile-button[data-v-c7482598]:hover{background:rgba(155,89,182,1)}.login-container[data-v-130681a9]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.login-card[data-v-130681a9]{background:white;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:2rem;width:100%;max-width:400px}.login-title[data-v-130681a9]{text-align:center;margin-bottom:2rem;color:#2c3e50;display:flex;flex-direction:column;gap:.5rem}.auth-mode-badge[data-v-130681a9]{color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;align-self:center}.login-form[data-v-130681a9]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-130681a9]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-130681a9]{font-weight:600;color:#34495e}.form-group input[data-v-130681a9]{padding:.75rem;border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input[data-v-130681a9]:focus{outline:none;border-color:#3498db}.form-group input[data-v-130681a9]:disabled{background-color:#f8f9fa;cursor:not-allowed}.login-button[data-v-130681a9]{background:#3498db;color:#fff;border:none;padding:.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.login-button[data-v-130681a9]:hover:not(:disabled){background:#2980b9}.login-button[data-v-130681a9]:disabled{background:#bdc3c7;cursor:not-allowed}.error-message[data-v-130681a9]{background:#fee;border:1px solid #e74c3c;border-radius:8px;padding:1rem;color:#c0392b;text-align:center;margin-top:1rem}.default-credentials[data-v-130681a9]{margin-top:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #f39c12}.default-credentials h4[data-v-130681a9]{margin:0 0 .5rem;color:#e67e22}.default-credentials p[data-v-130681a9]{margin:.25rem 0;font-family:Courier New,monospace}.default-credentials small[data-v-130681a9]{color:#e67e22;font-style:italic}.api-test-container[data-v-ee74bf9a]{background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;width:100%}.backend-info[data-v-ee74bf9a]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.backend-badge[data-v-ee74bf9a]{color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;white-space:nowrap}.backend-url[data-v-ee74bf9a]{font-family:Courier New,monospace;color:#7f8c8d;font-size:.9rem;word-break:break-all}.api-section[data-v-ee74bf9a]{display:flex;flex-direction:column;gap:1.5rem}.fetch-button[data-v-ee74bf9a]{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:center;box-shadow:0 2px 4px #3498db33}.fetch-button[data-v-ee74bf9a]:hover:not(:disabled){background:linear-gradient(135deg,#2980b9 0%,#1f618d 100%);transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.fetch-button[data-v-ee74bf9a]:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.response[data-v-ee74bf9a]{background:linear-gradient(135deg,#ecf0f1 0%,#d5dbdb 100%);border-radius:8px;padding:1.5rem;border-left:4px solid #27ae60;box-shadow:0 2px 4px #27ae601a}.response h4[data-v-ee74bf9a]{margin-bottom:1rem;color:#27ae60;font-weight:600;font-size:1.1rem}.response-item[data-v-ee74bf9a]{display:flex;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.response-item[data-v-ee74bf9a]:last-child{margin-bottom:0;border-bottom:none}.label[data-v-ee74bf9a]{font-weight:600;color:#34495e;min-width:100px;font-size:.95rem}.value[data-v-ee74bf9a]{color:#2c3e50;word-break:break-word;font-size:.95rem}.error[data-v-ee74bf9a]{background:linear-gradient(135deg,#fee 0%,#fdd 100%);border-radius:8px;padding:1.5rem;border-left:4px solid #e74c3c;box-shadow:0 2px 4px #e74c3c1a}.error h4[data-v-ee74bf9a]{margin-bottom:1rem;color:#e74c3c;font-weight:600;font-size:1.1rem}.error p[data-v-ee74bf9a]{color:#c0392b;margin-bottom:.5rem;font-size:.95rem}.error-hint[data-v-ee74bf9a]{color:#e67e22;font-style:italic;font-size:.9rem}@media (max-width: 600px){.api-test-container[data-v-ee74bf9a]{padding:1rem}.response-item[data-v-ee74bf9a]{flex-direction:column;gap:.25rem}.label[data-v-ee74bf9a]{min-width:auto;font-weight:700}.backend-info[data-v-ee74bf9a]{flex-direction:column;gap:.5rem}}@keyframes fadeIn-ee74bf9a{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.response[data-v-ee74bf9a],.error[data-v-ee74bf9a]{animation:fadeIn-ee74bf9a .4s ease-out}.news-feed-container[data-v-21582419]{max-width:800px;margin:0 auto;padding:1rem}.news-header[data-v-21582419]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #ecf0f1}.news-header h2[data-v-21582419]{margin:0;color:#2c3e50;font-size:1.8rem}.backend-info[data-v-21582419]{display:flex;align-items:center}.backend-badge[data-v-21582419]{color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.loading-container[data-v-21582419],.error-container[data-v-21582419]{text-align:center;padding:3rem 1rem}.loading-spinner[data-v-21582419]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-21582419 1s linear infinite;margin:0 auto 1rem}@keyframes spin-21582419{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-21582419]{background:#fee;border:1px solid #e74c3c;border-radius:8px;color:#c0392b}.retry-button[data-v-21582419]{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-top:1rem}.posts-container[data-v-21582419]{display:flex;flex-direction:column;gap:1.5rem}.post-card[data-v-21582419]{background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.post-card[data-v-21582419]:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.post-header[data-v-21582419]{margin-bottom:1rem;cursor:pointer}.post-title[data-v-21582419]{margin:0 0 .5rem;color:#2c3e50;font-size:1.3rem;font-weight:600}.post-meta[data-v-21582419]{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:#7f8c8d}.post-content[data-v-21582419]{margin-bottom:1rem;line-height:1.6;color:#34495e;cursor:pointer}.read-more-btn[data-v-21582419]{background:none;border:none;color:#3498db;cursor:pointer;font-weight:600;text-decoration:underline;padding:0;margin-top:.5rem;transition:color .2s ease}.read-more-btn[data-v-21582419]:hover{color:#2980b9}.read-more-btn[data-v-21582419]{position:relative;z-index:2}.post-details[data-v-21582419]{border-top:1px solid #ecf0f1;padding-top:1rem;margin-top:1rem;cursor:default;pointer-events:auto}.comments-section h4[data-v-21582419]{margin:0 0 1rem;color:#2c3e50}.comments-list[data-v-21582419]{display:flex;flex-direction:column;gap:1rem}.comment-item[data-v-21582419]{background:#f8f9fa;border-radius:8px;padding:1rem;border-left:3px solid #3498db}.comment-header[data-v-21582419]{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.comment-author[data-v-21582419]{font-weight:600;color:#2c3e50}.comment-date[data-v-21582419]{color:#7f8c8d}.comment-content[data-v-21582419]{color:#34495e;line-height:1.5}.no-posts[data-v-21582419],.no-comments[data-v-21582419]{text-align:center;color:#7f8c8d;font-style:italic;padding:2rem}.loading-comments[data-v-21582419]{text-align:center;color:#7f8c8d;padding:1rem}@media (max-width: 600px){.news-header[data-v-21582419]{flex-direction:column;gap:1rem;text-align:center}.post-meta[data-v-21582419]{flex-direction:column;gap:.5rem}.comment-header[data-v-21582419]{flex-direction:column;gap:.25rem}}.comments-header[data-v-21582419]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-comment-btn[data-v-21582419]{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.add-comment-btn[data-v-21582419]:hover{background:#2980b9}.comment-form[data-v-21582419]{background:#f8f9fa;border:2px solid #3498db;border-radius:8px;padding:1rem;margin-bottom:1rem}.form-group[data-v-21582419]{margin-bottom:1rem}.form-group label[data-v-21582419]{display:block;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.comment-textarea[data-v-21582419]{width:100%;border:1px solid #ddd;border-radius:4px;padding:.75rem;font-family:inherit;font-size:.95rem;resize:vertical;min-height:80px}.comment-textarea[data-v-21582419]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.comment-textarea[data-v-21582419]:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-actions[data-v-21582419]{display:flex;gap:.5rem;justify-content:flex-end}.cancel-btn[data-v-21582419],.submit-btn[data-v-21582419]{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.cancel-btn[data-v-21582419]{background:#e74c3c;color:#fff}.cancel-btn[data-v-21582419]:hover:not(:disabled){background:#c0392b}.submit-btn[data-v-21582419]{background:#27ae60;color:#fff}.submit-btn[data-v-21582419]:hover:not(:disabled){background:#219a52}.cancel-btn[data-v-21582419]:disabled,.submit-btn[data-v-21582419]:disabled{background:#bdc3c7;cursor:not-allowed}@media (max-width: 600px){.comments-header[data-v-21582419]{flex-direction:column;gap:.5rem;align-items:stretch}.form-actions[data-v-21582419]{flex-direction:column}}.post-content p[data-v-21582419],.comment-content[data-v-21582419]{line-height:1.6}.post-content strong[data-v-21582419],.comment-content strong[data-v-21582419]{font-weight:600;color:#2c3e50}.post-content em[data-v-21582419],.comment-content em[data-v-21582419]{font-style:italic;color:#34495e}.post-content a[data-v-21582419],.comment-content a[data-v-21582419]{color:#3498db;text-decoration:underline}.post-content ul[data-v-21582419],.comment-content ul[data-v-21582419]{margin:.5rem 0;padding-left:1.5rem}.home-container[data-v-01df6414]{display:flex;justify-content:center;align-items:flex-start;min-height:100%;padding:2rem;width:100%}.home-card[data-v-01df6414]{background:white;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2.5rem;max-width:900px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.home-card h1[data-v-01df6414]{text-align:center;margin-bottom:2.5rem;color:#2c3e50;font-weight:300;font-size:2.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-status[data-v-01df6414]{text-align:center;margin-bottom:2.5rem;padding:2rem;border-radius:12px;position:relative;overflow:hidden}.auth-status[data-v-01df6414]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-status[data-v-01df6414]:hover:before{left:100%}.auth-message[data-v-01df6414]{margin:0;font-size:1.6rem;font-weight:400;position:relative;z-index:1}.authenticated[data-v-01df6414]{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);color:#155724;border:2px solid #c3e6cb;box-shadow:0 4px 12px #1557241a}.unauthenticated[data-v-01df6414]{background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);color:#721c24;border:2px solid #f5c6cb;box-shadow:0 4px 12px #721c241a}.user-details[data-v-01df6414]{margin-bottom:2.5rem}.user-card[data-v-01df6414]{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;padding:2rem;border-left:4px solid #3498db;box-shadow:0 4px 12px #3498db1a;transition:transform .3s ease,box-shadow .3s ease}.user-card[data-v-01df6414]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3498db26}.user-card h3[data-v-01df6414]{margin:0 0 1.5rem;color:#2c3e50;font-size:1.2rem}.user-item[data-v-01df6414]{display:flex;margin-bottom:1rem;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.user-item[data-v-01df6414]:last-child{margin-bottom:0;border-bottom:none}.label[data-v-01df6414]{font-weight:600;color:#34495e;min-width:120px;font-size:.95rem}.value[data-v-01df6414]{color:#2c3e50;font-size:.95rem}.role-badge[data-v-01df6414]{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.role-badge[data-v-01df6414]:hover{transform:scale(1.05)}.role-admin[data-v-01df6414]{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff}.role-user[data-v-01df6414]{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);color:#fff}.api-test-section[data-v-01df6414]{border-top:2px solid #ecf0f1;padding-top:2.5rem;margin-top:1rem}.api-test-section h3[data-v-01df6414]{margin:0 0 2rem;color:#2c3e50;text-align:center;font-size:1.3rem;font-weight:500}@media (max-width: 600px){.home-container[data-v-01df6414]{padding:1rem}.home-card[data-v-01df6414]{padding:1.5rem}.home-card h1[data-v-01df6414]{font-size:2rem}.auth-message[data-v-01df6414]{font-size:1.3rem}.user-item[data-v-01df6414]{flex-direction:column;align-items:flex-start;gap:.5rem}.label[data-v-01df6414]{min-width:auto;font-weight:700}}@keyframes fadeInUp-01df6414{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-card[data-v-01df6414]{animation:fadeInUp-01df6414 .6s ease-out}.user-card[data-v-01df6414],.auth-status[data-v-01df6414]{animation:fadeInUp-01df6414 .6s ease-out .2s both}.api-test-section[data-v-01df6414]{animation:fadeInUp-01df6414 .6s ease-out .4s both}.profile-container[data-v-b8c389a2]{display:flex;justify-content:center;align-items:flex-start;min-height:100%;padding:2rem;width:100%}.profile-card[data-v-b8c389a2]{background:white;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2.5rem;max-width:600px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.profile-title[data-v-b8c389a2]{text-align:center;margin-bottom:2.5rem;color:#2c3e50;font-weight:300;font-size:2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-container[data-v-b8c389a2]{text-align:center;padding:3rem 1rem}.loading-spinner[data-v-b8c389a2]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-b8c389a2 1s linear infinite;margin:0 auto 1rem}@keyframes spin-b8c389a2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-b8c389a2]{background:linear-gradient(135deg,#fee 0%,#fdd 100%);border:2px solid #e74c3c;border-radius:8px;padding:1.5rem;text-align:center;color:#c0392b;margin-bottom:1rem}.success-message[data-v-b8c389a2]{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border:2px solid #27ae60;border-radius:8px;padding:1rem;text-align:center;color:#155724;margin-bottom:2rem;animation:fadeIn-b8c389a2 .4s ease-out}.retry-button[data-v-b8c389a2]{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-top:1rem;transition:background-color .3s ease}.retry-button[data-v-b8c389a2]:hover{background:#c0392b}.profile-view[data-v-b8c389a2]{display:flex;flex-direction:column;gap:1.5rem}.profile-item[data-v-b8c389a2]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db;flex-wrap:wrap}.label[data-v-b8c389a2]{font-weight:600;color:#34495e;min-width:150px;font-size:.95rem}.value[data-v-b8c389a2]{color:#2c3e50;font-size:.95rem;flex:1}.readonly-badge[data-v-b8c389a2]{background:#95a5a6;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.role-badge[data-v-b8c389a2]{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;color:#fff}.role-admin[data-v-b8c389a2]{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.role-user[data-v-b8c389a2]{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%)}.profile-actions[data-v-b8c389a2]{display:flex;justify-content:center;margin-top:2rem}.edit-button[data-v-b8c389a2]{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3498db33}.edit-button[data-v-b8c389a2]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.profile-edit[data-v-b8c389a2]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-b8c389a2]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-b8c389a2]{font-weight:600;color:#34495e;font-size:.95rem}.form-group input[data-v-b8c389a2]{padding:.75rem;border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input[data-v-b8c389a2]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input[data-v-b8c389a2]:disabled{background-color:#f8f9fa;cursor:not-allowed;color:#6c757d}.readonly-input[data-v-b8c389a2]{background-color:#e9ecef!important;border-color:#ced4da!important}.field-help[data-v-b8c389a2]{color:#6c757d;font-size:.8rem;font-style:italic}.form-actions[data-v-b8c389a2]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-button[data-v-b8c389a2],.save-button[data-v-b8c389a2]{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease}.cancel-button[data-v-b8c389a2]{background:#e74c3c;color:#fff}.cancel-button[data-v-b8c389a2]:hover:not(:disabled){background:#c0392b}.save-button[data-v-b8c389a2]{background:linear-gradient(135deg,#27ae60 0%,#219a52 100%);color:#fff}.save-button[data-v-b8c389a2]:hover:not(:disabled){background:linear-gradient(135deg,#219a52 0%,#1e8449 100%)}.cancel-button[data-v-b8c389a2]:disabled,.save-button[data-v-b8c389a2]:disabled{background:#bdc3c7;cursor:not-allowed}@media (max-width: 600px){.profile-container[data-v-b8c389a2]{padding:1rem}.profile-card[data-v-b8c389a2]{padding:1.5rem}.profile-title[data-v-b8c389a2]{font-size:1.5rem}.profile-item[data-v-b8c389a2]{flex-direction:column;align-items:flex-start;gap:.5rem}.label[data-v-b8c389a2]{min-width:auto;font-weight:700}.form-actions[data-v-b8c389a2]{flex-direction:column}}@keyframes fadeIn-b8c389a2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-content[data-v-b8c389a2]{animation:fadeIn-b8c389a2 .6s ease-out}.vacation-container[data-v-eb6673d3]{display:flex;justify-content:center;align-items:flex-start;min-height:100%;padding:2rem;width:100%}.vacation-card[data-v-eb6673d3]{background:white;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2.5rem;max-width:900px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.vacation-title[data-v-eb6673d3]{text-align:center;margin-bottom:2.5rem;color:#2c3e50;font-weight:300;font-size:2.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-section[data-v-eb6673d3]{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;padding:2rem;margin-bottom:2.5rem;border-left:4px solid #3498db;box-shadow:0 4px 12px #3498db1a}.balance-display[data-v-eb6673d3]{display:flex;flex-direction:column;gap:1rem}.balance-item[data-v-eb6673d3]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.balance-item[data-v-eb6673d3]:last-child{border-bottom:none;font-size:1.1rem;font-weight:600}.balance-label[data-v-eb6673d3]{font-weight:600;color:#34495e;font-size:1rem}.balance-value[data-v-eb6673d3]{font-size:1.1rem;font-weight:700;padding:.3rem 1rem;border-radius:20px}.balance-value.entitled[data-v-eb6673d3]{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff}.balance-value.used[data-v-eb6673d3]{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);color:#fff}.balance-value.remaining[data-v-eb6673d3]{background:linear-gradient(135deg,#27ae60 0%,#219a52 100%);color:#fff;font-size:1.3rem}.balance-value.remaining.negative[data-v-eb6673d3]{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);animation:pulse-eb6673d3 2s infinite}.hire-date[data-v-eb6673d3]{color:#7f8c8d;font-style:italic;text-align:center;margin-top:1rem;display:block}@keyframes pulse-eb6673d3{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.request-section[data-v-eb6673d3]{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:12px;padding:2rem;margin-bottom:2.5rem;border-left:4px solid #27ae60;box-shadow:0 4px 12px #27ae601a}.request-section h3[data-v-eb6673d3]{margin:0 0 1.5rem;color:#2c3e50;font-size:1.4rem;font-weight:600}.form-group[data-v-eb6673d3]{margin-bottom:1.5rem}.form-group label[data-v-eb6673d3]{display:block;font-weight:600;margin-bottom:.5rem;color:#34495e;font-size:.95rem}.form-group input[data-v-eb6673d3],.form-group textarea[data-v-eb6673d3]{width:100%;padding:.75rem;border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input[data-v-eb6673d3]:focus,.form-group textarea[data-v-eb6673d3]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input[data-v-eb6673d3]:disabled,.form-group textarea[data-v-eb6673d3]:disabled{background-color:#f8f9fa;cursor:not-allowed;color:#6c757d}.field-help[data-v-eb6673d3]{color:#6c757d;font-size:.8rem;font-style:italic;margin-top:.25rem;display:block}.selected-dates[data-v-eb6673d3]{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1rem;border:1px solid #dee2e6}.selected-dates h4[data-v-eb6673d3]{margin:0 0 .75rem;color:#495057;font-size:1rem}.date-chips[data-v-eb6673d3]{display:flex;flex-wrap:wrap;gap:.5rem}.date-chip[data-v-eb6673d3]{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;animation:fadeInUp-eb6673d3 .3s ease-out}.remove-date[data-v-eb6673d3]{background:rgba(255,255,255,.3);border:none;color:#fff;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.remove-date[data-v-eb6673d3]:hover{background:rgba(255,255,255,.5)}.warning-message[data-v-eb6673d3]{background:linear-gradient(135deg,#fff3cd 0%,#fce4a6 100%);border:2px solid #f39c12;border-radius:8px;padding:1rem;color:#856404;font-weight:600;margin-bottom:1rem;animation:shake-eb6673d3 .5s ease-in-out}.success-message[data-v-eb6673d3]{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border:2px solid #27ae60;border-radius:8px;padding:1rem;color:#155724;font-weight:600;margin-top:1rem;animation:fadeIn-eb6673d3 .4s ease-out}.error-message[data-v-eb6673d3]{background:linear-gradient(135deg,#fee 0%,#fdd 100%);border:2px solid #e74c3c;border-radius:8px;padding:1rem;color:#c0392b;text-align:center}.error-message h4[data-v-eb6673d3]{margin:0 0 .5rem;color:#e74c3c}@keyframes shake-eb6673d3{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-actions[data-v-eb6673d3]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.clear-button[data-v-eb6673d3],.submit-button[data-v-eb6673d3],.retry-button[data-v-eb6673d3]{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.clear-button[data-v-eb6673d3]{background:#6c757d;color:#fff}.clear-button[data-v-eb6673d3]:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.submit-button[data-v-eb6673d3]{background:linear-gradient(135deg,#27ae60 0%,#219a52 100%);color:#fff;box-shadow:0 2px 4px #27ae6033}.submit-button[data-v-eb6673d3]:hover:not(:disabled){background:linear-gradient(135deg,#219a52 0%,#1e8449 100%);transform:translateY(-2px);box-shadow:0 4px 8px #27ae604d}.retry-button[data-v-eb6673d3]{background:#e74c3c;color:#fff}.retry-button[data-v-eb6673d3]:hover{background:#c0392b}.clear-button[data-v-eb6673d3]:disabled,.submit-button[data-v-eb6673d3]:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.requests-section[data-v-eb6673d3]{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:12px;padding:2rem;border-left:4px solid #9b59b6;box-shadow:0 4px 12px #9b59b61a}.requests-section h3[data-v-eb6673d3]{margin:0 0 1.5rem;color:#2c3e50;font-size:1.4rem;font-weight:600}.no-requests[data-v-eb6673d3]{text-align:center;color:#7f8c8d;font-style:italic;padding:2rem}.requests-list[data-v-eb6673d3]{display:flex;flex-direction:column;gap:1rem}.request-item[data-v-eb6673d3]{background:white;border-radius:8px;padding:1.5rem;border-left:4px solid #3498db;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.request-item[data-v-eb6673d3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.request-header[data-v-eb6673d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.request-date[data-v-eb6673d3]{font-size:1.1rem;font-weight:600;color:#2c3e50}.request-status[data-v-eb6673d3]{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.request-reason[data-v-eb6673d3]{color:#34495e;font-style:italic;margin-bottom:.5rem;line-height:1.4}.request-meta[data-v-eb6673d3]{color:#7f8c8d;font-size:.85rem}.loading-container[data-v-eb6673d3]{text-align:center;padding:2rem}.loading-spinner[data-v-eb6673d3]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-eb6673d3 1s linear infinite;margin:0 auto 1rem}@keyframes spin-eb6673d3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.vacation-container[data-v-eb6673d3]{padding:1rem}.vacation-card[data-v-eb6673d3]{padding:1.5rem}.vacation-title[data-v-eb6673d3]{font-size:2rem}.balance-item[data-v-eb6673d3]{flex-direction:column;gap:.5rem;align-items:flex-start}.form-actions[data-v-eb6673d3]{flex-direction:column}.request-header[data-v-eb6673d3]{flex-direction:column;gap:.5rem;align-items:flex-start}.date-chips[data-v-eb6673d3]{justify-content:center}}@keyframes fadeIn-eb6673d3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-eb6673d3{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.vacation-card[data-v-eb6673d3]{animation:fadeIn-eb6673d3 .6s ease-out}.balance-section[data-v-eb6673d3],.request-section[data-v-eb6673d3],.requests-section[data-v-eb6673d3]{animation:fadeIn-eb6673d3 .6s ease-out;animation-fill-mode:both}.balance-section[data-v-eb6673d3]{animation-delay:.1s}.request-section[data-v-eb6673d3]{animation-delay:.2s}.requests-section[data-v-eb6673d3]{animation-delay:.3s}.file-upload-container[data-v-eb6673d3]{display:flex;gap:10px;align-items:center}.upload-button[data-v-eb6673d3]{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.upload-button[data-v-eb6673d3]:disabled{background-color:#6c757d;cursor:not-allowed}.clear-upload-button[data-v-eb6673d3]{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.file-info[data-v-eb6673d3]{margin-top:8px;padding:8px;background-color:#e9ecef;border-radius:4px;font-size:.9em}.url-import-container[data-v-eb6673d3]{display:flex;gap:10px}.url-import-container input[data-v-eb6673d3]{flex:1;padding:8px;border:1px solid #ced4da;border-radius:4px}.import-button[data-v-eb6673d3]{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.import-button[data-v-eb6673d3]:disabled{background-color:#6c757d;cursor:not-allowed}.hint-message[data-v-eb6673d3]{margin-top:8px;padding:8px;background-color:#e7f3ff;border-left:3px solid #2196F3;font-size:.9em;color:#0c5460}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){.main-content{padding:1rem .5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-up-delay{animation:fadeInUp .6s ease-out .2s both}