:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}body{margin:0;font-family:Arial,sans-serif;background:#f6f7fb;color:#1f2937;overflow-x:hidden}*{box-sizing:border-box}.app-shell,.page-header,.page-tabs,.error-banner,.page-content,.card,.table-wrap{min-width:0}.page-header,.page-tabs,.error-banner,.page-content{width:100%;max-width:1100px;margin:0 auto;display:grid;gap:1rem}.page-content{display:grid;gap:1.5rem;align-items:start}.page-header h1{margin:0 0 .25rem}.page-header p{margin:0;color:#6b7280}.page-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.page-tab{border:none;background:#e5e7eb;color:#1f2937;padding:.8rem 1.1rem;border-radius:10px;cursor:pointer;font:inherit;font-weight:700;transition:opacity .2s ease,transform .2s ease}.page-tab:hover{opacity:.92}.page-tab.active{background:#2563eb;color:#fff}.card{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 8px 24px #00000014;width:100%}.form-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.form-header h2{margin:0 0 .25rem}.form-note{margin:0;color:#92400e;font-size:.95rem}.setup-callout{display:grid;gap:.5rem;margin-bottom:1rem;padding:.9rem 1rem;border:1px solid #fde68a;border-radius:12px;background:#fffbeb}.setup-callout strong{color:#92400e}.setup-callout p{margin:0;color:#78350f}.setup-callout-button{width:fit-content}.order-form{display:grid;gap:.75rem}.order-form input,.order-form textarea,.order-form select,.flavor-add-row input{width:100%;padding:.8rem;border-radius:10px;border:1px solid #d1d5db;font:inherit;background:#fff;color:#111827;-webkit-text-fill-color:#111827;opacity:1}.order-form button,.section-header button,.secondary-button,.danger-button,.table-action-button,.flavor-add-row button{color:#fff;border:none;cursor:pointer;padding:.8rem;border-radius:10px;font:inherit;transition:opacity .2s ease}.order-form button:disabled,.section-header button:disabled,.table-action-button:disabled,.danger-button:disabled,.flavor-add-row button:disabled{opacity:.6;cursor:not-allowed}.order-form>button,.section-header>button{background:#1f2937}.secondary-button{background:#2563eb}.cancel-edit-button{white-space:nowrap}.item-row .danger-button{background:#f08080;width:100%;justify-self:stretch}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-header h2{margin:0}.section-subtext{margin:.3rem 0 0;color:#6b7280;font-size:.95rem}.field-group{display:grid;gap:.35rem}.field-group label{font-size:.9rem;font-weight:600;color:#374151}.items-block{display:grid;gap:.75rem;grid-column:span 2}.items-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.items-header h3{margin:0}.item-row{display:grid;grid-template-columns:2fr 1fr auto;gap:.75rem;align-items:center}.flavor-manager{display:grid;gap:1rem}.flavor-add-row{display:grid;grid-template-columns:1fr auto;gap:.75rem}.flavor-list{display:grid;gap:.5rem}.flavor-chip-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}.flavor-delete-button{width:auto;justify-self:auto;background:#dc2626}.table-wrap{width:100%;overflow-x:auto}.table-wrap table{min-width:100%}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{text-align:left;padding:.75rem;border-bottom:1px solid #e5e7eb;vertical-align:top}th{background:#f9fafb;white-space:nowrap}.error-banner{background:#fee2e2;color:#991b1b;padding:.85rem 1rem;border-radius:12px}.empty-state{padding:1rem;border:1px dashed #d1d5db;border-radius:12px;background:#f9fafb;color:#4b5563}.pie-list{display:grid;gap:.25rem;min-width:140px}.status-badge{display:inline-block;padding:.35rem .65rem;border-radius:999px;font-size:.85rem;font-weight:700;white-space:nowrap}.status-open{background:#dbeafe;color:#1d4ed8}.status-packaged{background:#fef3c7;color:#92400e}.status-sold{background:#dcfce7;color:#166534}.status-unknown{background:#e5e7eb;color:#374151}.action-stack{display:grid;gap:.45rem;min-width:0}.table-action-button{width:100%;padding:.55rem .65rem;white-space:nowrap;text-align:center}.edit-action{background:#2563eb}.packaged-action{background:#d97706}.sold-action{background:#059669}.delete-action{background:#dc2626}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}.report-stat-card{display:grid;gap:.5rem;padding:1rem;border-radius:14px;background:#f9fafb;border:1px solid #e5e7eb}.report-stat-card strong{font-size:1.8rem;line-height:1}.report-stat-label{color:#6b7280;font-size:.9rem;font-weight:700}.report-section{margin-top:1.5rem;display:grid;gap:.75rem}.report-section h3{margin:0}.report-breakdown-list{display:grid;gap:.5rem}.report-breakdown-row{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:10px;background:#f9fafb;border:1px solid #e5e7eb}.reports-placeholder{margin-top:1.5rem}@media(min-width:900px){.order-form{grid-template-columns:repeat(2,minmax(0,1fr))}.order-form textarea,.order-form>button{grid-column:span 2}}@media(max-width:900px){.orders-table-wrap{overflow:visible}.orders-table,.orders-table tbody{display:block;width:100%}.orders-table thead{display:none}.orders-table tbody{display:grid;gap:.75rem;margin-top:.75rem}.orders-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;padding:.85rem;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 6px 18px #0f172a0f}.orders-table td{display:block;width:100%;padding:0;border:none;margin:0;min-width:0}.orders-table td+td{margin-top:0}.orders-table td:nth-child(1),.orders-table td:nth-child(2),.orders-table td:nth-child(5),.orders-table td:nth-child(6),.orders-table td:nth-child(7){grid-column:1 / -1}.mobile-cell-title{display:block;margin-bottom:.2rem}.action-stack{display:grid;gap:.5rem;grid-template-columns:1fr 1.4fr}}@media(max-width:700px){#root{padding:1rem}.card{padding:.9rem}.form-header,.items-header,.section-header,.flavor-chip-row,.report-breakdown-row{flex-direction:column;align-items:stretch}.item-row,.flavor-add-row{grid-template-columns:1fr}.page-tabs{width:100%;display:grid;grid-template-columns:1fr}.search-row input{max-width:none}}.search-row input{width:100%;max-width:420px;padding:.8rem;border-radius:10px;border:1px solid #d1d5db;font:inherit;background:#fff;color:#111827;-webkit-text-fill-color:#111827}.order-form input::placeholder,.order-form textarea::placeholder,.flavor-add-row input::placeholder,.search-row input::placeholder{color:#6b7280;-webkit-text-fill-color:#6b7280;opacity:1}.order-form input,.order-form textarea,.order-form select,.order-form option,.flavor-add-row input,.search-row input{color-scheme:light}.orders-controls{display:grid;gap:.75rem}.orders-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.orders-toggle{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;color:#374151}.orders-toggle input{margin:0}.orders-sort-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.sort-chip{border:1px solid #d1d5db;background:#f9fafb;color:#1f2937;padding:.55rem .85rem;border-radius:999px;cursor:pointer;font:inherit;font-weight:700;transition:all .2s ease}.sort-chip:hover{opacity:.92}.sort-chip.active{background:#2563eb;border-color:#2563eb;color:#fff}@media(max-width:700px){.orders-toolbar{align-items:stretch}.orders-toggle{justify-content:flex-start}.orders-sort-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sort-chip{text-align:center;padding:.6rem .5rem}}.orders-table th:nth-child(1){width:13%}.orders-table th:nth-child(2){width:15%}.orders-table th:nth-child(3){width:14%}.orders-table th:nth-child(4){width:15%}.orders-table th:nth-child(5){width:23%}.orders-table th:nth-child(6){width:10%}.orders-table th:nth-child(7){width:10%}.cell-stack{display:grid;gap:.35rem}.compact-stack{gap:.2rem}.cell-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:700}.cell-subtext{color:#6b7280;font-size:.92rem;line-height:1.35}.mobile-cell-title{display:none;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:700;margin-bottom:.35rem}.order-summary-cell{min-width:140px}.order-id-row{display:flex;align-items:center;gap:.4rem}.order-short-number{font-size:1rem}.order-customer-name{line-height:1.35}.workflow-stack{gap:.6rem}.order-summary-cell,.order-dates-stack,.workflow-stack,.pie-list,.total-stack,.action-stack,.cell-stack{min-width:0}@media(max-width:900px){.orders-table td{text-align:left}.cell-stack,.workflow-stack,.order-dates-stack{gap:.35rem}.compact-stack{gap:.15rem}.cell-label{font-size:.68rem;margin-bottom:.1rem}.cell-subtext{font-size:.88rem;line-height:1.25}.order-short-number{font-size:.95rem}.order-customer-name{font-size:.95rem;line-height:1.25}.pie-list{gap:.15rem;min-width:0}.order-total-value{font-size:.95rem}.total-paid-toggle{width:auto;justify-self:start;min-width:120px}.table-action-button{padding:.5rem .6rem}}@media(min-width:901px){.total-paid-toggle{width:auto;justify-self:start}}.order-dates-stack{gap:.7rem}.order-total-value{font-weight:700;white-space:nowrap}.total-stack{gap:.55rem}.total-paid-toggle{width:100%}.notes-indicator{font-size:.95rem;line-height:1}.paid-toggle{border:none;border-radius:10px;padding:.5rem .9rem;font:inherit;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.paid-toggle:hover{opacity:.92}.paid-on{background:#16a34a;color:#fff}.paid-off{background:#dc2626;color:#fff}.field-group input,.field-group select,.field-group textarea{margin:0}.field-group{align-self:start}.pickup-time{grid-column:2}.notes-cell{position:relative}.notes-tooltip{display:none;position:absolute;bottom:100%;left:0;background:#1f2937;color:#fff;padding:8px 10px;border-radius:6px;white-space:pre-wrap;max-width:250px;font-size:12px;z-index:10;box-shadow:0 4px 12px #0003}.notes-cell:hover .notes-tooltip{display:block}.today{background-color:#3b82f614}.overdue{background-color:#ef44441f}.report-filters-card{display:grid;gap:1rem;margin-top:1rem}.report-quick-actions{display:flex;flex-wrap:wrap;gap:.75rem}.report-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.report-search-input{width:100%;padding:.8rem;border-radius:10px;border:1px solid #d1d5db;font:inherit;background:#fff;color:#111827;-webkit-text-fill-color:#111827}.report-chip{border:1px solid #d1d5db;background:#f9fafb;color:#1f2937;padding:.55rem .85rem;border-radius:999px;cursor:pointer;font:inherit;font-size:.92rem}.report-two-column{display:grid;gap:1rem;margin-top:1.5rem}.report-breakdown-chart-row{align-items:center}.report-breakdown-main{flex:1;display:grid;gap:.5rem}.report-breakdown-topline{display:flex;justify-content:space-between;gap:1rem}.report-bar-track{width:100%;height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}.report-bar-fill{height:100%;border-radius:999px;background:#2563eb}.report-breakdown-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;color:#4b5563;white-space:nowrap}.report-orders-table td div+div{margin-top:.25rem}@media(min-width:900px){.report-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}}.report-header-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.report-refresh-button{background:#1f2937}.report-filters-card{margin-top:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f8fafc)}.report-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.report-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.report-search-input{width:100%}.report-chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.report-chip{border:1px solid #d1d5db;background:#fff;color:#1f2937;border-radius:999px;padding:.45rem .8rem;cursor:pointer;font:inherit;transition:all .2s ease}.report-chip.active{background:#2563eb;border-color:#2563eb;color:#fff}.report-active-filters{margin-top:1rem;padding:.85rem 1rem;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.report-active-label{display:block;font-size:.85rem;font-weight:700;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.report-active-filter-list{display:flex;flex-wrap:wrap;gap:.5rem}.report-active-filter-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .7rem;background:#fff;border:1px solid #dbe3ef;color:#1f2937;font-size:.9rem}.report-active-filter-chip-muted{color:#6b7280}.report-breakdown-chart-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.9rem 1rem;border-radius:14px;border:1px solid #e5e7eb;background:#fff}.report-breakdown-main{display:grid;gap:.55rem}.report-breakdown-topline{display:flex;justify-content:space-between;gap:1rem;align-items:center}.report-breakdown-meta{display:grid;gap:.25rem;text-align:right;color:#4b5563;min-width:120px}.report-bar-track{width:100%;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.report-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.report-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.report-orders-table tbody tr:hover{background:#f8fafc}@media(max-width:768px){.report-two-column,.report-breakdown-chart-row{grid-template-columns:1fr}.report-breakdown-meta{text-align:left;min-width:0}}.orders-table{table-layout:fixed}.orders-table th,.orders-table td{overflow-wrap:anywhere}.orders-table th:nth-child(1),.orders-table td:nth-child(1){width:110px}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:150px}.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:140px}.orders-table th:nth-child(4),.orders-table td:nth-child(4){width:120px}.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:auto}.orders-table th:nth-child(6),.orders-table td:nth-child(6){width:90px;white-space:nowrap}.orders-table th:nth-child(7),.orders-table td:nth-child(7){width:140px}.page-header-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.install-app-button{white-space:nowrap;align-self:center;box-shadow:0 8px 18px #2563eb2e}@media(max-width:768px){.page-header-inner{flex-direction:column;align-items:flex-start}.install-app-button{align-self:flex-start}}.data-logs-table{table-layout:fixed}.data-logs-table th,.data-logs-table td{overflow-wrap:anywhere;word-break:break-word}