:root{--cream:#fbf3e7;--charcoal:#2b211b;--terracotta:#c1440e;--terracotta-dark:#9c3609;--golden:#e8a23d;--green:#3d5c3a;--border:#e6d7c3;--card:#fff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}.page{flex-direction:column;gap:24px;max-width:560px;min-height:100vh;margin:0 auto;padding:24px 16px 48px;display:flex}.header{text-align:center}.header h1{color:var(--terracotta-dark);margin:0 0 4px;font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:700}.header .date{color:var(--green);text-transform:capitalize;margin:0;font-weight:500}.deadlines{flex-direction:column;align-items:center;gap:10px;display:flex}.deadline-list{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.deadline-chip{border:1px solid var(--border);background:var(--card);font-variant-numeric:tabular-nums;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;display:flex}.deadline-chip.today{border-color:var(--terracotta);background:var(--terracotta)}.deadline-day{color:var(--green);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.deadline-chip.today .deadline-day{color:#fff;opacity:.85}.deadline-time{color:var(--charcoal);font-size:.85rem}.deadline-chip.today .deadline-time{color:#fff;font-weight:600}.deadline-note{color:var(--green);text-align:center;margin:0;font-size:.85rem}.deadline-note.past{color:var(--terracotta-dark);font-weight:600}.chart{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.chart-title{color:var(--green);margin:0;font-size:.95rem;font-weight:600}.chart-bars{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.chart-row{grid-template-columns:96px 1fr 22px;align-items:center;gap:10px;display:grid}.chart-label{color:var(--charcoal);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.chart-track{background:var(--cream);border-radius:5px;height:10px;overflow:hidden}.chart-fill{border-radius:5px;min-width:4px;height:100%;transition:width .3s}.chart-count{font-variant-numeric:tabular-nums;color:var(--green);text-align:right;font-size:.8rem;font-weight:600}.list{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:8px 16px}.list ul{margin:0;padding:0;list-style:none}.order-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.order-row:last-of-type{border-bottom:none}.order-info{flex-direction:column;gap:2px;min-width:0;display:flex}.order-name-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.order-name{color:var(--terracotta-dark);font-weight:600}.order-restaurant{color:var(--badge-color,var(--green));text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.order-text{color:var(--charcoal);opacity:.85;overflow-wrap:anywhere}.delete-btn{border:1px solid var(--border);background:var(--cream);width:32px;height:32px;color:var(--terracotta-dark);cursor:pointer;border-radius:50%;flex:none;font-size:14px}.delete-btn:hover{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}.empty{text-align:center;color:var(--green);opacity:.8;padding:24px 8px}.count{text-align:right;color:var(--green);opacity:.75;margin:8px 0 4px;font-size:.85rem}.form{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;padding:20px 16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--green);font-size:.85rem;font-weight:600}.field input,.field select{font:inherit;border:1px solid var(--border);background:var(--cream);color:var(--charcoal);border-radius:10px;padding:10px 12px}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--green) 50%), linear-gradient(135deg, var(--green) 50%, transparent 50%);background-position:right 16px center,right 11px center;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:32px}.field input:focus,.field select:focus{outline:2px solid var(--golden);outline-offset:1px}.error{color:var(--terracotta-dark);margin:0;font-size:.9rem}.submit-btn{font:inherit;background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-weight:600}.submit-btn:hover{background:var(--terracotta-dark)}.submit-btn:disabled{opacity:.6;cursor:default}.logout-btn{font:inherit;border:1px solid var(--border);color:var(--green);cursor:pointer;background:0 0;border-radius:8px;align-self:center;padding:6px 14px;font-size:.85rem}.logout-btn:hover{background:var(--card)}.footer-link{text-align:center;margin:0}.footer-link a{color:var(--green);opacity:.55;font-size:.8rem;text-decoration:none}.footer-link a:hover{opacity:.9;text-decoration:underline}