:root{color:#161718;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%;background:#f5f6f8}body{min-height:100%;margin:0;background:linear-gradient(180deg,#fffaf4 0,#f5f6f8 34rem),#f5f6f8}button,input{font:inherit}button{border:0;cursor:pointer}button:focus{outline:none}button:focus-visible,input:focus-visible{outline:3px solid rgba(15,159,143,.32);outline-offset:3px}#root{min-height:100vh}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 108px)}.hero-panel{position:sticky;top:0;z-index:2;margin:-16px -16px 18px;padding:calc(env(safe-area-inset-top) + 20px) 16px 18px;color:#fff;background:linear-gradient(135deg,#0000000f,#fff0),#191a1d;border-bottom-left-radius:28px;border-bottom-right-radius:28px;box-shadow:0 18px 40px #1214182e}.hero-top,.section-heading,.sheet-heading,.order-actions,.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{margin:0 0 4px;color:#ffffffa3;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:2rem;line-height:1.08}.hero-copy{margin-top:8px;color:#ffffffa8;font-size:.92rem}h2{font-size:1.05rem}.icon-button{width:44px;height:44px;border-radius:50%;color:#191a1d;background:#fff;font-size:1.8rem;line-height:1;box-shadow:0 12px 24px #0000002e}.section-heading span,.order-time,.empty-state span{color:#7a7f87;font-size:.82rem}.content-section{display:grid;gap:12px}.sync-card{display:grid;gap:14px;padding:16px;border:1px solid rgba(28,31,36,.08);border-radius:18px;background:#fff;box-shadow:0 12px 28px #17191e14}.sync-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sync-heading h2{font-size:1rem}.sync-heading p{margin-top:4px;color:#7a7f87;font-size:.84rem}.sync-pill{max-width:9rem;padding:6px 10px;border-radius:999px;background:#f1f3f6;color:#6f747c;font-size:.75rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-pill.syncing{color:#0f766e;background:#e0f7f4}.sync-pill.synced{color:#06733d;background:#dcfce7}.sync-pill.error{color:#bd1f2d;background:#fff0f1}.sync-form{display:flex;gap:8px}.sync-form input{min-width:0;flex:1;min-height:44px;padding:0 12px;border:1px solid #d9dde4;border-radius:14px;outline:none;background:#f8f9fb}.sync-form input:focus{border-color:#0f9f8f;background:#fff;box-shadow:0 0 0 4px #0f9f8f1f}.sync-form button{min-height:44px;padding:0 14px;border-radius:14px;color:#fff;background:#191a1d;font-weight:800}.sync-form .sync-disconnect{color:#6f747c;background:#f1f3f6}.section-heading{padding:0 2px}.order-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.order-card{overflow:hidden;border:1px solid rgba(28,31,36,.08);border-radius:18px;background:#fff;box-shadow:0 12px 28px #17191e14}.order-card.settled{background:#fbfffd;border-color:#16a34a38}.order-main{display:grid;width:100%;gap:6px;padding:16px;color:inherit;background:transparent;text-align:left}.order-title{overflow-wrap:anywhere;font-size:1rem;font-weight:750}.order-main strong{color:#151617;font-size:1.35rem}.order-actions{padding:0 12px 12px}.settle-button,.delete-button{min-height:40px;padding:0 14px;border-radius:999px;font-weight:700}.settle-button{flex:1;color:#8a4a07;background:#fff1d8}.settle-button.active{color:#066534;background:#dcfce7}.delete-button{color:#bd1f2d;background:#fff0f1}.empty-state{display:grid;gap:8px;min-height:220px;padding:36px 20px;place-content:center;border:1px dashed rgba(28,31,36,.16);border-radius:22px;background:#ffffffb8;text-align:center}.empty-state p{font-size:1.1rem;font-weight:750}.floating-add{position:fixed;right:max(18px,calc((100vw - 520px)/2 + 18px));bottom:calc(env(safe-area-inset-bottom) + 22px);z-index:3;min-height:54px;padding:0 22px;border-radius:999px;color:#fff;background:#0f9f8f;font-weight:800;box-shadow:0 16px 34px #0f9f8f52}.sheet-backdrop{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:16px 12px 0;background:#00000052}.bottom-sheet{width:min(100%,520px);max-height:min(88vh,720px);overflow:auto;padding:10px 18px calc(env(safe-area-inset-bottom) + 18px);border-top-left-radius:28px;border-top-right-radius:28px;background:#fff;box-shadow:0 -18px 44px #0000002e}.sheet-handle{width:46px;height:5px;margin:0 auto 16px;border-radius:999px;background:#d5d8de}.sheet-heading button{padding:8px 0 8px 12px;color:#6f747c;background:transparent;font-weight:700}.order-form{display:grid;gap:14px;margin-top:18px}.order-form label{display:grid;gap:8px}.order-form label span,.switch-row span{color:#4e535a;font-size:.88rem;font-weight:750}.order-form input{width:100%;min-height:50px;padding:0 14px;border:1px solid #d9dde4;border-radius:14px;outline:none;background:#f8f9fb}.order-form input:focus{border-color:#0f9f8f;background:#fff;box-shadow:0 0 0 4px #0f9f8f1f}.switch-row{grid-template-columns:1fr auto;min-height:54px;padding:0 2px}.switch-row input{width:54px;height:32px;min-height:0;accent-color:#0f9f8f}.form-error{padding:10px 12px;border-radius:12px;color:#bd1f2d;background:#fff0f1;font-size:.9rem;font-weight:700}.primary-action{min-height:54px;border-radius:16px;color:#fff;background:#191a1d;font-weight:850}.confirm-card{width:min(100%,420px);margin-bottom:calc(env(safe-area-inset-bottom) + 18px);padding:22px;border-radius:24px;background:#fff;box-shadow:0 18px 44px #0003}.confirm-card p{margin-top:8px;color:#6f747c;overflow-wrap:anywhere}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.confirm-actions button{min-height:48px;border-radius:14px;background:#f1f3f6;color:#34373d;font-weight:800}.confirm-actions .danger-action{color:#fff;background:#bd1f2d}@media(max-width:360px){.hero-panel{position:relative}}