:root{--ccc-primary:#ea580c;--ccc-primary-light:#fff7ed;--ccc-primary-dark:#c2410c;--ccc-accent:#059669;--ccc-accent-light:#ecfdf5;--ccc-text:#1e293b;--ccc-text-secondary:#475569;--ccc-text-muted:#64748b;--ccc-bg:#fff;--ccc-bg-secondary:#f8fafc;--ccc-border:#e2e8f0;--ccc-border-light:#f1f5f9;--ccc-radius:var(--main-radius,.5rem);--ccc-radius-lg:var(--main-radius-lg,.75rem);--ccc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--ccc-shadow-md:0 4px 12px #00000014}._ccc-container{flex-direction:column;gap:1.25rem;max-width:800px;margin:0 auto;display:flex}._ccc-info-bar{background:var(--ccc-bg);border-radius:var(--ccc-radius-lg);box-shadow:var(--ccc-shadow);border-style:solid;border-width:1px;border-color:var(--ccc-border);padding:1.25rem}._ccc-info-fields{align-items:flex-end;gap:1rem;display:flex}._ccc-field{flex:1}._ccc-field--small{flex:0 0 120px}._ccc-field--currency{flex:none}._ccc-label{color:var(--ccc-text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}._ccc-text-input,._ccc-num-input{border-style:solid;border-width:1.5px;border-color:var(--ccc-border);border-radius:var(--ccc-radius);width:100%;color:var(--ccc-text);background:var(--ccc-bg);outline:none;padding:.5rem .75rem;font-size:.875rem}._ccc-text-input:focus,._ccc-num-input:focus{border-color:var(--ccc-primary);box-shadow:0 0 0 3px #ea580c1a}._ccc-header-label{color:var(--ccc-text);font-size:.9375rem;font-weight:700}._ccc-bottom-actions{flex-wrap:wrap;gap:.75rem;display:flex}._ccc-btn{border-radius:var(--ccc-radius);cursor:pointer;white-space:nowrap;border-width:0;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}._ccc-btn--primary{background:var(--ccc-primary);color:#fff;box-shadow:0 2px 8px #ea580c40}._ccc-btn--primary:hover{opacity:.9}._ccc-btn--secondary{background:var(--ccc-bg);color:var(--ccc-text);border-style:solid;border-width:1.5px;border-color:var(--ccc-border)}._ccc-btn--secondary:hover{background:var(--ccc-bg-secondary)}._ccc-btn--ghost{color:var(--ccc-text-muted);background:0 0}._ccc-btn--ghost:hover{color:var(--ccc-text)}._ccc-saved{background:var(--ccc-bg);border-radius:var(--ccc-radius-lg);border-style:solid;border-width:1px;border-color:var(--ccc-border);overflow:hidden}._ccc-saved-toggle{cursor:pointer;width:100%;color:var(--ccc-text);background:0 0;border-width:0;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}._ccc-saved-toggle:hover{background:var(--ccc-bg-secondary)}._ccc-saved-toggle svg{margin-left:auto;transition:transform .2s}._ccc-saved--open ._ccc-saved-toggle svg{transform:rotate(180deg)}._ccc-saved-count{background:var(--ccc-primary);color:#fff;border-radius:var(--main-radius-full,9999px);padding:.125rem .5rem;font-size:.75rem;font-weight:600}._ccc-saved-list{border-top-style:solid;border-top-width:1px;border-top-color:var(--ccc-border)}._ccc-saved-item{cursor:pointer;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ccc-border-light);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}._ccc-saved-item:last-child{border-bottom-width:0}._ccc-saved-item:hover{background:var(--ccc-bg-secondary)}._ccc-saved-item-info{flex-direction:column;gap:.125rem;display:flex}._ccc-saved-item-name{color:var(--ccc-text);font-size:.875rem;font-weight:600}._ccc-saved-item-meta{color:var(--ccc-text-muted);font-size:.75rem}._ccc-saved-delete{cursor:pointer;color:var(--ccc-text-muted);border-radius:var(--ccc-radius);background:0 0;border-width:0;padding:.375rem}._ccc-saved-delete:hover{color:#ef4444;background:#ef444414}._ccc-saved-empty{text-align:center;color:var(--ccc-text-muted);padding:2rem;font-size:.875rem}._ccc-modal{z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._ccc-modal-overlay{background:#0006;position:absolute;top:0;bottom:0;left:0;right:0}._ccc-modal-content{background:var(--ccc-bg);border-radius:var(--ccc-radius-lg);width:100%;max-width:400px;box-shadow:var(--ccc-shadow-md);padding:1.5rem;position:relative}._ccc-modal-header{color:var(--ccc-text);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}._ccc-modal-close{cursor:pointer;color:var(--ccc-text-muted);border-radius:var(--ccc-radius);background:0 0;border-width:0;padding:.25rem}._ccc-modal-close:hover{color:var(--ccc-text)}._ccc-modal-input{border-style:solid;border-width:1.5px;border-color:var(--ccc-border);border-radius:var(--ccc-radius);width:100%;color:var(--ccc-text);background:var(--ccc-bg);outline:none;margin-bottom:1rem;padding:.625rem .75rem;font-size:.875rem}._ccc-modal-input:focus{border-color:var(--ccc-primary);box-shadow:0 0 0 3px #ea580c1a}._ccc-modal-confirm{justify-content:center;width:100%}._ccc-action-btn{cursor:pointer;color:var(--ccc-text-muted);border-radius:var(--ccc-radius);background:0 0;border-width:0;padding:.375rem}._ccc-action-btn:hover{color:#ef4444;background:#ef444414}@media (max-width:768px){._ccc-container{padding-left:1rem;padding-right:1rem}._ccc-info-fields{flex-direction:column;align-items:stretch}._ccc-field--small{flex:1}._ccc-bottom-actions{flex-direction:column}._ccc-btn{justify-content:center}}._ccc-ingredients{background:var(--ccc-bg);border-radius:var(--ccc-radius-lg);box-shadow:var(--ccc-shadow);border-style:solid;border-width:1px;border-color:var(--ccc-border);padding:1.25rem}._ccc-ingredients-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}._ccc-col-labels{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ccc-border);grid-template-columns:1.5fr .7fr .8fr .8fr .7fr .8fr 36px;gap:.5rem;margin-bottom:.5rem;padding:0 .25rem .5rem;display:grid}._ccc-col{color:var(--ccc-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}._ccc-row{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ccc-border-light);grid-template-columns:1.5fr .7fr .8fr .8fr .7fr .8fr 36px;align-items:center;gap:.5rem;padding:.375rem .25rem;display:grid}._ccc-row:last-child{border-bottom-width:0}._ccc-row-input{border-style:solid;border-width:1.5px;border-color:var(--ccc-border);border-radius:var(--ccc-radius);width:100%;color:var(--ccc-text);background:var(--ccc-bg);outline:none;padding:.4375rem .5rem;font-size:.8125rem}._ccc-row-input:focus{border-color:var(--ccc-primary);box-shadow:0 0 0 2px #ea580c14}._ccc-row-input::placeholder{color:var(--ccc-border)}._ccc-row-unit{border-style:solid;border-width:1.5px;border-color:var(--ccc-border);border-radius:var(--ccc-radius);width:100%;color:var(--ccc-text);background:var(--ccc-bg);-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right .375rem center;background-repeat:no-repeat;outline:none;padding:.4375rem 1.5rem .4375rem .375rem;font-size:.8125rem}._ccc-row-unit:focus{border-color:var(--ccc-primary);box-shadow:0 0 0 2px #ea580c14}._ccc-row-cost{color:var(--ccc-primary);text-align:right;white-space:nowrap;text-overflow:ellipsis;padding-right:.25rem;font-size:.8125rem;font-weight:600;overflow:hidden}._ccc-remove-btn{cursor:pointer;width:28px;height:28px;color:var(--ccc-text-muted);border-radius:var(--ccc-radius);background:0 0;border-width:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._ccc-remove-btn:hover{color:#ef4444;background:#ef444414}._ccc-add-btn{border-style:dashed;border-width:1.5px;border-color:var(--ccc-border);border-radius:var(--ccc-radius);width:100%;color:var(--ccc-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.375rem;margin-top:.5rem;padding:.625rem;font-size:.8125rem;font-weight:600;display:flex}._ccc-add-btn:hover{border-color:var(--ccc-primary);color:var(--ccc-primary);background:var(--ccc-primary-light)}@media (max-width:768px){._ccc-col-labels{display:none}._ccc-row{flex-wrap:wrap;gap:.5rem;padding:.75rem .25rem;display:flex;position:relative}._ccc-row-input,._ccc-row-unit{font-size:.875rem}._ccc-row-input[data-field=name]{flex:calc(100% - 44px)}._ccc-row-input[data-field=qty],._ccc-row-input[data-field=pkg-price],._ccc-row-input[data-field=pkg-qty],._ccc-row-unit{flex:calc(33% - .5rem)}._ccc-row-cost{text-align:left;flex:calc(33% - .5rem);padding-left:.25rem;font-size:.875rem}._ccc-remove-btn{position:absolute;top:.75rem;right:0}}._ccc-summary{background:var(--ccc-bg);border-radius:var(--ccc-radius-lg);box-shadow:var(--ccc-shadow);border-style:solid;border-width:1px;border-color:var(--ccc-border);padding:1.25rem}._ccc-summary-header{margin-bottom:1rem}._ccc-summary-body{flex-direction:column;gap:.75rem;display:flex}._ccc-summary-row{justify-content:space-between;align-items:center;display:flex}._ccc-summary-label{color:var(--ccc-text-secondary);font-size:.875rem}._ccc-summary-value{color:var(--ccc-text);font-size:1rem;font-weight:700;font-family:var(--main-font-mono)}._ccc-summary-row--total ._ccc-summary-label{color:var(--ccc-text);font-weight:600}._ccc-summary-row--total ._ccc-summary-value{color:var(--ccc-primary);font-size:1.25rem}._ccc-summary-value--highlight{color:var(--ccc-primary);font-size:1.125rem}._ccc-summary-value--profit{color:var(--ccc-accent)}._ccc-summary-divider{border-top-style:dashed;border-top-width:1px;border-top-color:var(--ccc-border);margin:.25rem 0}._ccc-markup-input-wrap{align-items:center;gap:.25rem;display:flex}._ccc-markup-input{border-style:solid;border-width:1.5px;border-color:var(--ccc-border);border-radius:var(--ccc-radius);width:72px;color:var(--ccc-text);background:var(--ccc-bg);text-align:right;font-size:.875rem;font-weight:600;font-family:var(--main-font-mono);outline:none;padding:.375rem .5rem}._ccc-markup-input:focus{border-color:var(--ccc-primary);box-shadow:0 0 0 3px #ea580c1a}._ccc-markup-percent{color:var(--ccc-text-muted);font-size:.875rem;font-weight:600}