.notification-container[data-v-0822764b]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none;max-width:400px;width:100%}.notification[data-v-0822764b]{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;cursor:pointer;pointer-events:all;transform:translate(0);transition:all .3s ease;position:relative;overflow:hidden;border-left:4px solid #667eea}.notification[data-v-0822764b]:hover{transform:translate(-4px);box-shadow:0 6px 24px #0003}.notification[data-v-0822764b]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);animation:progress-0822764b 5s linear forwards}.notification.notification-success[data-v-0822764b]{border-left-color:#4caf50}.notification.notification-success[data-v-0822764b]:before{background:linear-gradient(90deg,#4caf50,#45a049)}.notification.notification-error[data-v-0822764b]{border-left-color:#f44336}.notification.notification-error[data-v-0822764b]:before{background:linear-gradient(90deg,#f44336,#d32f2f)}.notification.notification-warning[data-v-0822764b]{border-left-color:#ff9800}.notification.notification-warning[data-v-0822764b]:before{background:linear-gradient(90deg,#ff9800,#f57c00)}.notification.notification-info[data-v-0822764b]{border-left-color:#2196f3}.notification.notification-info[data-v-0822764b]:before{background:linear-gradient(90deg,#2196f3,#1976d2)}.notification .notification-icon[data-v-0822764b]{font-size:1.5rem;line-height:1;flex-shrink:0}.notification .notification-content[data-v-0822764b]{flex:1;min-width:0}.notification .notification-content .notification-title[data-v-0822764b]{font-weight:600;font-size:.95rem;color:#2c3e50;margin-bottom:.25rem;line-height:1.3}.notification .notification-content .notification-message[data-v-0822764b]{font-size:.85rem;color:#666;line-height:1.4}.notification .notification-close[data-v-0822764b]{background:none;border:none;font-size:1.25rem;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease}.notification .notification-close[data-v-0822764b]:hover{color:#666}@keyframes progress-0822764b{0%{width:100%}to{width:0%}}.notification-enter-active[data-v-0822764b],.notification-leave-active[data-v-0822764b]{transition:all .3s ease}.notification-enter-from[data-v-0822764b],.notification-leave-to[data-v-0822764b]{opacity:0;transform:translate(100%)}.notification-move[data-v-0822764b]{transition:transform .3s ease}@media (max-width: 768px){.notification-container[data-v-0822764b]{top:10px;right:10px;left:10px;max-width:none}.notification[data-v-0822764b]{padding:.875rem 1rem}}.reward-card[data-v-b5bdafa5]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.reward-card[data-v-b5bdafa5]:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.reward-card.disabled[data-v-b5bdafa5]{opacity:.6}.reward-card .reward-image[data-v-b5bdafa5]{font-size:4rem;text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.reward-card .reward-content[data-v-b5bdafa5]{padding:1.5rem}.reward-card .reward-content .reward-header[data-v-b5bdafa5]{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.reward-card .reward-content .reward-header h3[data-v-b5bdafa5]{margin:0;font-size:1.25rem;color:#2c3e50}.reward-card .reward-content .reward-header .reward-level[data-v-b5bdafa5]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.reward-card .reward-content .reward-header .reward-level.level-basic[data-v-b5bdafa5]{background:#e3f2fd;color:#1976d2}.reward-card .reward-content .reward-header .reward-level.level-medium[data-v-b5bdafa5]{background:#fff3e0;color:#f57c00}.reward-card .reward-content .reward-header .reward-level.level-high[data-v-b5bdafa5]{background:#fce4ec;color:#c2185b}.reward-card .reward-content .reward-description[data-v-b5bdafa5]{color:#666;font-size:.9rem;margin-bottom:1.5rem}.reward-card .reward-content .reward-footer[data-v-b5bdafa5]{display:flex;justify-content:space-between;align-items:center}.reward-card .reward-content .reward-footer .points-cost .cost-label[data-v-b5bdafa5]{font-size:1.5rem;font-weight:700;color:#667eea}.reward-card .reward-content .reward-footer .points-cost .cost-text[data-v-b5bdafa5]{margin-left:.5rem;color:#999}.reward-card .reward-content .reward-footer .claim-btn[data-v-b5bdafa5]{padding:.75rem 1.5rem;border:none;border-radius:8px;background:#667eea;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.reward-card .reward-content .reward-footer .claim-btn[data-v-b5bdafa5]:hover:not(:disabled){background:#5568d3}.reward-card .reward-content .reward-footer .claim-btn[data-v-b5bdafa5]:disabled{background:#ccc;cursor:not-allowed}.modal-overlay[data-v-d7ced0bc]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-d7ced0bc]{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;position:relative;box-shadow:0 10px 40px #0003}.modal-content .close-btn[data-v-d7ced0bc]{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#999;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-content .close-btn[data-v-d7ced0bc]:hover{color:#333}.modal-content .modal-header[data-v-d7ced0bc]{text-align:center;margin-bottom:2rem}.modal-content .modal-header .reward-image-large[data-v-d7ced0bc]{font-size:4rem;margin-bottom:1rem}.modal-content .modal-header h2[data-v-d7ced0bc]{margin:0 0 .5rem;color:#2c3e50}.modal-content .modal-header .reward-level[data-v-d7ced0bc]{padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;display:inline-block}.modal-content .modal-header .reward-level.level-basic[data-v-d7ced0bc]{background:#e3f2fd;color:#1976d2}.modal-content .modal-header .reward-level.level-medium[data-v-d7ced0bc]{background:#fff3e0;color:#f57c00}.modal-content .modal-header .reward-level.level-high[data-v-d7ced0bc]{background:#fce4ec;color:#c2185b}.modal-content .modal-body .reward-description[data-v-d7ced0bc]{color:#666;margin-bottom:1.5rem;text-align:center}.modal-content .modal-body .points-info[data-v-d7ced0bc]{background:#f5f5f5;border-radius:8px;padding:1rem;margin-bottom:1rem}.modal-content .modal-body .points-info>div[data-v-d7ced0bc]{display:flex;justify-content:space-between;padding:.5rem 0}.modal-content .modal-body .points-info>div .label[data-v-d7ced0bc]{color:#666}.modal-content .modal-body .points-info>div .value[data-v-d7ced0bc]{font-weight:600;color:#2c3e50}.modal-content .modal-body .points-info .current-points .value[data-v-d7ced0bc]{color:#4caf50}.modal-content .modal-body .points-info .required-points .value[data-v-d7ced0bc]{color:#667eea}.modal-content .modal-body .insufficient-points[data-v-d7ced0bc]{background:#ffebee;color:#c62828;padding:1rem;border-radius:8px;text-align:center;font-weight:600}.modal-content .modal-footer[data-v-d7ced0bc]{display:flex;gap:1rem;margin-top:2rem}.modal-content .modal-footer button[data-v-d7ced0bc]{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-content .modal-footer .btn-cancel[data-v-d7ced0bc]{background:#f5f5f5;color:#666}.modal-content .modal-footer .btn-cancel[data-v-d7ced0bc]:hover{background:#e0e0e0}.modal-content .modal-footer .btn-confirm[data-v-d7ced0bc]{background:#667eea;color:#fff}.modal-content .modal-footer .btn-confirm[data-v-d7ced0bc]:hover:not(:disabled){background:#5568d3}.modal-content .modal-footer .btn-confirm[data-v-d7ced0bc]:disabled{background:#ccc;cursor:not-allowed}.pagination[data-v-9d4dc0ae]{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0;padding:1rem}.pagination .pagination-btn[data-v-9d4dc0ae]{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:1.2rem;color:#667eea;transition:all .2s ease}.pagination .pagination-btn[data-v-9d4dc0ae]:hover:not(.disabled){background:#667eea;color:#fff;border-color:#667eea}.pagination .pagination-btn.disabled[data-v-9d4dc0ae]{opacity:.5;cursor:not-allowed}.pagination .pagination-info[data-v-9d4dc0ae]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666}.pagination .pagination-info .items-info[data-v-9d4dc0ae]{font-size:.85rem;color:#999}.reward-catalog[data-v-6136ba72]{padding:2rem}.reward-catalog .catalog-header[data-v-6136ba72]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.reward-catalog .catalog-header h2[data-v-6136ba72]{margin:0;color:#2c3e50}.reward-catalog .catalog-header .filters[data-v-6136ba72]{display:flex;gap:1rem}.reward-catalog .rewards-grid[data-v-6136ba72]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.my-rewards[data-v-055fdcc9]{padding:2rem}.my-rewards .page-header[data-v-055fdcc9]{margin-bottom:2rem}.my-rewards .page-header h2[data-v-055fdcc9]{margin-bottom:1.5rem;color:#2c3e50}.my-rewards .page-header .user-stats[data-v-055fdcc9]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.my-rewards .page-header .stat-card[data-v-055fdcc9]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.my-rewards .page-header .stat-card .stat-value[data-v-055fdcc9]{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.my-rewards .page-header .stat-card .stat-label[data-v-055fdcc9]{color:#666;font-size:.875rem}.my-rewards .empty-state[data-v-055fdcc9]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.my-rewards .empty-state .empty-icon[data-v-055fdcc9]{font-size:4rem;margin-bottom:1rem}.my-rewards .empty-state h3[data-v-055fdcc9]{color:#2c3e50;margin-bottom:.5rem}.my-rewards .empty-state p[data-v-055fdcc9]{color:#666;margin-bottom:2rem}.my-rewards .empty-state .btn-primary[data-v-055fdcc9]{display:inline-block;padding:.75rem 2rem;background:#667eea;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.my-rewards .empty-state .btn-primary[data-v-055fdcc9]:hover{background:#5568d3}.my-rewards .rewards-list[data-v-055fdcc9]{display:grid;gap:1rem;margin-bottom:2rem}.my-rewards .claimed-reward-card[data-v-055fdcc9]{display:flex;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:1.5rem}.my-rewards .claimed-reward-card .reward-icon[data-v-055fdcc9]{font-size:3rem;min-width:60px;display:flex;align-items:center;justify-content:center}.my-rewards .claimed-reward-card .reward-info[data-v-055fdcc9]{flex:1}.my-rewards .claimed-reward-card .reward-info h3[data-v-055fdcc9]{margin:0 0 .5rem;color:#2c3e50}.my-rewards .claimed-reward-card .reward-info p[data-v-055fdcc9]{color:#666;margin-bottom:.5rem}.my-rewards .claimed-reward-card .reward-info .reward-meta[data-v-055fdcc9]{display:flex;gap:1rem;align-items:center}.my-rewards .claimed-reward-card .reward-info .reward-meta .level-badge[data-v-055fdcc9]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.my-rewards .claimed-reward-card .reward-info .reward-meta .level-badge.level-basic[data-v-055fdcc9]{background:#e3f2fd;color:#1976d2}.my-rewards .claimed-reward-card .reward-info .reward-meta .level-badge.level-medium[data-v-055fdcc9]{background:#fff3e0;color:#f57c00}.my-rewards .claimed-reward-card .reward-info .reward-meta .level-badge.level-high[data-v-055fdcc9]{background:#fce4ec;color:#c2185b}.my-rewards .claimed-reward-card .reward-info .reward-meta .claimed-date[data-v-055fdcc9]{color:#999;font-size:.875rem}.my-rewards .progress-section[data-v-055fdcc9]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.my-rewards .progress-section h3[data-v-055fdcc9]{margin-bottom:1.5rem;color:#2c3e50}.my-rewards .progress-section .progress-bars[data-v-055fdcc9]{display:flex;flex-direction:column;gap:1rem}.my-rewards .progress-section .progress-item[data-v-055fdcc9]{display:grid;grid-template-columns:150px 1fr 60px;gap:1rem;align-items:center}.my-rewards .progress-section .progress-item .progress-label[data-v-055fdcc9]{font-size:.875rem;color:#666}.my-rewards .progress-section .progress-item .progress-bar[data-v-055fdcc9]{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.my-rewards .progress-section .progress-item .progress-bar .progress-fill[data-v-055fdcc9]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.my-rewards .progress-section .progress-item .progress-value[data-v-055fdcc9]{text-align:right;font-weight:600;color:#667eea}@media (max-width: 768px){.my-rewards .user-stats[data-v-055fdcc9]{grid-template-columns:1fr!important}.my-rewards .progress-item[data-v-055fdcc9]{grid-template-columns:1fr!important;gap:.5rem!important}.my-rewards .progress-item .progress-value[data-v-055fdcc9]{text-align:left}}.leaderboard[data-v-a6c1a250]{padding:2rem}.leaderboard .page-header[data-v-a6c1a250]{margin-bottom:2rem}.leaderboard .page-header h2[data-v-a6c1a250]{margin-bottom:1rem;color:#2c3e50}.leaderboard .page-header .header-info[data-v-a6c1a250]{display:flex;justify-content:space-between;align-items:center}.leaderboard .page-header .header-info p[data-v-a6c1a250]{color:#666}.leaderboard .page-header .header-info .period-select[data-v-a6c1a250]{padding:.5rem 1rem;border-radius:8px;border:1px solid #ddd;font-size:.875rem}.leaderboard .leaderboard-container[data-v-a6c1a250]{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.leaderboard .leaderboard-container .top-three[data-v-a6c1a250]{display:flex;justify-content:center;align-items:flex-end;gap:1rem;margin-bottom:3rem}.leaderboard .leaderboard-container .top-three .podium-item[data-v-a6c1a250]{display:flex;flex-direction:column;align-items:center;padding:1rem}.leaderboard .leaderboard-container .top-three .podium-item .podium-number[data-v-a6c1a250]{font-size:1.5rem;font-weight:700;color:#667eea}.leaderboard .leaderboard-container .top-three .podium-item .crown[data-v-a6c1a250]{font-size:2rem;margin:.5rem 0}.leaderboard .leaderboard-container .top-three .podium-item .user-avatar[data-v-a6c1a250]{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;margin:.5rem 0;overflow:hidden}.leaderboard .leaderboard-container .top-three .podium-item .user-avatar img[data-v-a6c1a250]{width:100%;height:100%;object-fit:cover;border-radius:50%}.leaderboard .leaderboard-container .top-three .podium-item .user-name[data-v-a6c1a250]{font-weight:600;color:#2c3e50;margin-bottom:.5rem;text-align:center}.leaderboard .leaderboard-container .top-three .podium-item .user-points[data-v-a6c1a250]{font-size:1.5rem;font-weight:700;color:#667eea}.leaderboard .leaderboard-container .top-three .podium-item.first[data-v-a6c1a250]{order:2}.leaderboard .leaderboard-container .top-three .podium-item.second[data-v-a6c1a250]{order:1}.leaderboard .leaderboard-container .top-three .podium-item.third[data-v-a6c1a250]{order:3}.leaderboard .leaderboard-container .leaderboard-list[data-v-a6c1a250]{display:flex;flex-direction:column;gap:.5rem}.leaderboard .leaderboard-container .leaderboard-item[data-v-a6c1a250]{display:grid;grid-template-columns:40px 1fr auto;gap:1rem;padding:1rem;border-radius:8px;transition:background .3s ease}.leaderboard .leaderboard-container .leaderboard-item[data-v-a6c1a250]:hover{background:#f5f5f5}.leaderboard .leaderboard-container .leaderboard-item .rank[data-v-a6c1a250]{display:flex;align-items:center;justify-content:center;font-weight:700;color:#999}.leaderboard .leaderboard-container .leaderboard-item .user-info[data-v-a6c1a250]{display:flex;gap:1rem;align-items:center}.leaderboard .leaderboard-container .leaderboard-item .user-info .user-avatar-small[data-v-a6c1a250]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;overflow:hidden;flex-shrink:0}.leaderboard .leaderboard-container .leaderboard-item .user-info .user-avatar-small img[data-v-a6c1a250]{width:100%;height:100%;object-fit:cover;border-radius:50%}.leaderboard .leaderboard-container .leaderboard-item .user-info .user-name[data-v-a6c1a250]{font-weight:600;color:#2c3e50}.leaderboard .leaderboard-container .leaderboard-item .user-info .user-rewards[data-v-a6c1a250]{font-size:.875rem;color:#999}.leaderboard .leaderboard-container .leaderboard-item .user-points[data-v-a6c1a250]{display:flex;align-items:center;font-weight:700;color:#667eea}.leaderboard .leaderboard-container .leaderboard-item .user-points .points-label[data-v-a6c1a250]{font-weight:400;color:#999;margin-left:.25rem;font-size:.875rem}.leaderboard .statistics-section .stats-grid[data-v-a6c1a250]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.leaderboard .statistics-section .stats-grid .stat-card[data-v-a6c1a250]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.leaderboard .statistics-section .stats-grid .stat-card h3[data-v-a6c1a250]{font-size:.875rem;color:#666;margin-bottom:.5rem}.leaderboard .statistics-section .stats-grid .stat-card .stat-value[data-v-a6c1a250]{font-size:2rem;font-weight:700;color:#667eea}.leaderboard .statistics-section .stats-grid .stat-card .stat-value-small[data-v-a6c1a250]{font-size:1.25rem;font-weight:600;color:#667eea}.leaderboard .loading-state[data-v-a6c1a250]{text-align:center;padding:3rem;color:#666}.leaderboard .loading-state p[data-v-a6c1a250]{font-size:1.125rem}.leaderboard .empty-state[data-v-a6c1a250]{text-align:center;padding:3rem;color:#999;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.leaderboard .empty-state p[data-v-a6c1a250]{font-size:1rem}.modal-overlay[data-v-5d209a48]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-5d209a48]{background:#fff;border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0003}.modal-content h2[data-v-5d209a48]{margin-bottom:1.5rem;color:#2c3e50}.modal-content .close-btn[data-v-5d209a48]{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#999;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-content .close-btn[data-v-5d209a48]:hover{color:#333}.modal-content .reward-form[data-v-5d209a48]{display:flex;flex-direction:column;gap:1rem}.modal-content .reward-form .form-group[data-v-5d209a48]{display:flex;flex-direction:column;gap:.5rem}.modal-content .reward-form .form-group label[data-v-5d209a48]{font-weight:600;color:#2c3e50;font-size:.875rem}.modal-content .reward-form .form-group input[data-v-5d209a48],.modal-content .reward-form .form-group textarea[data-v-5d209a48],.modal-content .reward-form .form-group select[data-v-5d209a48]{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.875rem;transition:all .3s ease}.modal-content .reward-form .form-group input[data-v-5d209a48]:focus,.modal-content .reward-form .form-group textarea[data-v-5d209a48]:focus,.modal-content .reward-form .form-group select[data-v-5d209a48]:focus{outline:none;border-color:#667eea}.modal-content .reward-form .form-group label input[type=checkbox][data-v-5d209a48]{width:auto;margin-right:.5rem}.modal-content .reward-form .form-row[data-v-5d209a48]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-content .reward-form .form-actions[data-v-5d209a48]{display:flex;gap:1rem;margin-top:1rem}.modal-content .reward-form .form-actions button[data-v-5d209a48]{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-content .reward-form .form-actions .btn-cancel[data-v-5d209a48]{background:#f5f5f5;color:#666}.modal-content .reward-form .form-actions .btn-cancel[data-v-5d209a48]:hover{background:#e0e0e0}.modal-content .reward-form .form-actions .btn-submit[data-v-5d209a48]{background:#667eea;color:#fff}.modal-content .reward-form .form-actions .btn-submit[data-v-5d209a48]:hover{background:#5568d3}.modal-overlay[data-v-dddb2e92]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-dddb2e92]{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header[data-v-dddb2e92]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-dddb2e92]{margin:0;color:#2c3e50}.modal-header .close-btn[data-v-dddb2e92]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-header .close-btn[data-v-dddb2e92]:hover{background:#f5f5f5}.modal-body[data-v-dddb2e92]{padding:1.5rem}.form-group[data-v-dddb2e92]{margin-bottom:1.5rem}.form-group label[data-v-dddb2e92]{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500;font-size:.875rem}.form-group input[type=text][data-v-dddb2e92],.form-group input[type=number][data-v-dddb2e92],.form-group input[type="date matured"][data-v-dddb2e92],.form-group select[data-v-dddb2e92],.form-group textarea[data-v-dddb2e92]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit}.form-group input[type=text][data-v-dddb2e92]:focus,.form-group input[type=number][data-v-dddb2e92]:focus,.form-group input[type="date matured"][data-v-dddb2e92]:focus,.form-group select[data-v-dddb2e92]:focus,.form-group textarea[data-v-dddb2e92]:focus{outline:none;border-color:#667eea}.form-group textarea[data-v-dddb2e92]{resize:vertical;min-height:100px}.form-group input[type=checkbox][data-v-dddb2e92]{margin-right:.5rem}.form-row[data-v-dddb2e92]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions[data-v-dddb2e92]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.modal-actions button[data-v-dddb2e92]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-actions button.btn-cancel[data-v-dddb2e92]{background:#f5f5f5;color:#666}.modal-actions button.btn-cancel[data-v-dddb2e92]:hover{background:#e0e0e0}.modal-actions button.btn-submit[data-v-dddb2e92]{background:#667eea;color:#fff}.modal-actions button.btn-submit[data-v-dddb2e92]:hover:not(:disabled){background:#5568d3}.modal-actions button.btn-submit[data-v-dddb2e92]:disabled{opacity:.6;cursor:not-allowed}.admin-panel[data-v-338d2e86]{padding:2rem}.admin-panel .page-header[data-v-338d2e86]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-panel .page-header h2[data-v-338d2e86]{color:#2c3e50}.admin-panel .page-header .header-actions[data-v-338d2e86]{display:flex;gap:1rem}.admin-panel .page-header .btn-primary[data-v-338d2e86]{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-panel .page-header .btn-primary[data-v-338d2e86]:hover{background:#5568d3}.admin-panel .page-header .btn-primary.btn-task[data-v-338d2e86]{background:#4caf50}.admin-panel .page-header .btn-primary.btn-task[data-v-338d2e86]:hover{background:#45a049}.admin-panel .admin-stats[data-v-338d2e86]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.admin-panel .admin-stats .stat-card[data-v-338d2e86]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;align-items:center}.admin-panel .admin-stats .stat-card .stat-icon[data-v-338d2e86]{font-size:2.5rem}.admin-panel .admin-stats .stat-card .stat-info .stat-label[data-v-338d2e86]{color:#666;font-size:.875rem;margin-bottom:.5rem}.admin-panel .admin-stats .stat-card .stat-info .stat-value[data-v-338d2e86]{font-size:1.5rem;font-weight:700;color:#667eea}.admin-panel .admin-content[data-v-338d2e86]{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.admin-panel .admin-content .full-width[data-v-338d2e86]{grid-column:1/-1}.admin-panel .admin-content .content-section[data-v-338d2e86]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.admin-panel .admin-content .content-section h3[data-v-338d2e86]{margin-bottom:1rem;color:#2c3e50}.admin-panel .admin-content .content-section .rewards-table[data-v-338d2e86]{overflow-x:auto}.admin-panel .admin-content .content-section .rewards-table table[data-v-338d2e86]{width:100%;border-collapse:collapse}.admin-panel .admin-content .content-section .rewards-table table th[data-v-338d2e86]{background:#f5f5f5;padding:1rem;text-align:left;font-size:.875rem;color:#666;border-bottom:2px solid #e0e0e0}.admin-panel .admin-content .content-section .rewards-table table td[data-v-338d2e86]{padding:1rem;border-bottom:1px solid #f0f0f0}.admin-panel .admin-content .content-section .rewards-table table td .category-badge[data-v-338d2e86]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.admin-panel .admin-content .content-section .rewards-table table td .category-badge.intangible[data-v-338d2e86]{background:#e3f2fd;color:#1976d2}.admin-panel .admin-content .content-section .rewards-table table td .category-badge.material[data-v-338d2e86]{background:#fff3e0;color:#f57c00}.admin-panel .admin-content .content-section .rewards-table table td .status-active[data-v-338d2e86]{color:#4caf50;font-weight:600}.admin-panel .admin-content .content-section .rewards-table table td .status-inactive[data-v-338d2e86]{color:#f44336;font-weight:600}.admin-panel .admin-content .content-section .rewards-table table td .btn-edit[data-v-338d2e86],.admin-panel .admin-content .content-section .rewards-table table td .btn-delete[data-v-338d2e86]{background:none;border:none;cursor:pointer;font-size:1.25rem;margin-right:.5rem}.admin-panel .admin-content .content-section .rewards-table table td .btn-edit[data-v-338d2e86]:hover,.admin-panel .admin-content .content-section .rewards-table table td .btn-delete[data-v-338d2e86]:hover{transform:scale(1.2)}.admin-panel .admin-content .content-section .activity-list[data-v-338d2e86]{display:flex;flex-direction:column;gap:1rem}.admin-panel .admin-content .content-section .activity-list .activity-item[data-v-338d2e86]{display:flex;gap:1rem;padding:1rem;background:#f9f9f9;border-radius:8px}.admin-panel .admin-content .content-section .activity-list .activity-item .activity-icon[data-v-338d2e86]{font-size:1.5rem}.admin-panel .admin-content .content-section .activity-list .activity-item .activity-content[data-v-338d2e86]{flex:1}.admin-panel .admin-content .content-section .activity-list .activity-item .activity-content .activity-text[data-v-338d2e86]{color:#2c3e50;margin-bottom:.25rem}.admin-panel .admin-content .content-section .activity-list .activity-item .activity-content .activity-time[data-v-338d2e86]{color:#999;font-size:.875rem}.admin-panel .admin-content .pending-tasks-list[data-v-338d2e86]{display:flex;flex-direction:column;gap:1rem}.admin-panel .admin-content .pending-tasks-list .pending-task-card[data-v-338d2e86]{background:#fff3e0;border:1px solid #ff9800;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:start;gap:2rem}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-info[data-v-338d2e86]{flex:1}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-info h4[data-v-338d2e86]{margin:0 0 .5rem;color:#2c3e50;font-size:1.125rem}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-info .task-description[data-v-338d2e86]{color:#666;margin-bottom:1rem;font-size:.875rem}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-info .task-meta-info[data-v-338d2e86]{display:flex;gap:1rem;flex-wrap:wrap}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-info .task-meta-info .meta-item[data-v-338d2e86]{padding:.25rem .75rem;background:#fff;border-radius:8px;font-size:.875rem;color:#666}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-actions-admin[data-v-338d2e86]{display:flex;gap:.5rem;flex-shrink:0}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-actions-admin button[data-v-338d2e86]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-actions-admin button.btn-approve[data-v-338d2e86]{background:#4caf50;color:#fff}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-actions-admin button.btn-approve[data-v-338d2e86]:hover{background:#45a049}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-actions-admin button.btn-reject[data-v-338d2e86]{background:#f44336;color:#fff}.admin-panel .admin-content .pending-tasks-list .pending-task-card .task-actions-admin button.btn-reject[data-v-338d2e86]:hover{background:#da190b}.admin-panel .admin-content .empty-state-small[data-v-338d2e86]{text-align:center;padding:2rem;color:#999;background:#f9f9f9;border-radius:8px}.admin-panel .admin-content .empty-state-small p[data-v-338d2e86]{margin:0}.tasks-page[data-v-7d080891]{padding:2rem}.tasks-page .page-header[data-v-7d080891]{margin-bottom:2rem}.tasks-page .page-header h2[data-v-7d080891]{margin-bottom:1.5rem;color:#2c3e50}.tasks-page .page-header .stats-summary[data-v-7d080891]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.tasks-page .page-header .stats-summary .stat-item[data-v-7d080891]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.tasks-page .page-header .stats-summary .stat-item.highlight[data-v-7d080891]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tasks-page .page-header .stats-summary .stat-item.highlight .stat-label[data-v-7d080891]{color:#ffffffe6}.tasks-page .page-header .stats-summary .stat-item .stat-number[data-v-7d080891]{display:block;font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.highlight .tasks-page .page-header .stats-summary .stat-item .stat-number[data-v-7d080891]{color:#fff}.tasks-page .page-header .stats-summary .stat-item .stat-label[data-v-7d080891]{display:block;font-size:.875rem;color:#666}.tasks-page .filters-section[data-v-7d080891]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.tasks-page .filters-section .filter-tabs[data-v-7d080891]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tasks-page .filters-section .filter-tabs .filter-tab[data-v-7d080891]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:.875rem}.tasks-page .filters-section .filter-tabs .filter-tab[data-v-7d080891]:hover{background:#f5f5f5}.tasks-page .filters-section .filter-tabs .filter-tab.active[data-v-7d080891]{background:#667eea;color:#fff;border-color:#667eea}.tasks-page .filters-section .filter-tabs .filter-tab .icon[data-v-7d080891]{font-size:1.25rem}.tasks-page .filters-section .status-filter[data-v-7d080891]{display:flex;gap:.5rem;flex-wrap:wrap}.tasks-page .filters-section .status-filter .status-btn[data-v-7d080891]{padding:.5rem 1rem;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:.875rem}.tasks-page .filters-section .status-filter .status-btn[data-v-7d080891]:hover{background:#f5f5f5}.tasks-page .filters-section .status-filter .status-btn.active[data-v-7d080891]{background:#667eea;color:#fff;border-color:#667eea}.tasks-page .tasks-list[data-v-7d080891]{display:flex;flex-direction:column;gap:1rem}.tasks-page .task-card[data-v-7d080891]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.tasks-page .task-card[data-v-7d080891]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.tasks-page .task-card.completed[data-v-7d080891]{opacity:.7;border-left:4px solid #4caf50}.tasks-page .task-card.pending[data-v-7d080891],.tasks-page .task-card.in-progress[data-v-7d080891]{border-left:4px solid #ff9800}.tasks-page .task-card.available[data-v-7d080891]{border-left:4px solid #667eea}.tasks-page .task-card .task-header[data-v-7d080891]{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.tasks-page .task-card .task-header .task-title-section[data-v-7d080891]{flex:1}.tasks-page .task-card .task-header .task-title-section h3[data-v-7d080891]{margin:0 0 .5rem;color:#2c3e50}.tasks-page .task-card .task-header .task-title-section .task-meta[data-v-7d080891]{display:flex;gap:.5rem;flex-wrap:wrap}.tasks-page .task-card .task-header .task-title-section .task-meta .category-badge[data-v-7d080891],.tasks-page .task-card .task-header .task-title-section .task-meta .difficulty-badge[data-v-7d080891],.tasks-page .task-card .task-header .task-title-section .task-meta .points-badge[data-v-7d080891]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.tasks-page .task-card .task-header .task-title-section .task-meta .category-badge[data-v-7d080891]{background:#e3f2fd;color:#1976d2}.tasks-page .task-card .task-header .task-title-section .task-meta .category-badge.category-social[data-v-7d080891]{background:#fff3e0;color:#f57c00}.tasks-page .task-card .task-header .task-title-section .task-meta .category-badge.category-learning[data-v-7d080891]{background:#f3e5f5;color:#7b1fa2}.tasks-page .task-card .task-header .task-title-section .task-meta .category-badge.category-kpi[data-v-7d080891]{background:#fff9c4;color:#f57f17}.tasks-page .task-card .task-header .task-title-section .task-meta .difficulty-badge[data-v-7d080891]{background:#e8f5e9;color:#388e3c}.tasks-page .task-card .task-header .task-title-section .task-meta .difficulty-badge.difficulty-medium[data-v-7d080891]{background:#fff3e0;color:#f57c00}.tasks-page .task-card .task-header .task-title-section .task-meta .difficulty-badge.difficulty-hard[data-v-7d080891]{background:#ffebee;color:#d32f2f}.tasks-page .task-card .task-header .task-title-section .task-meta .points-badge[data-v-7d080891]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tasks-page .task-card .task-header .task-status .status-label[data-v-7d080891]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.tasks-page .task-card .task-header .task-status .status-label.available[data-v-7d080891]{background:#e3f2fd;color:#1976d2}.tasks-page .task-card .task-header .task-status .status-label.in-progress[data-v-7d080891]{background:#fff3e0;color:#f57c00}.tasks-page .task-card .task-header .task-status .status-label.completed[data-v-7d080891]{background:#e8f5e9;color:#388e3c}.tasks-page .task-card .task-description[data-v-7d080891]{color:#666;margin-bottom:1rem}.tasks-page .task-card .progress-section[data-v-7d080891]{margin:1rem 0}.tasks-page .task-card .progress-section .progress-info[data-v-7d080891]{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:#666}.tasks-page .task-card .progress-section .progress-info .progress-value[data-v-7d080891]{font-weight:600;color:#667eea}.tasks-page .task-card .progress-section .progress-bar[data-v-7d080891]{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.tasks-page .task-card .progress-section .progress-bar .progress-fill[data-v-7d080891]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.tasks-page .task-card .progress-section .progress-controls[data-v-7d080891]{margin-top:.75rem}.tasks-page .task-card .progress-section .progress-controls .progress-slider[data-v-7d080891]{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tasks-page .task-card .progress-section .progress-controls .progress-slider[data-v-7d080891]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background .2s ease}.tasks-page .task-card .progress-section .progress-controls .progress-slider[data-v-7d080891]::-webkit-slider-thumb:hover{background:#5568d3}.tasks-page .task-card .progress-section .progress-controls .progress-slider[data-v-7d080891]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:background .2s ease}.tasks-page .task-card .progress-section .progress-controls .progress-slider[data-v-7d080891]::-moz-range-thumb:hover{background:#5568d3}.tasks-page .task-card .progress-section .progress-controls .progress-slider[data-v-7d080891]::-moz-range-track{background:#e0e0e0;height:6px;border-radius:3px}.tasks-page .task-card .completed-info[data-v-7d080891]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#e8f5e9;border-radius:8px;margin:1rem 0;font-size:.875rem;color:#388e3c}.tasks-page .task-card .completed-info .points-earned[data-v-7d080891]{margin-left:auto;font-weight:600}.tasks-page .task-card .deadline-info[data-v-7d080891]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff3e0;border-radius:8px;margin:1rem 0;font-size:.875rem;color:#f57c00}.tasks-page .task-card .task-actions[data-v-7d080891]{margin-top:1rem;display:flex;gap:.5rem}.tasks-page .task-card .task-actions button[data-v-7d080891]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.tasks-page .task-card .task-actions button.btn-start[data-v-7d080891]{background:#667eea;color:#fff}.tasks-page .task-card .task-actions button.btn-start[data-v-7d080891]:hover{background:#5568d3}.tasks-page .task-card .task-actions button.btn-complete[data-v-7d080891]{background:#4caf50;color:#fff}.tasks-page .task-card .task-actions button.btn-complete[data-v-7d080891]:hover{background:#45a049}.tasks-page .empty-state[data-v-7d080891]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.tasks-page .empty-state .empty-icon[data-v-7d080891]{font-size:4rem;margin-bottom:1rem}.tasks-page .empty-state h3[data-v-7d080891]{color:#2c3e50;margin-bottom:.5rem}.tasks-page .empty-state p[data-v-7d080891]{color:#666}.achievement-card[data-v-a7d935f9]{background:#fff;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;border:2px solid #e0e0e0;transition:all .3s ease;position:relative}.achievement-card[data-v-a7d935f9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.achievement-card.unlocked[data-v-a7d935f9]{border-color:#4caf50;background:linear-gradient(135deg,#fff,#f1f8f4)}.achievement-card.locked[data-v-a7d935f9]{opacity:.8}.achievement-card .achievement-icon[data-v-a7d935f9]{font-size:3rem;line-height:1;flex-shrink:0}.achievement-card .achievement-info[data-v-a7d935f9]{flex:1}.achievement-card .achievement-info .achievement-name[data-v-a7d935f9]{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#2c3e50}.achievement-card .achievement-info .achievement-description[data-v-a7d935f9]{margin:0 0 .75rem;font-size:.9rem;color:#666;line-height:1.4}.achievement-card .achievement-info .achievement-progress .progress-bar[data-v-a7d935f9]{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.achievement-card .achievement-info .achievement-progress .progress-bar .progress-fill[data-v-a7d935f9]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.achievement-card .achievement-info .achievement-progress .progress-text[data-v-a7d935f9]{font-size:.85rem;color:#666}.achievement-card .achievement-info .achievement-progress .progress-text .progress-percent[data-v-a7d935f9]{color:#999;margin-left:.25rem}.achievement-card .achievement-info .achievement-unlocked[data-v-a7d935f9]{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.achievement-card .achievement-info .achievement-unlocked .unlocked-badge[data-v-a7d935f9]{background:#4caf50;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.achievement-card .achievement-info .achievement-unlocked .points-reward[data-v-a7d935f9]{color:#4caf50;font-size:.85rem;font-weight:600}.achievement-card .achievement-level[data-v-a7d935f9]{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.achievement-card .achievement-level.level-basic[data-v-a7d935f9]{background:#e3f2fd;color:#1976d2}.achievement-card .achievement-level.level-medium[data-v-a7d935f9]{background:#fff3e0;color:#f57c00}.achievement-card .achievement-level.level-high[data-v-a7d935f9]{background:#f3e5f5;color:#7b1fa2}.achievements-page[data-v-80411987]{padding:2rem}.achievements-page .page-header[data-v-80411987]{margin-bottom:2rem}.achievements-page .page-header h2[data-v-80411987]{margin:0 0 1.5rem;color:#2c3e50;font-size:2rem}.achievements-page .page-header .stats-summary[data-v-80411987]{display:flex;gap:1.5rem;margin-bottom:2rem}.achievements-page .page-header .stats-summary .stat-item[data-v-80411987]{background:#fff;padding:1rem 1.5rem;border-radius:12px;border:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;min-width:120px}.achievements-page .page-header .stats-summary .stat-item.highlight[data-v-80411987]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.achievements-page .page-header .stats-summary .stat-item .stat-number[data-v-80411987]{font-size:2rem;font-weight:700;line-height:1}.achievements-page .page-header .stats-summary .stat-item .stat-label[data-v-80411987]{font-size:.9rem;margin-top:.5rem;opacity:.8}.achievements-page .filters-section[data-v-80411987]{margin-bottom:2rem}.achievements-page .filters-section .filter-tabs[data-v-80411987]{display:flex;gap:.75rem;flex-wrap:wrap}.achievements-page .filters-section .filter-tabs .filter-tab[data-v-80411987]{padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500;color:#666}.achievements-page .filters-section .filter-tabs .filter-tab[data-v-80411987]:hover{border-color:#667eea;color:#667eea}.achievements-page .filters-section .filter-tabs .filter-tab.active[data-v-80411987]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.achievements-page .filters-section .filter-tabs .filter-tab .icon[data-v-80411987]{font-size:1.2rem}.achievements-page .achievements-grid[data-v-80411987]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.achievements-page .empty-state[data-v-80411987]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed #e0e0e0}.achievements-page .empty-state .empty-icon[data-v-80411987]{font-size:4rem;margin-bottom:1rem}.achievements-page .empty-state h3[data-v-80411987]{color:#666;margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f7fa;color:#2c3e50}.app-container{min-height:100vh}.sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:#fff;box-shadow:2px 0 12px #0000001a;display:flex;flex-direction:column;z-index:1000;transform:translate(-100%);transition:width .3s ease,transform .3s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar.sidebar-collapsed{width:80px}.sidebar .sidebar-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:.75rem;position:relative;flex-shrink:0}.sidebar .sidebar-header .logo-link{display:flex;align-items:center;text-decoration:none;transition:opacity .3s ease}.sidebar .sidebar-header .logo-link:hover{opacity:.8}.sidebar .sidebar-header .logo-image{height:36px;width:auto;object-fit:contain;flex-shrink:0}.sidebar .sidebar-header .sidebar-title{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;transition:opacity .3s ease}.sidebar .sidebar-header .sidebar-toggle-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#f5f7fa;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .3s ease;cursor:pointer;flex-shrink:0}.sidebar .sidebar-header .sidebar-toggle-btn:hover{background:#e0e0e0}.sidebar .sidebar-header .sidebar-toggle-btn .toggle-icon{font-size:1.5rem;color:#2c3e50;font-weight:700;transition:transform .3s ease;line-height:1}.sidebar .sidebar-header .sidebar-toggle-btn .toggle-icon.rotated{transform:rotate(180deg)}.sidebar.sidebar-collapsed .sidebar-header{padding:1.5rem .75rem;justify-content:center}.sidebar.sidebar-collapsed .sidebar-header .sidebar-title{opacity:0;width:0}.sidebar.sidebar-collapsed .sidebar-header .logo-link{margin:0 auto}.sidebar .sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar .sidebar-nav .nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;text-decoration:none;color:#666;font-weight:500;transition:all .3s ease;border-left:3px solid transparent;position:relative}.sidebar .sidebar-nav .nav-item .nav-icon{font-size:1.25rem;width:24px;text-align:center;flex-shrink:0}.sidebar .sidebar-nav .nav-item .nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}.sidebar .sidebar-nav.sidebar-collapsed .nav-item{padding:.875rem;justify-content:center}.sidebar .sidebar-nav.sidebar-collapsed .nav-item .nav-text{opacity:0;width:0}.sidebar .sidebar-nav.sidebar-collapsed .nav-item:hover{background:#f5f7fa;color:#667eea}.sidebar .sidebar-nav.sidebar-collapsed .nav-item.router-link-active{background:linear-gradient(90deg,rgba(102,126,234,.1) 0%,transparent 100%);color:#667eea;border-left-color:#667eea;font-weight:600}.sidebar .sidebar-footer{padding:1.5rem;border-top:1px solid #e0e0e0;background:#f9fafb}.sidebar .sidebar-footer .user-profile{display:flex;align-items:center;gap:.75rem}.sidebar .sidebar-footer .user-profile .user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.sidebar .sidebar-footer .user-profile .user-details{flex:1;min-width:0;transition:opacity .3s ease;overflow:hidden}.sidebar .sidebar-footer .user-profile .user-details .user-name{font-weight:600;color:#2c3e50;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.sidebar .sidebar-footer .user-profile .user-details .user-points{display:flex;align-items:center;gap:.5rem}.sidebar .sidebar-footer .user-profile .user-details .user-points .points-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.75rem}.sidebar .sidebar-footer .user-profile .user-details .user-points .points-label{font-size:.75rem;color:#999}.sidebar.sidebar-collapsed .sidebar-footer .user-profile .user-details{opacity:0;width:0}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.app-content{margin-left:0;transition:margin-left .3s ease;min-height:100vh}.app-content .app-header{background:#fff;box-shadow:0 2px 8px #0000001a;padding:1rem 2rem;display:flex;align-items:center;gap:1.5rem;position:sticky;top:0;z-index:100}.app-content .app-header .menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;width:40px;height:40px;justify-content:center;align-items:center;border-radius:8px;transition:background .2s ease}.app-content .app-header .menu-toggle:hover{background:#f5f7fa}.app-content .app-header .menu-toggle span{width:24px;height:3px;background:#2c3e50;border-radius:2px;transition:all .3s ease;display:block}.app-content .app-header .menu-toggle.menu-open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.app-content .app-header .menu-toggle.menu-open span:nth-child(2){opacity:0}.app-content .app-header .menu-toggle.menu-open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.app-content .app-header .page-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0;flex:1}.app-content .app-header .header-user-info .points-badge-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem}@media (min-width: 1024px){.app-content{margin-left:280px;transition:margin-left .3s ease}.sidebar{transform:translate(0)}.sidebar-overlay{display:none}.sidebar-collapsed+.app-content{margin-left:80px}}@media (max-width: 1023px){.app-content .app-header .menu-toggle{display:flex}}.app-main{max-width:1400px;margin:0 auto;padding:0 2rem 2rem}.loading{text-align:center;padding:4rem;font-size:1.25rem;color:#667eea}.filter-select{padding:.5rem 1rem;border-radius:8px;border:1px solid #ddd;font-size:.875rem;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#667eea}@media (max-width: 768px){.app-main{padding:0 1rem 1rem}.app-content .app-header{padding:1rem}.sidebar{width:260px}.sidebar .sidebar-header{padding:1rem}.sidebar .sidebar-header .sidebar-title{font-size:1rem}.sidebar .sidebar-nav .nav-item{padding:.75rem 1rem;font-size:.9rem}.sidebar .sidebar-footer{padding:1rem}}