:root{color-scheme:light;font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at top,#e2e8f0,#f8fafc 50%,#fff)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.app{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1.5rem 3rem;max-width:720px;margin:0 auto}.toast-stack{position:sticky;top:.75rem;z-index:30;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{padding:.9rem 1rem;border-radius:14px;color:#f8fafc;box-shadow:0 18px 40px #0f172a2e;font-weight:600;pointer-events:auto}.toast--success{background:linear-gradient(135deg,#16a34a,#15803d)}.toast--error{background:linear-gradient(135deg,#dc2626,#b91c1c)}.app__header{background:#0f172a;color:#f8fafc;padding:1.75rem;border-radius:20px;box-shadow:0 16px 40px #0f172a33}.app__shop-link{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.app__shop-link-url{flex:1;min-width:240px;color:#bae6fd;text-decoration:none;word-break:break-all}.app__shop-link-url[aria-disabled=true]{color:#94a3b8;pointer-events:none}.app__shop-link-copy{border:1px solid rgba(56,189,248,.4);background:#38bdf81f;color:#f8fafc;padding:.55rem .9rem;border-radius:999px;cursor:pointer}.app__shop-link-copy:disabled{opacity:.5;cursor:not-allowed}.app__badge{display:inline-block;background:#38bdf8;color:#0f172a;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem}.app__subtitle{margin:.5rem 0 0;color:#cbd5f5}.app__panel{background:#fff;padding:1.5rem;border-radius:18px;border:1px solid #e2e8f0}.accordion{padding:0}.accordion__summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem}.accordion__summary::-webkit-details-marker{display:none}.accordion__summary:after{content:"";width:12px;height:12px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg);transition:transform .12s ease;margin-left:auto}.accordion[open]>.accordion__summary:after{transform:rotate(-135deg)}.accordion__summary h2,.accordion__summary h3{margin:0}.accordion__summary:focus-visible{outline:3px solid rgba(56,189,248,.5);outline-offset:4px;border-radius:14px}.accordion__body{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.accordion-group{display:flex;flex-direction:column;gap:1rem}.accordion--nested{border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.accordion--nested .accordion__summary{padding:.9rem 1rem}.accordion--nested .accordion__body{padding:0 1rem 1rem}.app__title-row{display:flex;align-items:center;gap:.5rem}.app__title-row h2{margin:0;line-height:1.2}.app__panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.app__muted{margin:.35rem 0 0;color:#64748b;font-size:.95rem}.app__row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-between}.app__hint{padding:.6rem .9rem;background:#f1f5f9;border-radius:12px;color:#334155;font-size:.85rem}.app__panel h2{margin-top:0}.app__panel ol{padding-left:1.2rem;margin-bottom:0;color:#475569}.app__footer{display:flex;flex-wrap:wrap;gap:.75rem}button{border:none;border-radius:12px;padding:.75rem 1.25rem;font-size:.95rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;font-family:inherit}button:active{transform:scale(.98)}.app__primary{background:#0f172a;color:#f8fafc;box-shadow:0 8px 20px #0f172a33}.app__secondary{background:#e2e8f0;color:#0f172a}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:999px;background:#e2e8f0;color:#0f172a}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.shop-form{display:flex;flex-direction:column;gap:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.form-field{display:flex;flex-direction:column;gap:.45rem;font-size:.9rem;color:#1f2937}.form-field span{font-weight:600;color:#0f172a}input,select,textarea{padding:.65rem .75rem;border-radius:12px;border:1px solid #cbd5f5;background:#fff;font-size:.95rem;font-family:inherit;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}input:disabled{background:#f8fafc;color:#94a3b8}.form-toggle{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#0f172a}.form-toggle input{width:18px;height:18px}.app__status{padding:.75rem 1rem;border-radius:12px;background:#dcfce7;color:#166534;font-size:.9rem}.app__error{padding:.75rem 1rem;border-radius:12px;background:#fee2e2;color:#991b1b;font-size:.9rem}.app__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:stretch}.app__actions>button{min-height:42px}.catalog-grid{display:grid;grid-template-columns:minmax(240px,1.1fr) minmax(260px,1fr);gap:1.5rem;width:100%;min-width:0}.catalog-list,.catalog-form{background:#f8fafc;border-radius:16px;padding:1.1rem;border:1px solid #e2e8f0;width:100%;min-width:0}.catalog-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.catalog-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.catalog-section h4{margin:0;font-size:1rem;color:#0f172a}.category-chips{display:flex;flex-direction:column;gap:.5rem}.category-chip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#e2e8f0;color:#0f172a;padding:.6rem .75rem;border-radius:14px;font-size:.9rem}.category-chip input{flex:1;min-width:0}.category-chip__actions{display:flex;gap:.5rem;flex-wrap:wrap}.category-chip__icon-button{width:2.25rem;height:2.25rem;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.category-chip__icon-button span{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;font-weight:700}.category-chip__icon-button--danger{color:#b91c1c}.category-chip__icon-button--success{color:#15803d}.category-chip__icon-button:disabled{opacity:.5;cursor:not-allowed}.category-form{display:grid;grid-template-columns:1fr auto;gap:.5rem}.category-form input{width:100%}.catalog-toolbar{display:flex;justify-content:flex-start;margin-bottom:.75rem;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.form-field--inline{width:100%}.catalog-toolbar .form-field--inline{flex:1;min-width:180px}.form-field--inline span{font-size:.85rem;color:#475569}.form-field--inline select{width:100%}.catalog-form--empty{display:flex;align-items:center;justify-content:center;text-align:center}.photo-uploader{display:flex;flex-direction:column;gap:.75rem}.photo-uploader__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.photo-uploader__button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;background:#e2e8f0;color:#0f172a;cursor:pointer;font-size:.9rem}.photo-uploader__button input{display:none}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.photo-item{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.photo-item img{width:100%;height:90px;object-fit:cover;border-radius:10px}.photo-remove{border:none;background:#fee2e2;color:#991b1b;padding:.35rem .7rem;border-radius:999px;cursor:pointer;font-size:.8rem}.catalog-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.catalog-item{background:#fff;border-radius:14px;padding:.9rem 1rem;border:1px solid #e2e8f0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.catalog-item__thumb{width:64px;height:64px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.75rem;flex-shrink:0;overflow:hidden}.catalog-item__thumb img{width:100%;height:100%;object-fit:cover}.catalog-item__info{display:flex;flex-direction:column;gap:.25rem;color:#0f172a;flex:1;min-width:0}.catalog-item__meta{font-size:.85rem;color:#64748b}.catalog-item__actions{display:flex;gap:.5rem;align-items:center}.catalog-empty{padding:.75rem .9rem;background:#f1f5f9;border-radius:12px;color:#64748b;font-size:.9rem}.orders-group{display:flex;flex-direction:column;gap:1rem}.orders-block{background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.orders-count{background:#e2e8f0;color:#0f172a;border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:600}.orders-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.order-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.2rem;color:#475569;font-size:.88rem}.order-card strong{color:#0f172a}.order-card--highlight{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.order-card__button{border:none;background:transparent;padding:0;text-align:left;display:flex;flex-direction:column;gap:.2rem;cursor:pointer;color:inherit;font:inherit}.order-comment{padding:.65rem .8rem;border-radius:12px;background:#f1f5f9;color:#334155;font-size:.9rem}.order-total{font-weight:700;color:#0f172a}.order-details__topbar{display:flex;justify-content:flex-start;margin-bottom:.9rem}.order-details__back-button{display:inline-flex;align-items:center;gap:.45rem}.order-details .app__panel-header{margin-bottom:.9rem}.order-details__header{padding:1rem 1.1rem;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.order-details__summary{width:100%}.order-details__actions{flex-wrap:nowrap;justify-content:flex-start;margin-top:.4rem}.order-details__action-button{flex:0 1 auto;min-height:38px!important;padding:.55rem .8rem;font-size:.84rem;white-space:nowrap}.order-details__content{padding:1rem;gap:.9rem;width:100%}.order-details__content .orders-list{gap:.75rem;width:100%}.order-details__content .order-card{padding:.9rem 1rem;line-height:1.4;width:100%}.order-details__content .order-comment{padding:.8rem 1rem;line-height:1.4}.order-details__content .order-total{padding:0 .1rem .1rem;font-size:1.05rem}.order-details__list{width:100%}.order-customer{padding:.75rem .85rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;gap:.35rem}.order-customer span{color:#64748b;font-size:.85rem}.order-customer a{color:#0ea5e9;text-decoration:none;font-weight:600}.order-customer--in-header{margin-top:.65rem}.form-grid--compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media (max-width: 540px){.app{padding:1.5rem 1rem 2.5rem}.app__footer{flex-direction:column}.app__panel-header{flex-direction:column;align-items:flex-start}.order-details__actions{width:100%;flex-wrap:nowrap}.order-details__action-button{flex:1 1 0;min-width:0;font-size:.8rem;padding-inline:.65rem}.app__row{align-items:stretch}.catalog-grid{grid-template-columns:1fr;gap:1rem}.accordion__summary{padding:1.15rem}.accordion__body{padding:0 1rem 1rem}.accordion--nested .accordion__summary{padding:.85rem .9rem}.accordion--nested .accordion__body{padding:0 .9rem .9rem}.catalog-list,.catalog-form{padding:.95rem}}