:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2933;background:#f7f9fc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fdf2e9,#f7f9fc)}button,input,textarea{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}.loader{margin-top:4rem;font-size:1.4rem;color:#c2410c}.card{width:min(420px,100%);background:#fff;border-radius:16px;padding:2.5rem 2rem;box-shadow:0 25px 40px #c3986e33;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.login-card h1{margin:0;font-size:2rem;color:#9a3412}.subtitle{margin:0;color:#52606d}.form{display:flex;flex-direction:column;gap:1rem}.form label{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;color:#52606d}.form input{width:100%;padding:.65rem .75rem;border-radius:10px;border:1px solid #d9d9d9;transition:border .2s ease,box-shadow .2s ease}.form input:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c33}.form-hint{margin:-.25rem 0 0;font-size:.9rem;color:#64748b}.alert{width:100%;background:#fee2e2;color:#b91c1c;padding:.75rem;border-radius:10px;text-align:left}.alert.success{background:#ecfdf5;color:#047857}.primary,.secondary{border:none;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 10px 25px #ea580c59}.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.primary:not(:disabled):hover{transform:translateY(-2px)}.secondary{background:#fff;color:#c2410c;border:1px solid rgba(234,88,12,.4)}.secondary:hover{background:#ea580c14}.top-bar .secondary{padding:.5rem 1.1rem;font-size:.9rem}.demo-hint{margin:0;color:#9a3412}.form-switch{display:inline-flex;gap:.35rem;border-radius:9999px;background:#ea580c14;padding:.25rem;margin:0 auto 1rem}.form-switch button{border:none;background:transparent;padding:.45rem .9rem;border-radius:9999px;color:#c2410c;font-weight:600;cursor:pointer}.form-switch button.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 10px 20px #ea580c40}.form-switch button:not(.active):hover{background:#ea580c1f}.top-bar{width:min(1200px,100%);display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;padding:1.5rem 2rem;border-radius:18px;box-shadow:0 18px 40px #e6914440}.top-bar h1{margin:0;font-size:1.6rem;color:#9a3412}.top-bar p{margin:.25rem 0 0;color:#52606d}.top-bar-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.main-nav{display:inline-flex;gap:.35rem;padding:.25rem;border-radius:9999px;border:1px solid rgba(234,88,12,.25);background:#fff6ed}.main-nav button{border:none;background:transparent;padding:.45rem .9rem;border-radius:9999px;color:#c2410c;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.main-nav button.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 10px 20px #ea580c40}.main-nav button:not(.active):hover{background:#ea580c1f}.banner{width:min(1200px,100%);padding:1rem 1.25rem;border-radius:14px;font-weight:500;box-shadow:0 12px 30px #e6914433}.banner.success{background:#ecfdf5;color:#047857}.banner.error{background:#fef2f2;color:#b91c1c}.layout{width:min(1200px,100%);display:grid;gap:2rem;grid-template-columns:2fr 1fr;align-items:flex-start}.catalog-column{display:flex;flex-direction:column;gap:1rem}.catalog-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1.25rem}.filter-control,.search-control{display:flex;flex-direction:column;gap:.35rem;min-width:200px;flex:1}.filter-control label,.search-control label{display:block;font-size:.9rem;color:#52606d;margin-bottom:.35rem}.filter-control select,.filter-control input,.search-control input{padding:.55rem .75rem;border-radius:10px;border:1px solid #d9d9d9;background:#fffaf5}.filter-control select:focus,.filter-control input:focus,.search-control input:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c33}.catalog-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.catalog-header h2{margin:0}.catalog-header .view-toggle{margin-left:auto}.catalog{background:#fff;padding:1.75rem;border-radius:18px;box-shadow:0 20px 45px #e691442e}.catalog h2,.cart h2,.orders-section h2{margin-top:0;color:#9a3412}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:1rem}.catalog-subheading{margin:1.5rem 0 .5rem;font-size:1.05rem;font-weight:600;color:#9a3412}.catalog-subheading:first-of-type{margin-top:.5rem}.catalog-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.catalog-empty{margin:1rem 0 0;color:#52606d}.content-section{width:min(1200px,100%);background:#fff;padding:2rem;border-radius:18px;box-shadow:0 20px 45px #e691442e;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.content-section.landing{display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;align-items:start}.content-section.landing>header{grid-column:1 / -1}.landing-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.landing-side{display:flex;flex-direction:column;gap:1.25rem}.landing-card{border:1px solid rgba(234,88,12,.2);border-radius:16px;padding:1.5rem;background:#fffaf5;display:flex;flex-direction:column;gap:.75rem;color:#52606d}.landing-card h3{margin:0;color:#9a3412}.landing-card ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.4rem}.landing-card .meta{margin:0;font-size:.85rem;color:#52606d;opacity:.85}.landing-card.highlight{background:linear-gradient(145deg,#ea580c1f,#ea580c0a);border-color:#ea580c59}.landing-card.contact{background:#fff7ed}.landing-card.newsletter{align-items:flex-start}.primary.ghost{background:#fff;color:#ea580c;border:1px solid rgba(234,88,12,.4);box-shadow:none}.primary.ghost:hover{background:#ea580c14}.content-section header h2{margin:0;color:#9a3412}.content-section header p{margin:.35rem 0 0;color:#52606d}.orders-table{width:100%;overflow-x:auto;border-radius:16px;border:1px solid rgba(234,88,12,.15);background:#fffaf5;box-shadow:0 14px 30px #e6914429}.orders-table table{width:100%;border-collapse:collapse;min-width:720px}.orders-table th,.orders-table td{padding:.85rem 1rem;text-align:left;font-size:.95rem;border-bottom:1px solid rgba(234,88,12,.12);vertical-align:top}.orders-table th{background:#ea580c14;color:#9a3412;font-weight:600}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr.active{background:#ea580c14}.orders-table .order-details-row td{background:#fffaf5f2;padding:1.5rem}.orders-table .order-details-row article{margin:0;display:flex;flex-direction:column;gap:.75rem}.orders-table .orders-table-total{font-weight:600;color:#c2410c}.orders-table .order-notes{margin:0;color:#9a3412;font-style:italic}.orders-table .order-details-row ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.orders-table .order-details-row li{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#52606d}.orders-table .order-details-row li div{display:flex;flex-direction:column;gap:.2rem}.orders-table .order-details-row li strong{color:#1f2933}.settlements-card{border:1px dashed rgba(234,88,12,.35);border-radius:16px;padding:1.5rem;background:#fffaf5;color:#52606d;line-height:1.6}.settlements-empty{margin:0;color:#52606d}.settlements-table{width:100%;overflow-x:auto;border-radius:16px;border:1px solid rgba(234,88,12,.15);background:#fffaf5;box-shadow:0 14px 30px #e6914429}.settlements-table table{width:100%;border-collapse:collapse;min-width:720px}.settlements-table th,.settlements-table td{padding:.85rem 1rem;text-align:left;font-size:.95rem;border-bottom:1px solid rgba(234,88,12,.12)}.settlements-table th{background:#ea580c14;color:#9a3412;font-weight:600}.settlements-table tbody tr:last-child td{border-bottom:none}.settlements-table tbody tr.overdue{background:#ef444414}.settlements-table td.overdue-text{color:#ef4444;font-weight:700}.product-card{padding:1.25rem;border-radius:16px;border:1px solid rgba(234,88,12,.15);display:flex;flex-direction:column;gap:.75rem;background:#fffaf5}.product-card header h3{margin:0;font-size:1.05rem}.availability{margin:0;font-size:.85rem;color:#64748b}.product-card .quantity-input{margin-top:auto}.product-card header{display:flex;flex-direction:column;gap:.25rem}.product-card .price{color:#c2410c;font-weight:600}.product-card .description{color:#52606d;min-height:48px}.product-row{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:.75rem 1.25rem;padding:.85rem 1.1rem;border-radius:12px;border:1px solid rgba(234,88,12,.12);background:#fffdf8}.product-row-main{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.product-row-main h3{margin:0;font-size:1rem}.product-row-main .price{font-size:.95rem;color:#c2410c;font-weight:600}.link-button{background:none;border:none;padding:0;color:#c2410c;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:underline;align-self:flex-start}.link-button:hover{color:#ea580c}.view-toggle{align-self:flex-start;display:inline-flex;border-radius:9999px;border:1px solid rgba(234,88,12,.25);padding:.25rem;background:#fff6ed;gap:.25rem}.view-toggle button{border:none;background:transparent;padding:.4rem .85rem;border-radius:9999px;color:#c2410c;font-weight:600;cursor:pointer}.view-toggle button.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 10px 20px #ea580c40}.view-toggle button:not(.active):hover{background:#ea580c14}.quantity-input{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid rgba(234,88,12,.35);padding:.3rem .6rem;background:#fff}.quantity-input button{border:none;background:transparent;color:#c2410c;font-size:1.1rem;width:1.9rem;height:1.9rem;border-radius:50%;cursor:pointer}.quantity-input button:first-child{margin-right:.4rem}.quantity-input button:last-child{margin-left:.4rem}.quantity-input button:disabled{opacity:.4;cursor:not-allowed}.quantity-input input{width:3.2rem;text-align:center;border:none;background:transparent}.cart{background:#fff;padding:1.75rem;border-radius:18px;box-shadow:0 20px 45px #e691442e;display:flex;flex-direction:column;gap:1.25rem}.cart-desktop{display:flex}.cart-floating,.floating-cart-toggle,.cart-overlay{display:none}.cart-floating.hidden{pointer-events:none}.cart-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.cart-header h2{margin:0}.cart .empty{color:#52606d}.cart-body{display:flex;flex-direction:column;gap:1rem}.cart .delivery-date,.cart .notes{display:flex;flex-direction:column;gap:.45rem}.cart .delivery-date span,.cart .notes span{font-size:.9rem;color:#52606d}.cart .delivery-date input,.cart .notes textarea{padding:.65rem .75rem;border-radius:10px;border:1px solid #d9d9d9;background:#fffaf5;font:inherit}.cart .delivery-date input:focus,.cart .notes textarea:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c33}.cart-inline-status{width:100%;margin-bottom:.75rem;padding:.6rem .75rem;border-radius:10px;font-size:.9rem;font-weight:500;border:1px solid transparent}.cart-inline-status.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.cart-inline-status.success{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.cart-inline-status.info{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.cart-list{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.cart-list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-bottom:.75rem;border-bottom:1px dashed rgba(234,88,12,.2)}.cart-list li.cart-item-unavailable{background:#fef2f2;border:1px solid rgba(220,38,38,.35);border-radius:10px;padding:.75rem;border-bottom:none}.cart-item-warning{margin-top:.3rem;font-size:.9rem;font-weight:600;color:#b91c1c}.cart-list li.cart-item-unavailable .line-total,.cart-list li.cart-item-unavailable strong{color:#b91c1c}.cart-list li div{display:flex;flex-direction:column}.cart-item-actions{display:flex;align-items:center;gap:.75rem}.remove-item{border:none;background:transparent;color:#dc2626;font-weight:600;cursor:pointer}.remove-item:hover{text-decoration:underline}.line-total{font-weight:600;color:#c2410c}.cart-total{font-size:1.1rem}.notes textarea{width:100%;padding:.75rem;border-radius:12px;border:1px solid #d9d9d9;resize:vertical}.orders-section{width:min(1200px,100%);background:#fff;padding:1.75rem;border-radius:18px;box-shadow:0 20px 45px #e691442e;margin-bottom:4rem}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.order-card{border:1px solid rgba(234,88,12,.15);border-radius:16px;padding:1.25rem;background:#fffaf5;display:flex;flex-direction:column;gap:.75rem}.order-card.active{border-color:#ea580c66;box-shadow:0 12px 24px #ea580c2e}.order-card header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.order-card-details{margin-top:.75rem;border-top:1px solid rgba(234,88,12,.15);padding-top:.75rem}.order-card-details .loader{margin:1rem 0 0}.order-card-details .alert{margin:0}.order-details-card{display:flex;flex-direction:column;gap:.65rem}.order-details-card header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.order-details-card ul{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.4rem;color:#52606d}.order-card ul{margin:0;padding-left:1rem;color:#52606d}.order-card footer{font-weight:600;color:#9a3412}@media (max-width: 960px){.app-shell{padding:1.5rem 1.25rem}.top-bar,.banner,.layout,.catalog,.cart,.orders-section,.content-section{width:100%;padding:1.5rem;border-radius:16px}.layout{grid-template-columns:1fr;gap:1.5rem}.content-section.landing{grid-template-columns:1fr}.landing-side{grid-column:1 / -1}.product-row{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.product-row-main{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;max-width:100%}.product-row .quantity-input{width:100%;justify-content:space-between;padding:.4rem .75rem}.product-row .quantity-input input{width:3.5rem}.catalog-filters{flex-direction:column;align-items:stretch}.catalog-header{flex-direction:column;align-items:flex-start}.catalog-header .view-toggle{margin-left:0}.top-bar-actions{flex-wrap:wrap;justify-content:flex-start}.main-nav{width:100%;flex-wrap:wrap;justify-content:flex-start}.cart-desktop{display:none}.cart-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1050}.cart-overlay.visible{opacity:1;pointer-events:auto}.floating-cart-toggle{position:fixed;right:1.25rem;bottom:1.25rem;width:3.05rem;height:3.05rem;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;box-shadow:0 12px 25px #ea580c59;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1200;transition:opacity .2s ease,transform .2s ease}.floating-cart-toggle span{position:absolute;top:-.4rem;right:-.4rem;background:#fff;color:#c2410c;border-radius:9999px;padding:.2rem .45rem;font-size:.75rem;font-weight:600;box-shadow:0 8px 18px #ea580c40}.floating-cart-toggle.hidden{opacity:0;pointer-events:none;transform:scale(.9)}.cart-floating{position:fixed;inset:auto 0 0 0;margin:0 auto;width:100%;max-width:420px;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 35px #1e293b4d;padding:1.25rem 1.5rem 2rem;z-index:1100;transform:translateY(110%);opacity:0;transition:transform .3s ease,opacity .3s ease;display:flex;flex-direction:column;gap:1rem;max-height:80vh}.cart-floating .cart-body{flex:1;overflow-y:auto;padding-right:.25rem}.cart-floating.hidden{pointer-events:none;transform:translateY(110%);opacity:0}.cart-floating:not(.hidden){transform:translateY(0);opacity:1}.cart-floating .cart-header{display:flex;justify-content:space-between;align-items:center;cursor:grab;touch-action:pan-y}.cart-floating .close-cart{border:none;background:transparent;font-size:1.5rem;color:#c2410c;cursor:pointer}}@media (max-width: 640px){.app-shell{padding:1rem .75rem;gap:1rem}.card{padding:1.75rem 1.25rem;width:min(100%,360px)}.top-bar{flex-direction:column;align-items:stretch;text-align:left;padding:1.25rem 1rem;gap:1rem}.top-bar-actions{flex-direction:column;align-items:stretch;gap:.75rem}.point-context-selector{width:100%}.main-nav{width:100%;justify-content:center}.main-nav button{flex:1 1 45%;text-align:center}.banner{padding:.9rem 1rem}.catalog,.cart,.orders-section,.content-section{padding:1.25rem 1rem;border-radius:14px;box-shadow:0 14px 28px #e6914429}.settlements-table{border-radius:14px}.landing-grid{grid-template-columns:1fr}.landing-card{padding:1.15rem}.orders-table{width:100%;overflow-x:visible;border-radius:12px;background:#fffaf5}.orders-table table{width:100%;min-width:auto}.orders-grid{grid-template-columns:1fr;gap:1.25rem}.order-card{padding:1.15rem}.order-card header span{font-size:.95rem}.primary,.secondary{width:100%;justify-content:center}.settlements-table{border:1px solid rgba(234,88,12,.15);box-shadow:0 10px 24px #e6914424}.settlements-table table,.settlements-table thead,.settlements-table tbody,.settlements-table th,.settlements-table td,.settlements-table tr{display:block}.settlements-table thead{display:none}.settlements-table tr{border-bottom:1px solid rgba(234,88,12,.12);padding:.75rem 0;background:#fffaf5;border-radius:12px;margin-bottom:1rem;box-shadow:0 6px 14px #e6914424}.settlements-table tr:last-child{border-bottom:none}.settlements-table td{padding:.4rem .6rem;border:none;display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;align-items:flex-start}.settlements-table td:before{content:attr(data-label);font-weight:600;color:#9a3412}.orders-table{border:1px solid rgba(234,88,12,.15);box-shadow:0 10px 24px #e6914424}.orders-table table,.orders-table thead,.orders-table tbody,.orders-table th,.orders-table td,.orders-table tr{display:block}.orders-table thead{display:none}.orders-table tbody tr{border-bottom:1px solid rgba(234,88,12,.12);padding:.75rem 1rem;background:#fffaf5;border-radius:12px;margin-bottom:1rem;box-shadow:0 6px 14px #e6914424;display:block}.orders-table tbody tr:last-child{border-bottom:none}.orders-table td{padding:.5rem .75rem;border:none;display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;align-items:flex-start;margin-bottom:.25rem}.orders-table td:before{content:attr(data-label);font-weight:600;color:#9a3412}.orders-table .order-details-row{background:transparent;box-shadow:none;padding:0;margin-top:-.5rem}.orders-table .order-details-row td{padding:1rem .75rem}.orders-table td .secondary{width:auto;padding:.4rem .8rem;font-size:.85rem;justify-content:center;margin-left:auto}.content-section,.orders-section{margin-bottom:2rem}}