body{background-color:#f8fafc;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;overflow-x:hidden;width:100%}input,select,textarea{font-size:16px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414;border-top:1px solid #2a2a2a;bottom:0;justify-content:space-around;left:0;padding:12px 0 max(12px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.nav-item,.navigation{align-items:center;display:flex}.nav-item{border-radius:10px;color:#666;flex-direction:column;justify-content:center;min-width:64px;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s}.nav-item:hover{background:#1a1a1a;color:#a3a3a3}.nav-item.active{color:#3b82f6}.nav-item.active:before{background:#3b82f6;border-radius:0 0 2px 2px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:32px}.nav-item.active svg{stroke-width:2.5}.nav-label{font-size:10px;font-weight:500;letter-spacing:.05em;margin-top:6px;text-transform:uppercase}@media (max-width:480px){.nav-item{min-width:56px;padding:6px 12px}.nav-label{font-size:9px}}.login-container{align-items:center;background:#0a0a0a;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#141414;border:1px solid #2a2a2a;border-radius:16px;max-width:420px;padding:48px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-icon{align-items:center;background:#3b82f6;border-radius:12px;color:#fff;display:inline-flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.login-title{color:#fff;font-size:24px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.login-subtitle{color:#a3a3a3;font-size:14px;font-weight:400}.login-form{margin-top:32px}.login-error{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:13px;margin-bottom:20px;padding:12px 16px;text-align:center}.form-label{color:#a3a3a3;font-size:12px}.form-input{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:15px;padding:12px 14px;transition:all .2s;width:100%}.form-input:focus{background:#141414;border-color:#3b82f6;outline:none}.form-input::placeholder{color:#666}.login-divider{margin:24px 0;position:relative;text-align:center}.login-divider:before{background:#2a2a2a;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#141414;color:#666;font-size:12px;font-weight:500;letter-spacing:.05em;padding:0 16px;position:relative;text-transform:uppercase;z-index:1}.signup-btn{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;color:#fff;display:flex;gap:8px;justify-content:center}.signup-btn:hover{background:#202020;border-color:#404040}.login-link{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-top:20px;padding:12px;transition:color .2s;width:100%}.login-link:hover{color:#2563eb}.login-footer{margin-top:32px;text-align:center}.login-footer p{color:#666;font-size:12px}@media (max-width:480px){.login-card{padding:32px 24px}.login-title{font-size:22px}}.dashboard{padding-top:20px}.encouraging-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;text-align:center}.encouraging-content{align-items:center;display:flex;flex-direction:column;gap:12px}.encouraging-text{font-size:18px;font-weight:600;margin:0}.progress-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat{text-align:center}.stat-value{color:#667eea;font-size:32px;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:12px;margin-top:4px}.progress-bar-container{margin-top:16px}.progress-bar{background:var(--bg-tertiary);border-radius:6px;height:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.progress-text{color:var(--text-secondary);font-size:14px;margin-top:8px;text-align:center}.view-link{color:#667eea;font-size:14px;font-weight:600;text-decoration:none}.view-link:hover{text-decoration:underline}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{background:var(--bg-tertiary);border-left:4px solid #667eea;border-radius:8px;padding:12px}.recommendation-info{align-items:center;display:flex;gap:8px;margin-bottom:4px}.recommendation-name{color:var(--text-primary);flex:1 1;font-weight:600}.safety-badge{border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.warning-badge{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:4px;margin-top:4px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:var(--bg-tertiary);border-left:3px solid var(--border-color);border-radius:8px;padding:12px}.activity-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.activity-food{color:var(--text-primary);font-weight:600}.activity-amount{color:var(--text-secondary);font-size:14px}.activity-meta{align-items:center;display:flex;justify-content:space-between}.activity-date{color:var(--text-tertiary);font-size:12px}.reaction-badge{border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.quick-actions{margin-bottom:24px;margin-top:24px}@media (max-width:480px){.progress-stats{gap:12px}.stat-value{font-size:28px}.stat-label{font-size:11px}}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-info{background:#3b82f6;color:#fff}.toast-icon{flex-shrink:0}.toast-message{flex:1 1;font-size:14px;font-weight:500}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.toast-close:hover{background:#fff3}@media (max-width:480px){.toast{left:10px;min-width:auto;right:10px}}.log-food{padding-bottom:120px}.success-banner{animation:slideDown .3s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-weight:600;margin-bottom:20px;padding:16px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.log-form{display:flex;flex-direction:column;gap:16px}.section-title{border-bottom:2px solid var(--border-color);color:var(--text-primary);padding-bottom:8px}.checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.severity-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.severity-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.severity-btn:hover{transform:translateY(-2px)}.severity-btn.active{font-weight:700}.symptoms-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.symptom-checkbox{align-items:center;background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px;transition:background .2s}.symptom-checkbox:hover{background:#202020}.symptom-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.form-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 2fr;margin-bottom:24px;margin-top:24px}@media (max-width:480px){.form-actions,.severity-buttons,.symptoms-grid{grid-template-columns:1fr}}.food-library{padding-bottom:100px}.search-box{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:16px;outline:none}.filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.filter-select{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px}.food-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.food-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.food-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.food-name-row{display:flex;flex-direction:column;gap:6px}.food-name{color:var(--text-primary);font-size:18px;font-weight:600}.introduced-badge{align-items:center;background:#dcfce7;border-radius:12px;color:#166534;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.safety-level-badge{padding:4px 10px;text-transform:capitalize;white-space:nowrap}.food-details{display:flex;gap:16px;margin-bottom:8px}.food-detail-item{display:flex;font-size:13px;gap:6px}.detail-label{color:var(--text-secondary)}.detail-value{color:var(--text-primary);font-weight:600;text-transform:capitalize}.food-notes{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;font-style:italic;margin-top:8px;padding-top:8px}.reaction-warning{background:#ef444426;border-radius:6px;color:var(--danger);font-size:12px;gap:6px;margin-top:8px;padding:6px 10px}.fab,.reaction-warning{align-items:center;display:flex}.fab{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;height:56px;justify-content:center;position:fixed;right:20px;transition:all .2s;width:56px}.fab:hover{transform:scale(1.1)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.modal-title{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:20px}.modal-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:20px}@media (max-width:480px){.filters{grid-template-columns:1fr}.food-details{flex-direction:column;gap:6px}}.diet-plans{padding-bottom:100px}.action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr;margin-bottom:20px}.active-plan-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:24px}.active-plan-card .card-header{border-bottom:1px solid #fff3;padding-bottom:12px}.active-plan-card .card-title{color:#fff}.active-badge{background:#ffffff4d;border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.plan-name{font-size:20px;font-weight:700;margin:12px 0 8px}.plan-meta{font-size:14px;opacity:.9}.plan-meta,.plan-progress{margin-bottom:16px}.progress-label{font-size:14px;margin-bottom:8px;opacity:.95}.plan-foods{display:flex;flex-direction:column;gap:8px;margin:16px 0}.plan-food-item{align-items:center;background:#ffffff26;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s}.plan-food-item.completed{opacity:.6}.complete-checkbox{align-items:center;background:#0000;border:2px solid #ffffff80;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.complete-checkbox:hover{background:#fff3}.plan-food-item.completed .complete-checkbox{background:#ffffff4d;border-color:#fff}.plan-food-details{align-items:center;display:flex;flex:1 1;justify-content:space-between}.plan-food-name{font-weight:600}.plan-food-date{font-size:13px;opacity:.9}.section-title{color:#fff;font-size:18px;margin-bottom:16px}.plans-list{margin-top:24px}.plan-card{margin-bottom:12px;position:relative}.plan-card.active{border:2px solid #667eea}.plan-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.plan-card-name{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:4px}.plan-card-meta{color:#64748b;font-size:13px}.delete-btn{background:#0000;border:none;border-radius:6px;color:#ef4444;cursor:pointer;padding:8px;transition:all .2s}.delete-btn:hover{background:#fee2e2}.food-selection-grid{grid-gap:8px;background:#f8fafc;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);max-height:300px;overflow-y:auto;padding:12px}.food-selection-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px;transition:all .2s}.food-selection-item:hover{border-color:#cbd5e1}.food-selection-item.selected{background:#f0f3ff;border-color:#667eea}.food-selection-item input[type=checkbox]{cursor:pointer}.large-modal{max-width:600px}.import-help{background:#f8fafc;border-radius:6px;color:#64748b;font-size:12px;line-height:1.6;margin-bottom:12px;padding:12px}.large-textarea{min-height:200px}.recommended-plans-section{margin:24px 0}.section-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:20px;margin-top:-8px}.recommended-plans-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:32px}.recommended-plan-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.recommended-plan-name{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.recommended-plan-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.recommended-plan-foods{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.food-chip{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);display:inline-block;font-size:13px;padding:6px 12px}.recommended-plan-meta{color:var(--text-tertiary);font-size:13px;margin-bottom:16px}.empty-state-hint{color:var(--text-secondary);font-size:14px;margin-top:8px}.safety-level-badge{border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px}.safety-level-badge.safest{background:#10b98133;color:#10b981}.safety-level-badge.moderate{background:#f59e0b33;color:#f59e0b}.safety-level-badge.caution{background:#ef444433;color:#ef4444}.modal-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:20px;margin-top:-8px}.file-upload-area{margin-top:8px}.file-input{display:none}.file-upload-label{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px 20px;transition:all .2s}.file-upload-label:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.file-upload-label svg{color:var(--text-tertiary)}.file-name{color:var(--text-primary);font-weight:600}.file-types{color:var(--text-tertiary);font-size:12px}@media (max-width:480px){.action-buttons,.food-selection-grid{grid-template-columns:1fr}}.history{padding-bottom:100px}.view-toggle{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.toggle-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.toggle-btn:hover{border-color:#404040}.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.calendar-card{padding:16px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-title{color:var(--text-primary);font-size:18px;font-weight:700}.nav-arrow{background:#0000;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:24px;padding:8px 16px;transition:background .2s}.nav-arrow:hover{background:var(--bg-tertiary)}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-header{color:var(--text-secondary);font-size:12px;font-weight:600;padding:8px 4px;text-align:center}.calendar-day{align-items:center;aspect-ratio:1;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:4px;position:relative;transition:all .2s}.calendar-day.empty{cursor:default}.calendar-day:not(.empty):hover{background:var(--bg-tertiary)}.calendar-day.today{background:#f59e0b33;color:var(--text-primary)}.calendar-day.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.calendar-day.has-logs{font-weight:600}.day-number{font-size:14px}.log-indicator{background:#667eea;border-radius:50%;bottom:6px;height:6px;position:absolute;width:6px}.calendar-day.selected .log-indicator{background:#fff}.day-logs-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.log-item{background:var(--bg-tertiary);border-left:3px solid var(--border-color);border-radius:8px;padding:12px}.log-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.log-food{color:var(--text-primary);font-size:16px;font-weight:600}.log-details,.log-time{color:var(--text-secondary);font-size:13px}.log-details{display:flex;gap:16px;margin-bottom:8px}.log-amount{font-weight:500}.log-meal{text-transform:capitalize}.log-reaction{align-items:flex-start;border-radius:6px;display:flex;font-size:12px;gap:6px;margin-top:8px;padding:8px}.log-notes{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;font-style:italic;margin-top:8px;padding-top:8px}.filter-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:0}.filter-group{display:flex;flex-direction:column;gap:8px}.export-section{border-top:1px solid var(--border-color);display:flex;gap:12px;padding-top:16px}.export-section .btn{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}@media (max-width:768px){.filter-section{grid-template-columns:1fr}.export-section{flex-direction:column}}.logs-list{display:flex;flex-direction:column;gap:12px}.log-card{padding:16px}.log-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.log-card-food{color:var(--text-primary);font-size:18px;font-weight:700}.log-card-date{color:var(--text-secondary);font-size:13px}.log-card-details{color:var(--text-secondary);display:flex;font-size:14px;gap:16px;margin-bottom:8px}.log-card-reaction{align-items:flex-start;border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:12px}.reaction-severity{font-weight:700;margin-bottom:4px;text-transform:capitalize}.reaction-symptoms{font-size:13px;margin-bottom:4px}.reaction-time{font-size:12px;opacity:.8}.log-card-notes{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;margin-top:12px;padding-top:12px}@media (max-width:480px){.calendar-day-header{font-size:10px;padding:6px 2px}.day-number{font-size:12px}.calendar-day{min-height:40px}}.reminders{padding-bottom:100px}.info-card{align-items:flex-start;background:linear-gradient(135deg,#f0f3ff,#f8f9ff);display:flex;gap:16px}.info-text h3{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:6px}.info-text p{color:#64748b;font-size:14px;line-height:1.5}.reminders-list{display:flex;flex-direction:column;gap:12px}.reminder-card{position:relative;transition:opacity .2s}.reminder-card.disabled{opacity:.5}.reminder-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.reminder-title-row{align-items:center;display:flex;flex:1 1;gap:12px}.reminder-title{color:#1e293b;font-size:18px;font-weight:600}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#667eea}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.reminder-time{align-items:center;color:#667eea;font-size:20px;font-weight:700;gap:8px}.reminder-days,.reminder-time{display:flex;margin-bottom:12px}.reminder-days{flex-wrap:wrap;gap:6px}.day-badge{background:#f1f5f9;border-radius:12px;color:#94a3b8;font-size:12px;font-weight:600;padding:4px 10px}.day-badge.active{background:#dbeafe;color:#1e40af}.reminder-message{background:#f8fafc;border-radius:6px;color:#64748b;font-size:14px;font-style:italic;padding:10px}.days-selector{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.day-btn{background:#f1f5f9;border:2px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:10px 8px;transition:all .2s}.day-btn:hover{background:#e2e8f0}.day-btn.active{background:#dbeafe;border-color:#3b82f6;color:#1e40af}@media (max-width:480px){.days-selector{grid-template-columns:repeat(4,1fr)}.reminder-title-row{align-items:flex-start;flex-direction:column;gap:8px}}.settings{padding-bottom:100px}.security-info{background:#f0f3ff;border-radius:8px;color:#475569;font-size:14px;margin-bottom:24px;padding:16px}.password-form{margin-top:24px}.section-title{align-items:center;border-bottom:2px solid #f1f5f9;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:20px;padding-bottom:12px}.message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px;text-align:center}.message.success{background:#dcfce7;color:#166534}.message.error{background:#fee2e2;color:#991b1b}.form-hint{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.session-info{color:#64748b;font-size:14px;margin-bottom:16px}.info-card{background:#f8fafc;border-left:4px solid #667eea}.info-card h3{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:12px}.info-list{list-style:none;margin:0;padding:0}.info-list li{align-items:flex-start;color:#475569;display:flex;font-size:14px;padding:8px 0}.info-list li:before{color:#667eea;content:"✓";flex-shrink:0;font-weight:700;margin-right:12px}.analytics{padding-bottom:100px}.time-selector{align-items:center;display:flex;gap:12px;margin-bottom:24px}.time-selector label{color:var(--text-primary);font-weight:600}.time-selector .form-select{max-width:200px}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.analytics-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.analytics-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.analytics-card-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.analytics-card-icon.signups{background:#3b82f633;color:#3b82f6}.analytics-card-icon.logins{background:#10b98133;color:#10b981}.analytics-card-icon.users{background:#f59e0b33;color:#f59e0b}.analytics-card-icon.views{background:#8b5cf633;color:#8b5cf6}.analytics-card-icon.logs{background:#ec489933;color:#ec4899}.analytics-card-icon.plans{background:#06b6d433;color:#06b6d4}.analytics-card-content{flex:1 1}.analytics-card-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.analytics-card-label{color:var(--text-secondary);font-size:14px;margin:0}.chart-container{margin-top:20px}.bar-chart{align-items:flex-end;display:flex;gap:12px;height:200px;justify-content:space-around;padding:0 20px}.bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar-container{align-items:flex-end;display:flex;height:160px;justify-content:center;width:100%}.bar{background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:6px 6px 0 0;max-width:60px;min-height:4px;position:relative;transition:all .3s;width:100%}.bar:hover{opacity:.8}.bar-value{left:50%;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap}.bar-label,.bar-value{color:var(--text-primary);font-size:12px;font-weight:600}.bar-sublabel{color:var(--text-tertiary);font-size:11px}.popular-pages-list{display:flex;flex-direction:column;gap:12px}.popular-page-item{background:var(--bg-tertiary);border-radius:8px;gap:12px;padding:12px}.page-rank,.popular-page-item{align-items:center;display:flex}.page-rank{background:var(--accent-primary);border-radius:6px;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.page-path{color:var(--text-primary);flex:1 1;font-family:monospace;font-size:14px}.page-count{color:var(--text-secondary);font-size:13px;font-weight:600}.error-card{border-left:4px solid var(--danger)}.errors-list{display:flex;flex-direction:column;gap:12px}.error-item{background:var(--bg-tertiary);border-left:3px solid var(--danger);border-radius:8px;padding:12px}.error-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.error-endpoint{color:var(--text-primary);font-family:monospace;font-size:13px;font-weight:600}.error-time{color:var(--text-tertiary);font-size:12px}.error-message{color:var(--text-secondary);font-family:monospace;font-size:13px;word-break:break-word}.loading{color:var(--text-secondary);font-size:16px}.error-message,.loading{padding:60px 20px;text-align:center}.error-message{align-items:center;color:var(--danger);display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.analytics-grid{grid-template-columns:1fr}.bar-chart{gap:8px;padding:0 10px}.bar-sublabel{font-size:10px}}:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--border-color:#2a2a2a;--text-primary:#fff;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--accent-primary:#3b82f6;--accent-hover:#2563eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary);min-height:100vh;padding-bottom:80px}.app-container{max-width:100%;min-height:100vh}.page{margin:0 auto;max-width:900px;padding:24px 24px 100px}.page-header{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:16px}.page-title{color:#fff;color:var(--text-primary);font-size:32px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.page-subtitle{color:#d1d5db;color:var(--text-secondary);font-size:15px;font-weight:400}.card{background:#141414;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:24px;transition:border-color .2s}.card:hover{border-color:#333}.card-header{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;gap:8px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;letter-spacing:-.01em;padding:12px 20px;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#3b82f6;background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;background:var(--accent-hover)}.btn-secondary{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--border-color);color:#fff;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#202020;border-color:#404040}.btn-success{background:#10b981;background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-full{width:100%}.form-group{margin-bottom:20px}.form-label{align-items:center;color:#d1d5db;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);font-size:15px;padding:12px 14px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#141414;background:var(--bg-secondary);border-color:#3b82f6;border-color:var(--accent-primary);outline:none}.form-input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.form-textarea{font-family:inherit;min-height:100px;resize:vertical}.form-select{cursor:pointer}.badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.badge-success{background:#10b98126;color:#10b981}.badge-warning{background:#f59e0b26;color:#f59e0b}.badge-danger{background:#ef444426;color:#ef4444}.badge-info{background:#3b82f626;color:#3b82f6}.empty-state{color:#9ca3af;color:var(--text-tertiary);padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty-state-text{color:#d1d5db;color:var(--text-secondary);font-size:15px;margin-bottom:8px}.spinner{animation:spin .8s linear infinite;border:2px solid #1a1a1a;border-top:2px solid #3b82f6;border:2px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin:40px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.page{padding:16px}.page-title{font-size:28px}.card{padding:20px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a0a0a;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1a1a1a;background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}
/*# sourceMappingURL=main.f98b64fd.css.map*/