.app-header[data-v-da26c6c5]{background:#fff;box-shadow:0 2px 12px #0000000f;padding:1rem 1.25rem;padding-top:max(1rem,env(safe-area-inset-top));position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.04)}.header-content[data-v-da26c6c5]{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 auto}.header-left[data-v-da26c6c5]{display:flex;align-items:center;gap:2rem;flex:1;min-width:0}.logo-link[data-v-da26c6c5]{display:flex;align-items:center;text-decoration:none;transition:opacity .2s}.logo-link[data-v-da26c6c5]:hover{opacity:.8}.logo[data-v-da26c6c5]{width:42px;height:42px;object-fit:contain}.main-nav[data-v-da26c6c5]{display:flex;align-items:center;gap:.25rem}.nav-item[data-v-da26c6c5]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#6b7280;text-decoration:none;font-weight:500;font-size:.9375rem;transition:all .2s;white-space:nowrap;position:relative;border-bottom:3px solid transparent}.nav-item svg[data-v-da26c6c5]{flex-shrink:0}.nav-item[data-v-da26c6c5]:hover{color:#111827;background:#f9fafb}.nav-item.active[data-v-da26c6c5]{color:#10b981;border-bottom-color:#10b981}.nav-item.active svg[data-v-da26c6c5]{stroke:#10b981}.header-right[data-v-da26c6c5]{display:flex;align-items:center;gap:.5rem}.user-menu[data-v-da26c6c5]{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:10px;background:transparent;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s;font-family:inherit;z-index:200}.user-menu[data-v-da26c6c5]:hover{background:#f9fafb;border-color:#d1d5db}.user-avatar[data-v-da26c6c5]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.user-info[data-v-da26c6c5]{display:flex;flex-direction:column;align-items:flex-start}.user-name[data-v-da26c6c5]{font-size:.875rem;font-weight:600;color:#111827;line-height:1.2}.dropdown-arrow[data-v-da26c6c5]{font-size:.625rem;color:#9ca3af;margin-left:auto}.mobile-menu-btn[data-v-da26c6c5]{display:none;padding:.5rem;background:transparent;border:none;color:#111827;cursor:pointer}@media(max-width:1200px){.header-content[data-v-da26c6c5]{padding:0 1rem}.main-nav[data-v-da26c6c5]{position:fixed;top:70px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem;gap:.5rem;transform:translateY(-100%);opacity:0;transition:all .3s ease-in-out;pointer-events:none;z-index:100}.main-nav.nav-open[data-v-da26c6c5]{transform:translateY(0);opacity:1;pointer-events:all}.nav-item[data-v-da26c6c5]{width:100%;justify-content:flex-start}.mobile-menu-btn[data-v-da26c6c5]{display:flex}}@media(min-width:1201px){.app-header[data-v-da26c6c5]{padding-left:2rem;padding-right:2rem}.logo[data-v-da26c6c5]{width:44px;height:44px}}@media(max-width:380px){.app-header[data-v-da26c6c5]{padding-left:1rem;padding-right:1rem}.logo[data-v-da26c6c5]{width:36px;height:36px}.user-avatar[data-v-da26c6c5]{width:28px;height:28px}.user-name[data-v-da26c6c5]{font-size:.8125rem}.header-left[data-v-da26c6c5]{gap:1rem}}.bottom-nav[data-v-9b37d598]{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;align-items:center;padding-top:.75rem;box-shadow:0 -2px 16px #00000014;border-top:1px solid rgba(0,0,0,.06);z-index:1000}.nav-item[data-v-9b37d598]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:.625rem 1rem;color:#6b7280;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:12px;background:none;border:none;cursor:pointer;font-size:.875rem;min-height:56px;position:relative;flex:1;max-width:120px}.nav-item svg[data-v-9b37d598]{width:24px;height:24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item[data-v-9b37d598]:active{transform:scale(.92);background:#00000008}.nav-item.active[data-v-9b37d598]{color:var(--color-primary-600);font-weight:700}.nav-item.active[data-v-9b37d598]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--color-primary-600);border-radius:0 0 3px 3px}.nav-item.active svg[data-v-9b37d598]{stroke-width:2.5;transform:translateY(-2px)}.nav-item span[data-v-9b37d598]{font-size:.625rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.nav-item.active span[data-v-9b37d598]{font-weight:700}.logout-item[data-v-9b37d598]{color:#ef4444}.logout-item[data-v-9b37d598]:active{background:#fee2e2}.logout-item.active[data-v-9b37d598]{color:#dc2626}@media(min-width:1201px){.bottom-nav[data-v-9b37d598]{display:none}}@media(min-width:768px)and (max-width:1200px){.bottom-nav[data-v-9b37d598]{padding-top:.875rem}.nav-item[data-v-9b37d598]{padding:.75rem 1.25rem;max-width:140px}.nav-item svg[data-v-9b37d598]{width:26px;height:26px}.nav-item span[data-v-9b37d598]{font-size:.75rem}}@media(max-width:380px){.nav-item[data-v-9b37d598]{padding:.5rem;gap:2px}.nav-item svg[data-v-9b37d598]{width:22px;height:22px}.nav-item span[data-v-9b37d598]{font-size:.6rem}}.install-pwa[data-v-e0350552]{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:0}.install-backdrop[data-v-e0350552]{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.install-content[data-v-e0350552]{position:relative;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:24px 24px 0 0;box-shadow:0 -10px 25px -5px #0000001a,0 -8px 10px -6px #0000001a;width:100%;max-width:480px;padding:0;margin:0}.install-header[data-v-e0350552]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.app-icon[data-v-e0350552]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:8px;overflow:hidden}.app-icon img[data-v-e0350552]{width:100%;height:100%;object-fit:contain}.dismiss-btn[data-v-e0350552]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#6b7280}.dismiss-btn[data-v-e0350552]:hover{background:#e5e7eb;color:#111827}.install-body[data-v-e0350552]{padding:1.5rem}.install-body h3[data-v-e0350552]{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .75rem}.install-body p[data-v-e0350552]{font-size:1rem;line-height:1.6;color:#6b7280;margin:0 0 1.5rem}.features[data-v-e0350552]{display:flex;flex-direction:column;gap:.875rem}.feature[data-v-e0350552]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f0fdf4;border-radius:12px;border:1px solid #d1fae5}.feature svg[data-v-e0350552]{color:#10b981;flex-shrink:0}.feature span[data-v-e0350552]{font-size:.9375rem;font-weight:500;color:#065f46}.install-actions[data-v-e0350552]{padding:1.5rem;padding-top:0;display:flex;flex-direction:column;gap:.75rem}.install-btn[data-v-e0350552]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.install-btn[data-v-e0350552]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.install-btn[data-v-e0350552]:active{transform:translateY(0)}.install-btn svg[data-v-e0350552]{flex-shrink:0}.later-btn[data-v-e0350552]{width:100%;padding:.875rem;background:transparent;color:#6b7280;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.later-btn[data-v-e0350552]:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.slide-up-enter-active[data-v-e0350552]{transition:all .3s ease-out}.slide-up-leave-active[data-v-e0350552]{transition:all .25s ease-in}.slide-up-enter-from[data-v-e0350552]{opacity:0}.slide-up-enter-from .install-content[data-v-e0350552]{transform:translateY(100%)}.slide-up-leave-to[data-v-e0350552]{opacity:0}.slide-up-leave-to .install-content[data-v-e0350552]{transform:translateY(100%)}@media(max-width:640px){.install-content[data-v-e0350552]{max-width:100%}.install-header[data-v-e0350552]{padding:1.25rem 1.25rem .875rem}.app-icon[data-v-e0350552]{width:56px;height:56px;padding:6px}.install-body[data-v-e0350552]{padding:1.25rem}.install-body h3[data-v-e0350552]{font-size:1.375rem}.install-body p[data-v-e0350552]{font-size:.9375rem}.install-actions[data-v-e0350552]{padding:1.25rem;padding-top:0}}@media(min-width:641px){.install-pwa[data-v-e0350552]{align-items:center;padding:1rem}.install-content[data-v-e0350552]{border-radius:24px}}.overlay[data-v-ee94b831]{position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.slide-in[data-v-ee94b831]{position:fixed;top:0;right:0;bottom:0;width:90%;max-width:400px;background:#fff;z-index:1000;display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026}.slide-header[data-v-ee94b831]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.slide-header h3[data-v-ee94b831]{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.close-btn[data-v-ee94b831]{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.close-btn[data-v-ee94b831]:hover{background:#fff3}.slide-content[data-v-ee94b831]{flex:1;overflow:hidden;padding:1.25rem;display:flex;flex-direction:column;height:100%;max-height:100vh}.profile-section[data-v-ee94b831]{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;flex-shrink:0;margin-bottom:1.5rem;border:none}.profile-avatar[data-v-ee94b831]{width:60px;height:60px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #6366f14d}.profile-info h4[data-v-ee94b831]{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:#111827}.profile-info p[data-v-ee94b831]{font-size:.875rem;color:#6b7280;margin:0}.notifications-section[data-v-ee94b831]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding-right:.25rem}.notifications-section[data-v-ee94b831]::-webkit-scrollbar{width:6px}.notifications-section[data-v-ee94b831]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.notifications-section[data-v-ee94b831]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notifications-section[data-v-ee94b831]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.notifications-section h4[data-v-ee94b831]{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.empty-state[data-v-ee94b831]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#9ca3af;text-align:center}.empty-state svg[data-v-ee94b831]{opacity:.3;margin-bottom:1rem}.empty-state p[data-v-ee94b831]{margin:0;font-size:.875rem}.notifications-list[data-v-ee94b831]{display:flex;flex-direction:column;gap:.75rem}.notification-item[data-v-ee94b831]{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:12px;border-left:3px solid #e5e7eb;transition:all .2s}.notification-item[data-v-ee94b831]:hover{background:#f9fafb;border-left-color:#6366f1}.notif-icon[data-v-ee94b831]{font-size:1.5rem;flex-shrink:0}.notif-content[data-v-ee94b831]{flex:1;min-width:0}.notif-content h5[data-v-ee94b831]{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:#111827}.notif-content p[data-v-ee94b831]{font-size:.8125rem;color:#4b5563;margin:0 0 .5rem;line-height:1.4}.notif-time[data-v-ee94b831]{font-size:.6875rem;color:#d1d5db;font-weight:400;opacity:.7}.actions-section[data-v-ee94b831]{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;padding-top:1rem;padding-bottom:1rem;border-top:1px solid #f1f5f9;background:#fff}.action-btn[data-v-ee94b831]{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;text-decoration:none}.action-btn[data-v-ee94b831]:hover{background:#f9fafb;border-color:#d1d5db}.whatsapp-btn[data-v-ee94b831]{background:#fff;border-color:#25d366;color:#25d366}.whatsapp-btn[data-v-ee94b831]:hover{background:#f0fdf4;border-color:#20ba5a}.whatsapp-btn svg[data-v-ee94b831]{fill:#25d366;width:18px;height:18px}.logout-btn[data-v-ee94b831]{background:#fff;border-color:#ef4444;color:#ef4444}.logout-btn[data-v-ee94b831]:hover{background:#fef2f2;border-color:#dc2626}.overlay-enter-active[data-v-ee94b831],.overlay-leave-active[data-v-ee94b831]{transition:opacity .3s ease}.overlay-enter-from[data-v-ee94b831],.overlay-leave-to[data-v-ee94b831]{opacity:0}.slide-enter-active[data-v-ee94b831],.slide-leave-active[data-v-ee94b831]{transition:transform .3s ease}.slide-enter-from[data-v-ee94b831],.slide-leave-to[data-v-ee94b831]{transform:translate(100%)}.read-notifications-section[data-v-ee94b831]{margin-top:1.5rem;border-top:1px solid #e5e7eb;padding-top:1rem}.toggle-read-btn[data-v-ee94b831]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;color:#6b7280}.toggle-read-btn[data-v-ee94b831]:hover{background:#f3f4f6;border-color:#d1d5db}.toggle-read-btn svg[data-v-ee94b831]{transition:transform .3s ease;color:#9ca3af}.toggle-read-btn svg.rotated[data-v-ee94b831]{transform:rotate(180deg)}.read-list[data-v-ee94b831]{margin-top:.5rem}.notification-item.read[data-v-ee94b831]{opacity:.6}.notification-item.unread[data-v-ee94b831]{border-left-color:#6366f1;background:#fafbfc}.collapse-enter-active[data-v-ee94b831],.collapse-leave-active[data-v-ee94b831]{transition:all .3s ease;max-height:500px;overflow:hidden}.collapse-enter-from[data-v-ee94b831],.collapse-leave-to[data-v-ee94b831]{max-height:0;opacity:0}@media(max-width:380px){.slide-in[data-v-ee94b831]{width:100%;max-width:100%}}.modal-overlay[data-v-c4640a95]{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:0}.modal-backdrop[data-v-c4640a95]{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-c4640a95]{position:relative;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:24px 24px 0 0;box-shadow:0 -10px 25px -5px #0000001a,0 -8px 10px -6px #0000001a;width:100%;max-width:480px;padding:0;margin:0}.modal-close[data-v-c4640a95]{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#6b7280;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close[data-v-c4640a95]:hover{background:#f3f4f6;color:#374151}.modal-header[data-v-c4640a95]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.google-icon[data-v-c4640a95]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc04,#ea4335);border-radius:14px;box-shadow:0 4px 12px #4285f440;color:#fff;font-size:1.75rem;font-weight:700}.modal-body[data-v-c4640a95]{padding:1.5rem}.modal-body h2[data-v-c4640a95]{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .75rem}.subtitle[data-v-c4640a95]{font-size:1rem;line-height:1.6;color:#6b7280;margin:0 0 1.5rem}.benefits[data-v-c4640a95]{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.5rem}.benefit[data-v-c4640a95]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f0fdf4;border-radius:12px;border:1px solid #d1fae5}.benefit svg[data-v-c4640a95]{color:#10b981;flex-shrink:0}.benefit span[data-v-c4640a95]{font-size:.9375rem;font-weight:500;color:#065f46}.modal-actions[data-v-c4640a95]{padding:1.5rem;padding-top:0;display:flex;flex-direction:column;gap:.75rem}.actions[data-v-c4640a95]{display:flex;flex-direction:column;gap:.75rem}.btn-primary[data-v-c4640a95],.btn-secondary[data-v-c4640a95],.btn-text[data-v-c4640a95]{padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary[data-v-c4640a95]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-primary[data-v-c4640a95]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-secondary[data-v-c4640a95]{background:transparent;color:#6b7280;border:2px solid #e5e7eb}.btn-secondary[data-v-c4640a95]:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.btn-text[data-v-c4640a95]{background:none;color:#6b7280;padding:.5rem}.btn-text[data-v-c4640a95]:hover{color:#111827;background:#f9fafb}.slide-up-enter-active[data-v-c4640a95]{transition:all .3s ease-out}.slide-up-leave-active[data-v-c4640a95]{transition:all .25s ease-in}.slide-up-enter-from[data-v-c4640a95]{opacity:0}.slide-up-enter-from .modal-content[data-v-c4640a95]{transform:translateY(100%)}.slide-up-leave-to[data-v-c4640a95]{opacity:0}.slide-up-leave-to .modal-content[data-v-c4640a95]{transform:translateY(100%)}@media(max-width:640px){.modal-content[data-v-c4640a95]{max-width:100%}.modal-header[data-v-c4640a95]{padding:1.25rem 1.25rem .875rem}.google-icon[data-v-c4640a95]{width:48px;height:48px;font-size:1.5rem}.modal-body[data-v-c4640a95]{padding:1.25rem}.modal-body h2[data-v-c4640a95]{font-size:1.375rem}.modal-actions[data-v-c4640a95]{padding:1.25rem;padding-top:0}}@media(min-width:641px){.modal-overlay[data-v-c4640a95]{align-items:center;padding:1rem}.modal-content[data-v-c4640a95]{border-radius:24px}}html,body{margin:0;padding:0;width:100%;height:100%}#app{width:100%;height:100%;overflow:hidden}.drag-indicator{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center}.drag-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff;pointer-events:none;text-align:center;max-width:300px}.drag-hint svg{filter:drop-shadow(0 4px 12px rgba(255,255,255,.3));animation:pulse 2s ease-in-out infinite}.drag-hint p{font-size:1rem;font-weight:600;margin:0;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#app{position:relative;width:100%;height:100%;background:#fff;touch-action:pan-y pan-x;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;overflow:hidden}#app input,#app textarea,#app [contenteditable]{-webkit-user-select:text;user-select:text}.main-content{flex:1;padding-top:70px;padding-left:2rem;padding-right:2rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}.main-content.no-header{padding-top:0;padding-left:0;padding-right:0}.main-content.with-bottom-nav{padding-bottom:90px}@media(max-width:1200px){.main-content{padding-top:0;padding-left:1rem;padding-right:1rem}.main-content.no-header{padding-left:0;padding-right:0}}@media(max-width:480px){.main-content{padding-left:.75rem;padding-right:.75rem}}.notifications-container{position:fixed;top:80px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:.75rem;max-width:400px}@media(max-width:1200px){.notifications-container{top:70px;right:1rem;left:1rem;max-width:none}}@media(max-width:480px){.notifications-container{top:60px;right:.75rem;left:.75rem}}.notification{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;font-size:.875rem;font-weight:500;color:#111827}@media(max-width:480px){.notification{padding:.875rem 1rem;font-size:.8125rem}}.notification.success{border-left:4px solid #10b981}.notification.success svg{color:#10b981;flex-shrink:0}.notification.error{border-left:4px solid #ef4444}.notification.error svg{color:#ef4444;flex-shrink:0}.notification.info{border-left:4px solid #3b82f6}.notification.info svg{color:#3b82f6;flex-shrink:0}.notification-close{margin-left:auto;background:none;border:none;color:#6b7280;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.notification-close:hover{color:#111827}.notification-list-enter-active,.notification-list-leave-active{transition:all .3s ease}.notification-list-enter-from,.notification-list-leave-to{opacity:0;transform:translate(100%)}:root{--color-primary-50: #f0fdf4;--color-primary-100: #dcfce7;--color-primary-200: #bbf7d0;--color-primary-300: #86efac;--color-primary-400: #4ade80;--color-primary-500: #10b981;--color-primary-600: #059669;--color-primary-700: #047857;--color-primary-800: #065f46;--color-primary-900: #064e3b;--primary: var(--color-primary-500);--primary-hover: var(--color-primary-600);--primary-light: var(--color-primary-100);--secondary: #6b7280;--secondary-hover: #4b5563;--danger: #ef4444;--danger-hover: #dc2626;--warning: #f59e0b;--warning-light: #fef3c7;--success: #10b981;--success-light: #d1fae5;--info: #3b82f6;--info-light: #dbeafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-primary: #111827;--text-secondary: #6b7280;--text-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--transition: all .2s ease-in-out;--transition-fast: all .15s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);background:var(--bg-secondary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:1rem}button{border:none;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;transition:var(--transition)}button:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--border-radius-sm);font-weight:500;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--gray-200);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-xs)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--font-size-base)}input,textarea,select{font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea,select{width:100%;padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);transition:var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}a{text-decoration:none;color:inherit;transition:var(--transition)}a:hover{color:var(--primary)}.container{margin:0 auto;padding:0 var(--spacing-lg)}.page-wrapper{flex:1;padding:var(--spacing-xl) var(--spacing-lg);background:var(--bg-secondary)}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}*{-webkit-tap-highlight-color:rgba(0,0,0,.05);-webkit-touch-callout:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.stat-card{padding:1.25rem!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.stats-grid{gap:1rem!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.charts-grid,.achievements-grid{gap:.875rem!important}}button,.clickable{transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible{outline:2px solid #10b981;outline-offset:2px}@media(hover:none)and (pointer:coarse){button:active,.btn:active{opacity:.8}}@keyframes spin{to{transform:rotate(360deg)}}