@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--font-body: "Space Grotesk", "Segoe UI", sans-serif;--font-display: "Fraunces", "Times New Roman", serif;--bg: #f6f1eb;--bg-accent: #efe4d7;--surface: #ffffff;--surface-alt: #fbf7f2;--ink: #1a1917;--muted: #6d645c;--accent: #c46a2b;--accent-strong: #a14f1b;--accent-2: #2f6f6b;--border: #e4dcd2;--shadow: 0 18px 40px rgba(61, 44, 30, .12);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at top left,#fff6ec 0%,var(--bg) 45%,var(--bg-accent) 100%);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}#root{min-height:100vh}::selection{background:#c46a2b40}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(160deg,#1f1812,#2b221a);color:#f7efe6;padding:28px 22px;display:flex;flex-direction:column;gap:24px}.sidebar__brand{display:flex;gap:14px;align-items:center}.sidebar__logo{width:44px;height:44px;border-radius:14px;background:#ffffff1f;display:grid;place-items:center;font-weight:700;letter-spacing:.08em}.sidebar__title{font-family:var(--font-display);font-size:20px;font-weight:600}.sidebar__subtitle{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#f7efe6a6}.sidebar__nav{display:grid;gap:10px}.sidebar__link{padding:10px 14px;border-radius:12px;background:transparent;color:#f7efe6bf;border:1px solid transparent;transition:.2s ease}.sidebar__link:hover{border-color:#f7efe633;color:#fff}.sidebar__link--active{background:#ffffff1f;color:#fff;border-color:#ffffff40}.sidebar__footer{margin-top:auto}.sidebar__footer .btn--ghost{color:#f7efe6;border-color:#f7efe673;background:#f7efe614}.sidebar__footer .btn--ghost:hover{color:#fff;border-color:#f7efe6cc;background:#f7efe624}.main{padding:32px 40px 48px}.main__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.main__kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--muted);font-size:11px;margin:0 0 8px}.main__title{font-family:var(--font-display);font-size:32px;margin:0}.main__actions{display:flex;gap:12px}.main__content,.page{display:flex;flex-direction:column;gap:24px}.panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;border:1px solid var(--border)}.panel__header{margin-bottom:20px}.panel__header--split{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel__header h2{font-family:var(--font-display);margin:0 0 6px}.panel__header p{margin:0;color:var(--muted)}.filter{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;align-items:end}.filter__actions{display:flex;gap:10px}.field{display:grid;gap:8px;font-size:14px;color:var(--ink)}.field__label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.field__hint{font-size:12px;color:var(--muted)}.field__error{font-size:12px;color:#c0402b}.input,.select,.textarea{width:100%;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-alt);transition:.2s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#c46a2b99;box-shadow:0 0 0 3px #c46a2b26}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:600;transition:.2s ease}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 10px 20px #c46a2b40}.btn--primary:hover{background:var(--accent-strong)}.btn--secondary{background:var(--accent-2);color:#fff}.btn--secondary:hover{filter:brightness(1.05)}.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent-strong)}.btn--sm{padding:6px 14px;font-size:13px}.btn--md{font-size:14px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge--neutral{background:#efe7dd;color:#5a4a3a}.badge--warning{background:#ffe3c1;color:#8a4a12}.badge--success{background:#d8efe3;color:#266150}.badge--danger{background:#f9d9d3;color:#8f2f1c}.table{display:flex;flex-direction:column;gap:10px}.table__row{display:grid;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface-alt)}.table__row--head{background:transparent;border:none;padding:0 4px 8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.table__title{font-weight:600}.table__meta{font-size:12px;color:var(--muted)}.table__cell{min-width:0}.table__cell[data-label]:before{display:none}.phone{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}.phone--empty{cursor:default;text-decoration:none}.phone--copied{color:var(--accent-strong)}.phone:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.table__actions{display:flex;justify-content:flex-end}.table__truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.table--orders .table__row{grid-template-columns:100px 1.4fr 1fr 1fr 1.2fr 110px}.table--products .table__row{grid-template-columns:2fr .8fr 1.6fr 110px}.table--clients .table__row{grid-template-columns:120px 1.2fr 1.5fr}.product{display:flex;align-items:center;gap:12px}.product img{width:64px;height:64px;object-fit:cover;border-radius:12px}.empty{padding:32px;text-align:center}.empty__title{font-family:var(--font-display);font-size:24px;margin:0 0 10px}.empty__desc{margin:0 0 18px;color:var(--muted)}.loading{display:flex;align-items:center;gap:10px;color:var(--muted);padding:14px 0}.loading__spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,.1);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#c0402b;background:#fbe4df;padding:10px 14px;border-radius:10px;border:1px solid #f3c9bf}.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:50}.modal__backdrop{position:absolute;inset:0;background:#110c078c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal__panel{position:relative;background:var(--surface);border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--border);max-height:85vh;overflow:hidden;display:flex;flex-direction:column;width:min(720px,90vw)}.modal__panel--lg{width:min(980px,92vw)}.modal__header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.modal__title{margin:0;font-family:var(--font-display);font-size:24px}.modal__body{padding:24px;overflow-y:auto}.modal__footer{border-top:1px solid var(--border);padding:16px 24px}.modal__footerActions{display:flex;justify-content:flex-end;gap:12px}.auth{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden}.auth__card{width:min(420px,92vw);background:var(--surface);padding:32px;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow);position:relative;z-index:2}.auth__header h1{font-family:var(--font-display);margin:12px 0 8px}.auth__header p{margin:0;color:var(--muted)}.auth__badge{display:inline-flex;padding:4px 12px;border-radius:999px;background:#efe7dd;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.auth__form{margin-top:24px;display:grid;gap:18px}.auth__glow{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(196,106,43,.25),transparent 70%);top:-100px;right:0;z-index:1}.order-detail{display:grid;gap:20px}.order-detail__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.order-detail__card{padding:16px;border-radius:14px;background:var(--surface-alt);border:1px solid var(--border)}.order-detail__items h4{margin:0 0 12px}.items{display:grid;gap:12px}.items__row{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-alt)}.items__row img{width:56px;height:56px;object-fit:cover;border-radius:10px}.items__title{font-weight:600}.items__meta{font-size:12px;color:var(--muted)}.label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 6px}.value{margin:0;font-weight:600}.muted{margin:0;color:var(--muted)}.product-detail{display:grid;grid-template-columns:280px 1fr;gap:24px}.product-detail__media img{width:100%;border-radius:18px;border:1px solid var(--border);object-fit:cover;height:100%}.product-detail__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:18px}.product-detail__form{display:grid;gap:14px}.form{display:grid;gap:16px}.form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.form__inline{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr)) auto;gap:12px;align-items:end}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.sidebar__nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.sidebar__footer{display:none}.main{padding:28px 24px 40px}}@media(max-width:900px){.panel{padding:18px}.panel__header--split{flex-direction:column;align-items:stretch}.panel__header--split .btn{width:100%}.table{gap:12px}.table__row{grid-template-columns:1fr;gap:12px;padding:14px}.table__row--head{display:none}.table__cell[data-label]{display:grid;gap:4px}.table__cell[data-label]:before{display:block;content:attr(data-label);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.table__actions{justify-content:flex-start}.table__truncate{-webkit-line-clamp:3}.table--products .table__row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.table--products .table__cell--product-price,.table--products .table__cell--product-description{display:none}.table--products .table__cell--product-main:before,.table--products .table__cell--product-action:before{display:none}.table--products .table__cell--product-action{justify-self:end}.table--orders .table__cell--order-delivery,.table--orders .table__cell--order-created{display:none}.table--orders .table__row{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"id client action" "status status status";align-items:start;column-gap:12px;row-gap:10px}.table--orders .table__cell--order-id{grid-area:id;align-self:center}.table--orders .table__cell--order-client{grid-area:client;min-width:0}.table--orders .table__cell--order-status{grid-area:status}.table--orders .table__cell--order-action{grid-area:action;align-self:center}.table--orders .table__cell--order-id:before,.table--orders .table__cell--order-client:before,.table--orders .table__cell--order-status:before,.table--orders .table__cell--order-action:before{display:none}.table--orders .table__cell--order-action .table__actions{justify-content:flex-start}.table--orders .table__cell--order-action .btn{white-space:nowrap}.product-detail{grid-template-columns:1fr}.product-detail__media img{max-height:260px}}@media(max-width:720px){.main{padding:22px 16px 32px}.main__header{flex-direction:column;align-items:flex-start;margin-bottom:20px;gap:12px}.main__title{font-size:28px}.main__actions,.main__actions .btn{width:100%}.filter{grid-template-columns:1fr;padding:16px}.filter__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter__actions .btn{width:100%}.form__inline{grid-template-columns:1fr}}@media(max-width:640px){.sidebar{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}.sidebar__logo{width:38px;height:38px;border-radius:12px}.sidebar__title{font-size:18px}.sidebar__nav{flex-wrap:nowrap;overflow-x:auto;margin:0 -2px;padding:0 2px 4px;scrollbar-width:thin}.sidebar__link{flex:0 0 auto;white-space:nowrap;padding:8px 12px;font-size:14px}.sidebar__footer{display:block;margin-top:4px}.sidebar__footer .btn{width:100%}.main__actions{display:none}.auth{padding:16px}.auth__card{width:100%;padding:20px;border-radius:18px}.auth__form{margin-top:16px;gap:14px}.auth__form .btn{width:100%}.modal{padding:12px;place-items:end center}.modal__panel,.modal__panel--lg{width:100%;max-height:calc(100vh - 24px);border-radius:16px}.modal__header{padding:14px 16px;align-items:flex-start;gap:10px;flex-wrap:wrap}.modal__title{font-size:20px}.modal__body{padding:16px}.modal__footer{padding:12px 16px}.modal__footerActions{flex-direction:column-reverse}.modal__footerActions .btn{width:100%}.items__row{align-items:flex-start}}@media(max-width:480px){.main{padding:18px 12px 24px}.main__title{font-size:24px}.panel,.filter{padding:14px}.filter__actions{grid-template-columns:1fr}.product{align-items:flex-start}.product img{width:56px;height:56px}.order-detail__grid{grid-template-columns:1fr}.table--orders .table__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id action" "client client" "status status";row-gap:8px}}