@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap";:root{--orange-primary: #ff6b47;--orange-light: #ff8a6b;--orange-dark: #e55a41;--purple-primary: #8b5cf6;--purple-light: #a78bfa;--purple-dark: #7c3aed;--yellow-accent: #ffd700;--yellow-light: #fff176;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--pink-bg: #fdf2f8;--white: #ffffff;--black: #1f2937;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-800: #1f2937;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem}[data-theme=dark]{--pink-bg: #111827;--white: #1f2937;--black: #f9fafb;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-600: #d1d5db;--gray-800: #f9fafb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .2);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .2)}[data-theme=dark] .card,[data-theme=dark] .modal-content{border:1px solid var(--gray-200)}[data-theme=dark] .modal-header{border-bottom:1px solid var(--gray-200)}[data-theme=dark] .form-input{background:var(--gray-100);border-color:var(--gray-200);color:var(--black)}[data-theme=dark] .form-input:focus{background:var(--white);border-color:var(--orange-primary)}[data-theme=dark] .form-input::placeholder{color:var(--gray-300)}[data-theme=dark] .theme-toggle{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .theme-toggle:hover{background:var(--white)}[data-theme=dark] .form-label{color:var(--black)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--pink-bg);background-image:linear-gradient(var(--orange-primary) 1px,transparent 1px),linear-gradient(90deg,var(--orange-primary) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,0 0;color:var(--black);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1{font-size:2.5rem;font-weight:800;color:var(--black);margin-bottom:var(--space-2);line-height:1.2}h2{font-size:2rem;font-weight:700;color:var(--black);margin-bottom:var(--space-4);line-height:1.3}h3{font-size:1.5rem;font-weight:600;color:var(--black);margin-bottom:var(--space-3);line-height:1.4}h4{font-size:1.25rem;font-weight:600;color:var(--orange-primary);margin-bottom:var(--space-3);line-height:1.4}p{color:var(--gray-600);margin-bottom:var(--space-4)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-orange{background:linear-gradient(135deg,var(--orange-primary),var(--orange-light));color:var(--white)}.card-purple{background:linear-gradient(135deg,var(--purple-primary),var(--purple-light));color:var(--white)}.card-yellow{background:linear-gradient(135deg,var(--yellow-accent),var(--yellow-light));color:var(--black)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--orange-primary);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--orange-dark);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--purple-primary);color:var(--white);box-shadow:var(--shadow-md)}.btn-secondary:hover{background:var(--purple-dark);box-shadow:var(--shadow-lg)}.btn-accent{background:var(--yellow-accent);color:var(--black);box-shadow:var(--shadow-md)}.btn-accent:hover{background:var(--yellow-light);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--orange-primary);border:2px solid var(--orange-primary)}.btn-outline:hover{background:var(--orange-primary);color:var(--white)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-weight:600;color:var(--gray-800);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;transition:all .2s ease;background:var(--white)}.form-input:focus{outline:none;border-color:var(--orange-primary);box-shadow:0 0 0 3px #ff6b471a}.form-input.error{border-color:var(--error)}.form-error{color:var(--error);font-size:.875rem;margin-top:var(--space-1)}.nav{background:var(--white);padding:var(--space-4) 0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:800;color:var(--orange-primary);text-decoration:none}.nav-links{display:flex;list-style:none}.nav-link{color:var(--gray-600);text-decoration:none;font-weight:500;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--orange-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.app{min-height:100vh;padding-bottom:var(--space-16)}.main-content{padding:var(--space-8) 0}.footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--orange-primary),var(--orange-light));color:var(--white);padding:var(--space-4);text-align:center;font-weight:600;box-shadow:var(--shadow-lg)}.food-item{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative}.food-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.food-item-date{background:var(--purple-primary);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;margin-bottom:var(--space-4);display:inline-block}.food-entry{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.food-entry:last-child{margin-bottom:0}.delete-icon{cursor:pointer;transition:transform .2s ease}.delete-icon:hover{transform:scale(1.1)}.mobile-nav-toggle{display:none;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--gray-800);padding-right:var(--space-6)}.nav-user-section{display:flex;align-items:center;gap:var(--space-4)}.nav-links.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--white);box-shadow:var(--shadow-lg);padding:var(--space-4);border-radius:0 0 var(--radius-lg) var(--radius-lg);z-index:100;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-link{background:none;border:none;cursor:pointer;text-decoration:none;color:inherit;width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-sm);transition:all .2s ease;font-weight:500}.nav-link:hover{background:var(--gray-100);transform:translate(4px)}.logout-link{color:var(--error);border-top:1px solid var(--gray-200);margin-top:var(--space-2);padding-top:var(--space-3)}.logout-link:hover{background:var(--error);color:#fff}.nav-logo{font-weight:700;font-size:1.25rem;color:var(--orange-primary)}.nav-brand{display:flex;align-items:center}.nav-desktop-user{display:flex;align-items:center;gap:var(--space-3)}.nav-user-greeting-desktop{font-size:.875rem;color:var(--gray-800)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-600);padding:var(--space-2);border-radius:var(--radius-sm);transition:all .2s ease}.modal-close:hover{background:var(--gray-100);color:var(--gray-800)}.btn,.nav-link,.delete-icon{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.food-entry{padding:var(--space-4);gap:var(--space-3)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.form-actions .btn{flex:1}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.theme-toggle:hover{background:var(--card-hover-bg);transform:scale(1.05)}.theme-icon{font-size:1.2rem;display:block;transition:transform .2s ease}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}@supports (padding: max(0px)){.nav{padding-top:max(var(--space-4),env(safe-area-inset-top))}.footer{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}}@media (max-width: 1024px) and (min-width: 769px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:0 var(--space-3)}h1{font-size:2rem}h2{font-size:1.5rem}.mobile-nav-toggle{display:block}.nav-links{display:none}.nav-content{position:relative}.nav-user-section,.nav-user-section.mobile-open{display:none}.nav-desktop-user{display:flex;align-items:center;gap:var(--space-2)}.nav-user-greeting-desktop{font-size:.75rem}.modal-overlay{padding:var(--space-2)}.modal-content{max-height:95vh}.food-entry{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.food-entry-info{width:100%}.food-entry-actions{width:100%;display:flex;justify-content:flex-end}.progress-bar{height:12px}.progress-bar-label{font-size:.9rem}.form-actions{flex-direction:column;gap:var(--space-3)}.form-actions .btn{width:100%}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.nav-link{padding:var(--space-4);font-size:1.1rem}.card{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-4)!important}.mb-4{margin-bottom:var(--space-3)!important}}@media (max-width: 480px){.container{padding:0 var(--space-2)}h1{font-size:1.75rem}.modal-overlay{padding:var(--space-1)}.card{padding:var(--space-3)}}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top:3px solid var(--orange-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-food-form{max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.custom-food-form-content{display:flex;flex-direction:column;gap:var(--space-6)}.form-section{background:var(--gray-100);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.form-section h3{margin:0 0 var(--space-4) 0;color:var(--orange-primary);font-size:1.1rem;font-weight:600}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:500;color:var(--gray-800);font-size:.9rem}.form-group input,.form-group textarea{padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;background:var(--white)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--orange-primary);box-shadow:0 0 0 3px #ff6b471a}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.checkbox-group{flex-direction:row;align-items:center;gap:var(--space-3)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;margin:0}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--orange-primary);cursor:pointer}.checkmark{font-size:.95rem;color:var(--gray-700)}.error-message{background:#fef2f2;color:var(--error);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid #fecaca;font-size:.9rem;margin-bottom:var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.custom-food-item{border-left:4px solid var(--purple-primary);background:linear-gradient(135deg,var(--purple-primary) 08,var(--purple-light) 05);background-color:var(--white)}.custom-food-item .food-name:after{content:" (Egen)";font-size:.8rem;color:var(--purple-primary);font-weight:500}.food-type-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:500;margin-left:var(--space-2)}.food-type-badge.custom{background:var(--purple-light);color:var(--purple-dark)}.food-type-badge.matvaretabellen{background:var(--orange-light);color:var(--orange-dark)}.add-custom-food-btn{background:linear-gradient(135deg,var(--purple-primary),var(--purple-light));color:var(--white);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .3s ease;margin:var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2);justify-content:center}.add-custom-food-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.add-custom-food-btn:active{transform:translateY(0)}@media (max-width: 768px){.custom-food-form{width:95vw;max-height:90vh}.nutrition-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.date-navigator{margin:var(--space-6) 0}.date-scroll-container{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) 0;scroll-behavior:smooth}.date-scroll-container::-webkit-scrollbar{height:4px}.date-scroll-container::-webkit-scrollbar-track{background:var(--gray-200);border-radius:2px}.date-scroll-container::-webkit-scrollbar-thumb{background:var(--orange-primary);border-radius:2px}.date-item{flex-shrink:0;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:70px;height:80px;justify-content:center;box-shadow:var(--shadow-sm)}.date-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--orange-primary)}.date-item.selected{background:var(--orange-primary);border-color:var(--orange-primary);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.date-item.today{border-color:var(--purple-primary);background:var(--purple-primary);color:var(--white)}.date-item.today.selected{background:var(--orange-primary);border-color:var(--orange-primary)}.date-day{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.date-number{font-size:1.1rem;font-weight:700;line-height:1}.date-month{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.7}@media (max-width: 768px){.date-navigator{margin:var(--space-4) 0}.date-item{min-width:65px;height:75px;padding:var(--space-2) var(--space-3)}.date-day{font-size:.65rem}.date-number{font-size:1rem}.date-month{font-size:.55rem}}