@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap);:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--border-color:#e2e8f0;--accent-color:#3b82f6;--accent-hover:#2563eb;--accent-muted:#3b82f614;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--macro-carb:#0284c7;--macro-protein:#e11d48;--macro-fat:#ca8a04;--macro-cal:#7c3aed;--success:#10b981;--danger:#ef4444;--shadow-sm:0 1px 2px 0 #00000005;--shadow-md:0 4px 12px -2px #00000008,0 2px 4px -1px #00000005;--shadow-lg:0 20px 25px -5px #0000000a,0 10px 10px -5px #00000005}.dark{--bg-primary:#0b0f19;--bg-secondary:#151d30;--bg-tertiary:#1e293b;--bg-card:#151d30;--border-color:#243049;--accent-color:#3b82f6;--accent-hover:#60a5fa;--accent-muted:#3b82f626;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b}*{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}body,html{background-color:#f8fafc;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background-color .25s ease,color .25s ease,border-color .25s ease}body{background-attachment:fixed;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.015) 0,#0000 40%),radial-gradient(circle at 90% 80%,#0ea5e903 0,#0000 40%);font-size:.95rem;line-height:1.5}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}nav,nav.main-navbar{align-items:center!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#fff!important;background-color:var(--bg-secondary)!important;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d!important;display:flex!important;height:70px!important;line-height:normal!important;position:sticky;top:0;z-index:1000}.navbar-inner{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1.5rem;width:100%}.navbar-brand{align-items:center;display:inline-flex;flex-shrink:0;gap:10px;text-decoration:none}.navbar-logo-img{height:44px;object-fit:contain;width:auto}.navbar-brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#10b981,#3b82f6);-webkit-background-clip:text;font-size:1.25rem;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.navbar-btn-icon{align-items:center;border-radius:50%!important;display:flex!important;height:38px;justify-content:center;padding:0!important;width:38px}.navbar-nav-link{padding:0 14px;text-decoration:none}.navbar-btn-logout,.navbar-nav-link{align-items:center;border-radius:10px;display:flex;font-size:.85rem;gap:6px;height:38px}.navbar-btn-logout{padding:0 12px}.portal-header-bar{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:15px}.portal-header-info{display:flex;flex-direction:column;gap:2px}.portal-header-title{align-items:center;display:flex;font-size:1.4rem;font-weight:800;gap:8px;margin:0}.portal-header-sub{color:#475569;color:var(--text-secondary);font-size:.82rem;margin:0}.portal-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.portal-user-pill{font-size:.75rem;font-weight:700;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-logout-btn{align-items:center;border-radius:8px;display:flex;font-size:.8rem;gap:6px;height:36px;padding:0 12px}.rest-trigger-btn{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #3b82f6;border:1px solid var(--accent-color);border-radius:8px;color:#3b82f6;color:var(--accent-color);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:5px;padding:5px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.rest-trigger-btn i{font-size:16px}.rest-trigger-btn:hover{color:#fff;transform:translateY(-1px)}.rest-trigger-btn.active,.rest-trigger-btn:hover{background:#3b82f6;background:var(--accent-color)}.rest-trigger-btn.active{animation:notifPulse 1.5s ease-in-out infinite;border-color:#3b82f6;border-color:var(--accent-color);color:#000}@media (max-width:650px){nav,nav.main-navbar{height:60px!important}.navbar-inner{gap:6px;padding:0 12px}.navbar-logo-img{height:32px}.navbar-brand-text{font-size:.95rem;letter-spacing:-.3px}.navbar-actions{gap:6px}.navbar-btn-icon{height:34px;width:34px}.navbar-btn-logout,.navbar-nav-link{font-size:.78rem;height:34px;padding:0 10px}.app-container{padding:1rem .75rem}.portal-header-bar{align-items:flex-start;flex-direction:column;gap:10px}.portal-header-actions{justify-content:space-between;width:100%}}@media (max-width:400px){.navbar-brand-text{font-size:.85rem}.navbar-link-label{display:none}}.app-container{margin:0 auto;max-width:1280px;padding:1.5rem}.dashboard-tabs{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:4px;margin-bottom:2rem;overflow-x:auto;padding:6px}.tab-btn{align-items:center;background:none;border:none;border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background-color:#ffffff08;color:#0f172a;color:var(--text-primary)}.tab-btn.active{background-color:#3b82f6;background-color:var(--accent-color);color:#f8fafc;color:var(--bg-primary)}.premium-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px -2px #00000008,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.premium-card:hover{box-shadow:0 20px 25px -5px #0000000a,0 10px 10px -5px #00000005;box-shadow:var(--shadow-lg)}.premium-card-title{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#0f172a;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.input-group{margin-bottom:1.25rem;position:relative}.input-label{color:#475569;color:var(--text-secondary);display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.modern-input,.modern-select,.modern-textarea{background-color:#fff!important;background-color:var(--bg-secondary)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;color:#0f172a!important;color:var(--text-primary)!important;font-size:.95rem!important;height:44px!important;padding:10px 14px!important;transition:border-color .2s ease,box-shadow .2s ease!important;width:100%}.modern-textarea{height:auto!important;min-height:80px!important;resize:vertical}.modern-input:focus,.modern-select:focus,.modern-textarea:focus{border-color:#3b82f6!important;border-color:var(--accent-color)!important;box-shadow:0 0 0 2px #bfff0026!important}.modern-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;display:block!important;padding-right:36px!important}.modern-btn{align-items:center;background-color:#3b82f6;background-color:var(--accent-color);border:none;border-radius:8px;color:#f8fafc;color:var(--bg-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;height:42px;justify-content:center;padding:10px 18px;transition:all .2s ease}.modern-btn:hover{background-color:#2563eb;background-color:var(--accent-hover);transform:translateY(-1px)}.modern-btn:active{transform:translateY(0)}.modern-btn-secondary{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#0f172a;color:var(--text-primary)}.modern-btn-secondary:hover{background-color:#f1f5f9;background-color:var(--bg-tertiary);color:#0f172a;color:var(--text-primary)}.modern-btn-danger{background-color:#ef4444;background-color:var(--danger);color:#fff}.modern-btn-danger:hover{background-color:#dc2626}.food-search-results{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 20px 25px -5px #0000000a,0 10px 10px -5px #00000005;box-shadow:var(--shadow-lg);left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.food-search-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);cursor:pointer;padding:10px 14px;transition:background-color .2s ease}.food-search-item:hover{background-color:#fff;background-color:var(--bg-secondary)}.food-search-item-name{color:#0f172a;color:var(--text-primary);font-size:.9rem;font-weight:600}.food-search-item-details{color:#475569;color:var(--text-secondary);font-size:.75rem;margin-top:2px}.nutrient-bar-container{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem}.nutrient-bar-label{display:flex;font-size:.8rem;font-weight:600;justify-content:space-between}.nutrient-bar{background-color:#fff;background-color:var(--bg-secondary);border-radius:4px;height:8px;overflow:hidden;position:relative}.nutrient-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.nutrient-bar-fill.carb{background-color:#0284c7;background-color:var(--macro-carb)}.nutrient-bar-fill.protein{background-color:#e11d48;background-color:var(--macro-protein)}.nutrient-bar-fill.fat{background-color:#ca8a04;background-color:var(--macro-fat)}.nutrient-bar-fill.cal{background-color:#7c3aed;background-color:var(--macro-cal)}.macro-grid-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}@media (max-width:768px){.macro-grid-cards{grid-template-columns:repeat(2,1fr)}.app-container{padding:.75rem}}.macro-mini-card{align-items:center;background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:12px;text-align:center}.macro-mini-card-val{font-size:1.2rem;font-weight:800;margin-top:4px}.macro-mini-card-label{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.color-carb{color:#0284c7;color:var(--macro-carb)}.color-protein{color:#e11d48;color:var(--macro-protein)}.color-fat{color:#ca8a04;color:var(--macro-fat)}.color-cal{color:#7c3aed;color:var(--macro-cal)}.premium-list{display:flex;flex-direction:column;gap:10px}.premium-list-item{align-items:center;background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.premium-list-item:hover{transform:translateX(4px)}.premium-list-item.active,.premium-list-item:hover{border-color:#3b82f6;border-color:var(--accent-color)}.premium-list-item.active,.student-avatar{background-color:#3b82f614;background-color:var(--accent-muted)}.student-avatar{align-items:center;border-radius:50%;color:#3b82f6;color:var(--accent-color);display:flex;font-size:1.1rem;font-weight:700;height:44px;justify-content:center;width:44px}table.modern-table{border-collapse:collapse;margin-top:1rem;width:100%}table.modern-table td,table.modern-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:12px;text-align:left}table.modern-table th{color:#475569;color:var(--text-secondary);font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}table.modern-table tr:hover{background-color:#ffffff03}.meal-checklist-item{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .2s ease}.meal-checklist-header{align-items:center;background-color:#ffffff05;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px}.meal-checklist-body{padding:14px 18px}.student-checkbox-label{align-items:center;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:12px}.student-checkbox{align-items:center;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:6px;display:flex;height:22px;justify-content:center;transition:all .2s ease;width:22px}.student-checkbox-label input[type=checkbox]{display:none}.student-checkbox-label input[type=checkbox]:checked+.student-checkbox{background-color:#3b82f6;background-color:var(--accent-color);border-color:#3b82f6;border-color:var(--accent-color);color:#f8fafc;color:var(--bg-primary)}.student-checkbox-label input[type=checkbox]:checked+.student-checkbox:after{content:"✓";font-size:14px;font-weight:900}.student-checkbox-label input[type=checkbox]:checked~.meal-title{color:#475569;color:var(--text-secondary);text-decoration:line-through}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:320px 1fr}@media (max-width:992px){.dashboard-grid{grid-template-columns:1fr}}.meal-pill{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.meal-pill.active{background-color:#3b82f614;background-color:var(--accent-muted);border-color:#3b82f6;border-color:var(--accent-color);color:#3b82f6;color:var(--accent-color)}.exercise-division-tabs{display:flex;gap:8px;margin-bottom:1.25rem}.division-tab-btn{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:700;padding:6px 14px;transition:all .2s ease}.division-tab-btn.active,.division-tab-btn:hover{border-color:#3b82f6;border-color:var(--accent-color);color:#0f172a;color:var(--text-primary)}.division-tab-btn.active{background-color:#3b82f614;background-color:var(--accent-muted);color:#3b82f6;color:var(--accent-color)}.floating-role-toggle{bottom:24px;position:fixed;right:24px;z-index:9999}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-el{animation:fadeIn .3s ease-out forwards}.login-wrapper{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.login-card{animation:fadeIn .4s ease-out forwards;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 25px -5px #0000000a,0 10px 10px -5px #00000005;box-shadow:var(--shadow-lg);max-width:420px;padding:2.5rem 2rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h2{font-size:1.6rem;font-weight:800;margin-bottom:.5rem}.login-header h2 span{color:#3b82f6;color:var(--accent-color)}.login-header p{color:#475569;color:var(--text-secondary);font-size:.85rem}.login-form-group{margin-bottom:1.25rem}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#94a3b8;color:var(--text-muted);font-size:20px;left:14px;position:absolute;z-index:2}.login-input{background-color:#f8fafc!important;background-color:var(--bg-primary)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;border-radius:10px!important;box-shadow:none!important;color:#0f172a!important;color:var(--text-primary)!important;font-size:.95rem!important;height:48px!important;margin:0!important;padding:10px 16px 10px 44px!important;transition:all .2s ease!important;width:100%}.login-input:focus{background-color:#fff!important;background-color:var(--bg-secondary)!important;border-color:#3b82f6!important;border-color:var(--accent-color)!important;box-shadow:0 0 0 4px #3b82f614!important;box-shadow:0 0 0 4px var(--accent-muted)!important}.login-btn{align-items:center;background-color:#3b82f6;background-color:var(--accent-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:8px;height:48px;justify-content:center;transition:all .2s ease;width:100%}.login-btn:hover{background-color:#2563eb;background-color:var(--accent-hover);box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.update-date-accordion{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:border-color .2s ease}.update-date-accordion:hover{border-color:#3b82f6;border-color:var(--accent-color)}.update-date-header{align-items:center;background-color:#fff;background-color:var(--bg-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.update-date-badge,.update-date-header.expanded,.update-date-header:hover{background-color:#3b82f614;background-color:var(--accent-muted)}.update-date-badge{align-items:center;border-radius:50%;color:#3b82f6;color:var(--accent-color);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.update-date-body{animation:fadeIn .2s ease-out;background-color:#fff;background-color:var(--bg-card);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);padding:16px 18px}.update-photo-thumb{transition:transform .2s ease,border-color .2s ease}.update-photo-thumb:hover{border-color:#3b82f6!important;border-color:var(--accent-color)!important;transform:scale(1.04)}.exercise-card-item{cursor:pointer;display:block!important;margin-bottom:8px;transition:all .2s ease}.exercise-card-layout{display:flex;flex-direction:column;gap:12px;width:100%}.exercise-card-header{align-items:center;display:flex;justify-content:space-between;width:100%}.exercise-video-link{align-items:center;background-color:#ef444414;border-radius:6px;color:#ef4444!important;display:inline-flex;font-size:.8rem!important;font-weight:700;gap:4px;padding:4px 8px;text-decoration:none;transition:all .2s ease}.exercise-video-link:hover{background-color:#ef444426}.exercise-video-link i{font-size:16px}.exercise-card-specs{display:flex;flex-wrap:wrap;gap:8px}.spec-badge{background-color:#f1f5f9;background-color:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#475569;color:var(--text-secondary);font-size:.78rem;padding:4px 8px}.spec-badge.active{background-color:#3b82f614;background-color:var(--accent-muted);border-color:#3b82f6;border-color:var(--accent-color);color:#3b82f6;color:var(--accent-color)}.exercise-card-footer{align-items:center;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border-color);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:10px}.load-executed-container{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;display:inline-flex;font-size:.8rem;gap:8px;padding:4px 10px}.load-executed-container i{color:#3b82f6;color:var(--accent-color);font-size:16px}.load-executed-container span{color:#475569;color:var(--text-secondary);font-weight:600}.load-executed-container input{background-color:#fff!important;background-color:var(--bg-secondary)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;border-radius:4px!important;box-shadow:none!important;color:#0f172a!important;color:var(--text-primary)!important;font-size:.8rem!important;height:24px!important;margin:0!important;padding:0 6px!important;text-align:center!important;width:80px!important}.load-executed-container input:focus{border-color:#3b82f6!important;border-color:var(--accent-color)!important}.exercise-card-notes{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#b45309;display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;padding:4px 8px}.dark .exercise-card-notes{background:#b4530926;border-color:#b453094d;color:#f59e0b}@media (max-width:600px){.exercise-card-footer{align-items:stretch;flex-direction:column}.load-executed-container{justify-content:space-between;width:100%}.exercise-card-notes{justify-content:center;width:100%}}.floating-rest-timer{align-items:center;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards;background:linear-gradient(135deg,#151d30,#0b0f19);border:2px solid #3b82f6;border:2px solid var(--accent-color);border-radius:16px;bottom:20px;box-shadow:0 10px 30px #0006;color:#fff;display:flex;gap:16px;left:50%;max-width:450px;padding:12px 20px;position:fixed;transform:translateX(-50%);width:90%;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100px)}to{opacity:1;transform:translate(-50%)}}.timer-ring-visual{align-items:center;display:flex;flex-shrink:0;height:50px;justify-content:center;position:relative;width:50px}.timer-countdown-text{color:#fff;font-size:.95rem;font-weight:800;position:absolute}.timer-details{flex:1 1}.timer-details-title{color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.timer-details-subtitle{color:#fff;font-size:.9rem;font-weight:800}.timer-controls-group{display:flex;gap:6px}.timer-btn-icon{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.timer-btn-icon:hover{background:#ffffff26;color:#3b82f6;color:var(--accent-color)}.timer-btn-icon.active{background:#3b82f6;background:var(--accent-color);color:#000}.notif-modal-overlay{align-items:center;animation:notifFadeIn .25s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172aa6;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:99999}.notif-modal-container{animation:notifPopIn .35s cubic-bezier(.16,1,.3,1) forwards;background:#fff;background:var(--bg-card);border-radius:24px;box-shadow:0 25px 60px -10px #0006,0 0 0 1px #e2e8f0;box-shadow:0 25px 60px -10px #0006,0 0 0 1px var(--border-color);max-width:460px;overflow:hidden;position:relative;width:100%}.notif-modal-header{background:linear-gradient(135deg,#10b981,#3b82f6);color:#fff;padding:28px 24px 22px;position:relative;text-align:center}.notif-icon-circle{align-items:center;animation:notifPulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border-radius:50%;box-shadow:0 8px 24px #00000026;display:flex;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.notif-modal-title{color:#fff;font-size:1.25rem;font-weight:800;letter-spacing:-.3px;margin:0}.notif-modal-subtitle{font-size:.85rem;font-weight:500;margin:6px 0 0;opacity:.92}.notif-modal-body{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto;padding:20px 24px}.notif-card-item{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border:1px solid var(--border-color);border-left:4px solid var(--accent-color);border-radius:14px;box-shadow:0 2px 8px #0000000a;padding:16px;transition:transform .2s ease}.notif-card-item:hover{transform:translateY(-2px)}.notif-card-text{color:#0f172a;color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.55;white-space:pre-line}.notif-card-date{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.75rem;gap:4px;margin-top:8px}.notif-modal-footer{padding:12px 24px 24px}.notif-confirm-btn{align-items:center;background:linear-gradient(135deg,#10b981,#3b82f6);border:none;border-radius:14px;box-shadow:0 4px 14px #3b82f659;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;height:50px;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}.notif-confirm-btn:hover{box-shadow:0 6px 20px #3b82f673;opacity:.94;transform:translateY(-2px)}.notif-confirm-btn:active{transform:translateY(0)}.notif-close-corner{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.notif-close-corner:hover{background:#ffffff59;transform:scale(1.08)}.notification-bell-btn{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;color:#3b82f6;color:var(--accent-color);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.notification-bell-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);transform:translateY(-1px)}.notification-badge{align-items:center;animation:notifPulse 1.8s ease-in-out infinite;background:#ef4444;border-radius:10px;box-shadow:0 2px 6px #ef444466;color:#fff;display:flex;font-size:.7rem;font-weight:800;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}@keyframes notifFadeIn{0%{opacity:0}to{opacity:1}}@keyframes notifPopIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes notifPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.fade-in-el{animation:notifFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.premium-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease!important}.premium-list-item,.tab-btn{transition:all .2s cubic-bezier(.16,1,.3,1)!important}.meal-pill{transition:all .2s ease!important}
/*# sourceMappingURL=main.f311f76b.css.map*/