@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #F7F4EE;--warm: #EDE8DF;--stone: #C8BFB0;--clay: #8C7B6B;--earth: #4A3F35;--ink: #1E1812;--sage: #4D6B52;--sage-lt: #E8F0E9;--rust: #B84A2A;--rust-lt: #F5E8E4;--amber: #C9893A;--amber-lt:#F9F0E3;--sidebar-w: 220px;--radius: 10px;--font-body: "DM Sans", sans-serif;--font-head: "DM Serif Display", serif}html{font-size:16px}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;padding:2rem 0 1.5rem;position:sticky;top:0;height:100vh}.sidebar-logo{font-family:var(--font-head);font-size:1.4rem;color:var(--cream);padding:0 1.5rem 2rem;letter-spacing:-.02em;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.sidebar-logo span{color:var(--amber)}.nav-section{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);padding:.75rem 1.5rem .25rem}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.5rem;font-size:.9rem;font-weight:400;color:#f7f4eea6;cursor:pointer;border:none;background:none;width:100%;text-align:left;border-radius:0;transition:color .15s,background .15s;text-decoration:none}.nav-link svg{opacity:.6;flex-shrink:0}.nav-link:hover{color:var(--cream);background:#ffffff0f}.nav-link.active{color:var(--cream);background:#ffffff1a;font-weight:500}.nav-link.active svg{opacity:1}.main{flex:1;overflow:hidden;display:flex;flex-direction:column}.page-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem 1.25rem;border-bottom:1px solid var(--warm);gap:1rem;flex-wrap:wrap}.page-title{font-family:var(--font-head);font-size:1.75rem;color:var(--ink);letter-spacing:-.02em}.page-body{padding:2rem 2.5rem;flex:1}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;border-radius:var(--radius);border:1.5px solid var(--stone);background:transparent;color:var(--earth);cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{border-color:var(--clay);background:var(--warm);color:var(--ink)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ink);color:var(--cream);border-color:var(--ink)}.btn-primary:hover{background:var(--earth);border-color:var(--earth);color:var(--cream)}.btn-danger{background:transparent;color:var(--rust);border-color:transparent;padding:.3rem .5rem;font-size:.8rem}.btn-danger:hover{background:var(--rust-lt);border-color:transparent;color:var(--rust)}.btn-icon{padding:.4rem;border-radius:6px;line-height:0}.week-nav{display:flex;align-items:center;gap:.5rem}.week-nav-label{font-size:.85rem;color:var(--clay);min-width:140px;text-align:center}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem}.day-card{background:#fff;border:1.5px solid var(--warm);border-radius:var(--radius);padding:.875rem;min-height:140px;display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s}.day-card:hover{border-color:var(--stone)}.day-card.today{border-color:var(--sage);background:var(--sage-lt)}.day-label{font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--clay)}.day-card.today .day-label{color:var(--sage)}.day-date{font-size:1rem;font-family:var(--font-head);color:var(--ink);line-height:1}.meal-chip{display:flex;align-items:flex-start;justify-content:space-between;gap:.25rem;background:var(--cream);border:1px solid var(--warm);border-radius:6px;padding:.4rem .5rem;font-size:.8rem;line-height:1.3;color:var(--earth)}.day-card.today .meal-chip{background:#fff}.meal-chip-name{flex:1}.meal-chip-note{font-size:.72rem;color:var(--clay);margin-top:1px}.add-meal-btn{margin-top:auto;border:1.5px dashed var(--stone);border-radius:6px;padding:.35rem;background:none;color:var(--stone);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.add-meal-btn:hover{border-color:var(--clay);color:var(--clay);background:var(--warm)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e181273;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:#fff;border-radius:14px;padding:1.75rem;width:100%;max-width:400px;box-shadow:0 20px 60px #1e181233}.modal-title{font-family:var(--font-head);font-size:1.3rem;margin-bottom:1.25rem;color:var(--ink)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--clay);margin-bottom:.35rem;letter-spacing:.02em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .75rem;font-family:var(--font-body);font-size:.9rem;border:1.5px solid var(--warm);border-radius:8px;background:var(--cream);color:var(--ink);outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--clay);background:#fff}.form-group textarea{resize:vertical;min-height:70px}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;gap:.75rem;color:var(--clay)}.coming-soon svg{opacity:.35}.coming-soon p{font-size:.9rem}.coming-soon .pill{font-size:.75rem;background:var(--warm);border:1px solid var(--stone);border-radius:99px;padding:.2rem .75rem;color:var(--clay)}.status-bar{font-size:.82rem;padding:.5rem 1rem;border-radius:8px;margin-bottom:1rem}.status-bar.error{background:var(--rust-lt);color:var(--rust)}.status-bar.loading{background:var(--amber-lt);color:var(--amber)}@media (max-width: 768px){.sidebar{display:none}.week-grid{grid-template-columns:repeat(2,1fr)}.page-header{padding:1.25rem}.page-body{padding:1rem 1.25rem}.page-title{font-size:1.4rem}}