body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--sidebar-width:250px;--transition-fast:120ms;--transition-base:200ms;--font-size-base:clamp(14px,1.05vw,16px);--line-height-base:1.45;--green-500:#16a34a;--green-600:#15803d;--green-650:#166534;--green-700:#14532d}.container{margin:0 auto;max-width:1600px;padding:0 12px;padding:0 var(--space-3);width:100%}@media (min-width:640px){.container{padding:0 16px;padding:0 var(--space-4)}}@media (min-width:1200px){.container{padding:0 24px;padding:0 var(--space-5)}}.hide-on-mobile{display:none!important}@media (min-width:992px){.hide-on-mobile{display:inline!important;display:initial!important}}.show-on-mobile{display:inline!important;display:initial!important}@media (min-width:992px){.show-on-mobile{display:none!important}}body.no-scroll{overflow:hidden}.header{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;height:60px;position:relative}.header,.header-content{align-items:center;display:flex}.header-content{justify-content:space-between;padding:0 20px;width:100%}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.4rem}@media (max-width:991px){.hamburger{align-items:center;display:inline-flex}}.header-title{font-size:1.5rem;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:15px}.user-info{color:#ecf0f1;font-size:.9rem}.logout-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.logout-btn:hover{background-color:#c0392b}.sidebar{background-color:#34495e;color:#fff;overflow-y:auto;transition:transform var(--transition-base) ease;width:250px;width:var(--sidebar-width,250px)}@media (max-width:991px){.sidebar{bottom:0;box-shadow:2px 0 8px #00000040;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:900}.sidebar.open{transform:translateX(0)}}.sidebar-menu{padding:20px 0}.sidebar-item{align-items:center;border-left:3px solid #0000;color:#ecf0f1;display:flex;padding:12px 20px;text-decoration:none;transition:background-color var(--transition-base)}.sidebar-item:hover{background-color:#3d566e;color:#fff}.sidebar-item.active{background-color:#2980b9;border-left-color:#3498db}.sidebar-icon{font-size:1.2rem;margin-right:12px;text-align:center;width:20px}.sidebar-label{font-size:.95rem;font-weight:500}.layout{display:flex;flex-direction:column;min-height:100dvh}.layout-body{display:flex;flex:1 1;overflow:hidden;position:relative}.main-content{background-color:#f5f5f5;flex:1 1;overflow-y:auto;padding:var(--space-5) var(--space-4);transition:padding var(--transition-base)}@media (max-width:991px){.main-content{padding:var(--space-4) var(--space-3) var(--space-6)}}.sidebar-backdrop{display:none}@media (max-width:991px){.sidebar-backdrop.active{background:#00000073;display:block;inset:0;position:fixed;z-index:800}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.register-card{max-width:600px}.auth-title{color:#2c3e50;font-size:2rem;font-weight:600;margin-bottom:8px;text-align:center}.auth-subtitle{color:#7f8c8d;font-size:1rem;margin-bottom:30px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.register-card .form-row:last-of-type{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#2c3e50;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.auth-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s,box-shadow .2s}.auth-button:hover:not(:disabled){box-shadow:0 8px 20px #3498db4d;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#fee;border-left:4px solid #e74c3c;border-radius:6px;color:#c0392b;font-size:.9rem;padding:12px}.auth-link{color:#7f8c8d;font-size:.9rem;margin-top:25px;text-align:center}.auth-link a{color:#3498db;font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.loading{align-items:center;color:#7f8c8d;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.product-list .page-header{margin-bottom:1rem}.panel{background:#fff;background:var(--surface-raised,#fff);border:1px solid #e2e5e9;border:1px solid var(--border-subtle,#e2e5e9);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm,0 1px 2px #0000000a);padding:1rem 1.125rem}.filters-grid{grid-gap:.75rem 1rem;display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.field-group{display:flex;flex-direction:column;gap:.25rem}.field-group.checkbox{align-items:center;flex-direction:row;justify-content:flex-end}.field-group label{color:#5a6270;color:var(--text-subtle,#5a6270);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.field-group input[type=search],.field-group input[type=text],.field-group select,.filters-grid input,.filters-grid select{background:#fff;background:var(--surface,#fff);border:1px solid #d9dde2;border:1px solid var(--border-subtle,#d9dde2);border-radius:4px;border-radius:var(--radius-sm,4px);font-size:.875rem;padding:.5rem .55rem}.bulk-bar{align-items:center;background:#fff8e1;background:var(--surface-warning,#fff8e1);border:1px solid #f4d180;border:1px solid var(--border-warning,#f4d180);border-radius:4px;border-radius:var(--radius-sm,4px);color:#6b5200;display:flex;font-size:.875rem;gap:.75rem;margin:.75rem 0;padding:.5rem .75rem;.actions-cell{min-width:140px}.action-select{background:#fff;border:1px solid #ccc;border:1px solid var(--border-subtle,#ccc);border-radius:4px;cursor:pointer;font:inherit;padding:4px 6px}.action-select:focus{outline:2px solid #2684ff;outline:var(--focus-ring,2px solid var(--focus,#2684ff));outline-offset:1px}.action-select option.danger{color:#b00020;color:var(--danger,#b00020)}}.bulk-bar .spacer{flex:1 1}.table-wrapper{margin-top:.5rem}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-subtle,#e1e5e9);padding:.55rem .6rem;text-align:left}.data-table th{background:#f8f9fa;background:var(--surface-alt,#f8f9fa);color:#5d6472;color:var(--text-subtle,#5d6472);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.data-table tbody tr:hover{background:#f3f5f7;background:var(--surface-hover,#f3f5f7)}.data-table tbody tr.row-selected{background:#e6f2ff;background:var(--surface-selected,#e6f2ff)}.data-table tbody tr{cursor:pointer}.data-table tbody tr a,.data-table tbody tr button,.data-table tbody tr input{cursor:auto}.data-table tbody tr:focus-within{outline:2px solid #15803d;outline-offset:-2px}.status-pill{border-radius:999px;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.status-pill.active{background:#e3f7ec;color:#167c3d}.status-pill.inactive{background:#f2f4f6;color:#6a7280}.pagination-bar{align-items:center;display:flex;justify-content:space-between;padding:.5rem .25rem 0}.pagination-bar,.pagination-bar button{font-size:.75rem}.product-list-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.product-list-header .headings h1{margin:0 0 .25rem}.hide-md,.hide-sm{display:table-cell}@media (max-width:800px){.hide-md{display:none}}@media (max-width:640px){.hide-sm{display:none}.filters-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.data-table td,.data-table th{padding:.5rem}}.product-detail .detail-layout{align-items:flex-start;display:flex;gap:2rem}.product-detail .media-column{max-width:480px;width:40%}.product-detail .main-image{align-items:center;background:#fafafa;border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:4px;display:flex;justify-content:center;margin:0 0 1rem;min-height:280px;overflow:hidden}.product-detail .main-image img{display:block;height:auto;object-fit:contain;width:100%}.product-detail .thumbs{display:flex;flex-wrap:wrap;gap:.5rem}.product-detail .thumb{align-items:center;background:#fff;border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:4px;cursor:pointer;display:flex;height:70px;justify-content:center;margin:0;overflow:hidden;padding:0;width:70px}.product-detail .thumb.active{outline:2px solid #2563eb;outline:2px solid var(--primary,#2563eb)}.product-detail .thumb img{max-height:100%;max-width:100%;object-fit:cover}.product-detail .image-placeholder{border:1px dashed #bbb;border-radius:4px;color:#666;font-size:.9rem;padding:3rem;text-align:center}.product-detail .info-column{flex:1 1}.product-detail .meta-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:1rem}.product-detail .meta-grid .full{grid-column:1/-1}.product-detail .plain-list,.product-detail .tiers ul{margin:.25rem 0 0;padding-left:1.2rem}.product-detail .attrs-block ul{column-count:2;column-gap:1.5rem}.product-detail .attrs-block li{break-inside:avoid;padding:.15rem 0;page-break-inside:avoid}.product-detail .attr-key{font-weight:600}.product-detail .status-line{font-weight:600;margin-top:.5rem}.product-detail .meta-timestamps{font-size:.75rem;margin-top:.25rem;opacity:.7}.create-product .product-form{margin-top:.75rem}.product-form .form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.product-form .field-group{display:flex;flex-direction:column;gap:.35rem}.product-form .field-group.full{grid-column:1/-1}.product-form input,.product-form textarea{border:1px solid #d9dde2;border:1px solid var(--border-subtle,#d9dde2);border-radius:4px;border-radius:var(--radius-sm,4px);font-size:.875rem;padding:.55rem .6rem}.product-form textarea{resize:vertical}.image-previews{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.image-previews figure{background:#fafbfc;border:1px solid #d9dde2;border:1px solid var(--border-subtle,#d9dde2);border-radius:4px;border-radius:var(--radius-sm,4px);height:120px;overflow:hidden;position:relative;width:120px}.image-previews img{display:block;height:100%;object-fit:cover;width:100%}.image-previews button.remove{background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:22px;line-height:22px;position:absolute;right:4px;top:4px;width:22px}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.error-inline{color:#b42318;color:var(--danger,#b42318);font-size:.8rem;margin-top:.75rem}@media (max-width:600px){.product-form .form-grid{grid-template-columns:1fr}}.edit-product .form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.edit-product .field-group{display:flex;flex-direction:column;gap:.35rem}.edit-product .field-group.full{grid-column:1/-1}.edit-product textarea{resize:vertical}.edit-product .image-previews{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.edit-product .image-previews figure{align-items:center;background:#fafafa;border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:4px;display:flex;height:120px;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;width:120px}.edit-product .image-previews img{max-height:100%;max-width:100%;object-fit:cover}.edit-product .image-previews .remove{background:#000a;border:0;border-radius:2px;color:#fff;cursor:pointer;font-size:14px;height:22px;line-height:20px;position:absolute;right:2px;top:2px;width:22px}.edit-product .inline-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.edit-product .inline-row input[type=number],.edit-product .inline-row input[type=text],.edit-product .inline-row select{min-width:100px}.edit-product .tier-row input{width:110px}.edit-product .attr-row input{width:160px}.edit-product .btn.small{font-size:.75rem;padding:.35rem .65rem}.edit-product .muted{font-size:.85rem;opacity:.7}.edit-product .error-inline{color:#b3261e;font-weight:500;margin:1rem 0}.edit-product .form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.account-info{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 1.25rem 2.5rem}.ai-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.ai-subtitle{color:#555;font-size:.9rem;margin:.25rem 0 0}.ai-actions{display:flex;gap:.5rem}.ai-btn{background:#eee;border:1px solid #ddd;border-radius:4px;cursor:not-allowed;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.55rem .9rem;text-transform:uppercase}.ai-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ai-card{background:#fff;border:1px solid #e2e2e2;border-radius:6px;display:flex;flex-direction:column;gap:.55rem;padding:1rem .95rem 1.1rem;position:relative}.ai-card h3{color:#333;font-size:.9rem;letter-spacing:.7px;margin:0 0 .35rem;text-transform:uppercase}.ai-pair{border-bottom:1px dotted #eee;display:flex;font-size:.8rem;gap:.75rem;justify-content:space-between;padding:.25rem 0}.ai-pair:last-child{border-bottom:none}.ai-pair span{color:#555;flex:1 1}.ai-pair code,.ai-pair strong{flex:1 1;font-size:.78rem;font-weight:600;text-align:right;word-break:break-word}.ai-address{align-items:flex-start}.ai-address-lines{display:flex;flex-direction:column;font-size:.72rem;font-weight:600;gap:2px;text-align:right}.badge{border-radius:999px;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.2rem .55rem}.badge-success{background:#e8f9f0;border:1px solid #c1ecd9;color:#157347}.badge-warning{background:#fff5e6;border:1px solid #f5d6a4;color:#a86606}.badge-danger{background:#ffe9e7;border:1px solid #f3b4ae;color:#b42318}.badge-neutral{background:#eef0f3;border:1px solid #dadee3;color:#4a5568}.ai-note{color:#666;font-size:.65rem;line-height:1.2;margin-top:.35rem}.ai-code{background:#f5f5f5;border-radius:4px;font-family:monospace;padding:.15rem .35rem}@media (max-width:640px){.ai-grid{grid-template-columns:1fr}.ai-pair{font-size:.75rem}}.ai-btn.active{background:#2563eb;border-color:#1d4ed8;color:#fff;cursor:pointer}.ai-btn.primary{background:#16a34a;border-color:#15803d;color:#fff;cursor:pointer}.ai-address-edit input,.ai-pair input[type=password],.ai-pair input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:.7rem;padding:.25rem .4rem;width:100%}.ai-address-edit{display:flex;flex-direction:column;gap:3px;width:100%}.ai-pair input[type=checkbox]{cursor:pointer;transform:scale(1.1)}.ai-avatar-card{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.ai-avatar-wrapper{width:100%}.ai-avatar,.ai-avatar-wrapper{display:flex;justify-content:center}.ai-avatar{align-items:center;background:#eef0f3;border:2px solid #dde2e7;border-radius:50%;color:#455;font-size:1.4rem;font-weight:600;height:92px;overflow:hidden;position:relative;width:92px}.ai-avatar img{height:100%;object-fit:cover;width:100%}.ai-avatar-overlay{align-items:center;background:#0000008c;color:#fff;cursor:pointer;display:flex;font-size:.6rem;inset:0;justify-content:center;letter-spacing:.5px;opacity:0;position:absolute;text-transform:uppercase;transition:opacity .18s ease}.ai-avatar:hover .ai-avatar-overlay{opacity:1}.ai-avatar.loading{filter:grayscale(40%);opacity:.6}.ai-password-modal{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.ai-password-dialog{background:#fff;border-radius:8px;box-shadow:0 6px 18px #00000026;display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.1rem 1.2rem;width:320px}.ai-password-dialog h3{font-size:.95rem;margin:0 0 .25rem}.ai-password-dialog label{display:flex;flex-direction:column;font-size:.7rem;font-weight:600;gap:4px;letter-spacing:.5px}.ai-password-dialog input{border:1px solid #ccc;border-radius:4px;font-size:.75rem;padding:.4rem .5rem}.ai-password-actions{display:flex;gap:.5rem;justify-content:flex-end}.ai-password-actions button{background:#eee;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.45rem .8rem;text-transform:uppercase}.ai-password-actions button:last-child{background:#2563eb;border-color:#1d4ed8;color:#fff}.ai-password-actions button:disabled{cursor:not-allowed;opacity:.6}.admin-messages{display:flex;height:calc(100vh - 120px)}.admin-messages__left{border-right:1px solid #e5e7eb;box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden;width:340px}.admin-messages__left-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.admin-messages__left-toolbar{align-items:center;display:flex;flex:1 1 auto;gap:8px;min-width:0}.admin-messages__left-header h2{font-size:16px;margin:0}.admin-messages__left .filters{grid-gap:8px;align-items:end;display:grid;flex:1 1 100%;gap:8px;grid-template-areas:"search search" "status assignee" "inbox tags";grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;position:relative;width:100%}.admin-messages__left .filters .filter{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-messages__left .filters .filter__label{color:#6b7280;font-size:12px}.admin-messages__left .filters input,.admin-messages__left .filters select{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;min-width:0;padding:6px 8px;width:100%}.admin-messages__left .filters .filter--search{grid-area:search}.admin-messages__left .filters .filter--status{grid-area:status}.admin-messages__left .filters .filter--assignee{grid-area:assignee}.admin-messages__left .filters .filter--inbox{grid-area:inbox}.admin-messages__left .filters .filter--tags{grid-area:tags}.admin-messages__main{display:flex;flex:1 1;flex-direction:column}.admin-messages__empty{color:#6b7280;margin:auto}.admin-messages__right{background:#fff;width:300px}.admin-messages__overlay,.show-on-mobile{display:none}.hide-on-mobile{display:inline;display:initial}.mobile-topbar{background:#fff}.conv-list{overflow:auto}.conv-item{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:10px;padding:10px 12px}.conv-item:hover{background:#f8fafc}.conv-item.active{background:#eef2ff}.conv-item .meta{flex:1 1;min-width:0}.conv-item .meta .top{display:flex;gap:6px;justify-content:space-between}.conv-item .meta .subject{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item .meta .time{color:#6b7280;font-size:12px}.conv-item .meta .preview{color:#4b5563;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item .badge{align-self:center;background:#ef4444;border-radius:10px;color:#fff;font-size:11px;padding:0 6px}.thread-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 12px}.thread-header .thread-title{font-weight:600}.thread-header .thread-meta,.thread-header .thread-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-header .thread-meta{color:#6b7280;font-size:12px}.thread{background:#fafafa;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow:auto;padding:12px 12px 56px}.msg{display:flex;width:100%}.msg.msg--in{justify-content:flex-start}.msg.msg--out{justify-content:flex-end}.msg__bubble{border-radius:12px;box-shadow:0 1px 2px #0000000f;display:inline-flex;flex-direction:column;gap:4px;max-width:70%;overflow-wrap:anywhere;padding:8px 12px;word-break:break-word}.msg.customer .msg__bubble{background:#fff;border:1px solid #e5e7eb;color:#1f2937}.msg.agent .msg__bubble{background:#2563eb;color:#fff}.msg.note{justify-content:center}.msg.note .msg__bubble{background:#fff7ed;border:1px dashed #f59e0b;color:#92400e}.msg__time{align-self:flex-end;font-size:11px;opacity:.75}.typing{color:#6b7280;font-size:12px;padding:0 12px}.composer{border-top:1px solid #eee;padding:8px 12px}.composer .tabs{display:flex;gap:8px;margin-bottom:6px}.composer .tabs button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 8px}.composer .tabs .active{background:#eef2ff;border-color:#c7d2fe}.composer textarea{border:1px solid #ddd;border-radius:8px;min-height:60px;padding:8px;resize:vertical;width:100%}.composer .actions{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.composer .actions .left{display:flex;gap:8px}.composer .actions .right button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.composer .actions .right button:disabled{cursor:not-allowed;opacity:.6}.admin-messages .modal{border-radius:10px;max-height:85vh;max-width:640px;overflow:auto;width:90vw}.admin-messages .modal h3{margin-top:0}.admin-messages .modal .modal-grid{display:flex;flex-direction:column;gap:8px}.admin-messages .modal input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;padding:8px;width:100%}.admin-messages .modal .modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}@media (max-width:1024px){.admin-messages__right{display:none}}@media (max-width:768px){.admin-messages{flex-direction:column;height:100dvh}.admin-messages__left{background:#fff;bottom:0;box-shadow:0 10px 30px #00000026;left:0;max-width:420px;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:90vw;z-index:40}.admin-messages.drawer-open .admin-messages__left{transform:translateX(0)}.admin-messages__overlay{background:#0000004d;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s;z-index:30}.admin-messages.drawer-open .admin-messages__overlay{opacity:1;pointer-events:auto}.thread-header{background:#fff;position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top);z-index:10}.thread-header .thread-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;display:-webkit-box;white-space:normal}.thread-header .thread-meta{display:none}.composer{background:#fff;bottom:0;padding-bottom:calc(env(safe-area-inset-bottom) + 8px);position:-webkit-sticky;position:sticky;z-index:10}.thread{padding-bottom:128px}.show-on-mobile{display:inline-flex}.hide-on-mobile{display:none}.admin-messages__left .filters{grid-template-areas:"search" "status" "assignee" "inbox" "tags";grid-template-columns:1fr}.conv-item{padding:12px 14px}.admin-messages__left .filters input,.admin-messages__left .filters select{font-size:clamp(14px,2.7vw,16px);padding:10px 12px}.composer textarea{min-height:clamp(48px,12vh,120px)}.composer .actions .right button{padding:10px 14px}.msg__bubble{max-width:min(85vw,700px)}}@media (max-width:390px){.admin-messages__left{width:94vw}.composer textarea{min-height:clamp(48px,16vh,140px)}}.modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000040;display:flex;flex-direction:column;max-height:90vh;width:min(520px,94%)}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem 1rem}.modal-body{overflow-y:auto;padding:1rem}.modal-footer{border-top:1px solid #eee;display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.modal-close{background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1}.modal-close:hover{color:#d33}.orders-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.status-pill.pending{background:#f2f4f6;color:#6a7280}.status-pill.on-hold{background:#fff4e5;color:#865300}.status-pill.canceled{background:#fde8e8;color:#b42318}.status-pill.shipped{background:#e6f7ff;color:#075985}.sales-order-page{background:#fff;border:1px solid #e5e7eb;color:#111;margin:0 auto;max-width:900px;padding:24px}.sales-order-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.sales-order-title{font-size:24px;font-weight:700}.header-boxes{display:flex;gap:12px}.header-box{border:1px solid #cbd5e1;min-width:140px;padding:8px 12px}.header-box label{color:#6b7280;display:block;font-size:12px;margin-bottom:4px}.header-box .value{font-weight:600}.panels{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:12px 0}.panel-box{border:1px solid #cbd5e1;min-height:120px;padding:12px}.panel-box h4{color:#6b7280;font-size:12px;margin:0 0 8px}.info-strip{border-bottom:1px solid #cbd5e1;border-top:1px solid #cbd5e1;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;margin:12px 0}.info-cell{border-left:1px solid #cbd5e1;padding:8px 10px}.info-cell:first-child{border-left:none}.info-cell label{color:#6b7280;display:block;font-size:12px}.info-cell .value{font-weight:600}.info-cell.po{border-left:1px solid #cbd5e1}.info-cell.po,.info-cell.shipvia{border-bottom:1px solid #cbd5e1;border-top:1px solid #cbd5e1}.info-cell.shipvia{border-right:1px solid #cbd5e1}.items-section{margin-top:8px}.items-table{border-collapse:collapse;width:100%}.items-table td,.items-table th{border:1px solid #cbd5e1;font-size:14px;padding:8px 10px}.items-table th{background:#f3f4f6;text-align:left}.items-table td.num{text-align:right}.total-row td{border-top:2px solid #111;font-weight:700}.total-footer td{background:#fff;border:1px solid #cbd5e1;border-top:2px solid #111;font-weight:700}.total-footer .total-label{padding-right:12px;text-align:right}.total-footer .total-amount{text-align:right}.actions{display:flex;gap:8px;margin-bottom:12px}.items-filler{display:none}@media print{#root,.App,.sales-order-page,:root,body,html{background:#fff!important;color:#000!important}*{background-color:#fff!important;background-image:none!important;box-shadow:none!important;color:#000!important}.actions{display:none}.sales-order-page{border:none;box-shadow:none}.info-strip{break-after:avoid;page-break-after:avoid}.items-section{break-inside:auto;display:block;margin-top:0;page-break-inside:auto}.items-table{margin:0}.total-bar{display:none}.header,.sidebar{display:none!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.items-table th{background:#fff!important}.items-table td,.items-table th{background:#fff!important;border:1px solid #000!important;color:#000}.items-table tr{break-inside:avoid;page-break-inside:avoid}.print-total-footer{display:table-footer-group}.print-total-footer td{background:#fff!important;border-top:2px solid #000!important;font-weight:700}.print-total-footer .total-label{padding-right:12px;text-align:right}.print-total-footer .total-amount{text-align:right}.items-table tr:last-child td,.print-total-footer tr:last-child td{border-bottom:2px solid #000!important}.header-box,.info-cell,.info-strip,.panel-box{border-color:#000!important}}.toast-container{display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1rem;top:1rem;z-index:1100}.toast{align-items:center;background:#222;border-radius:6px;box-shadow:0 2px 8px #00000040;color:#fff;display:flex;font-size:.9rem;gap:.75rem;max-width:340px;min-width:240px;padding:.75rem 1rem}.toast-info{background:#2d5dd1}.toast-success{background:#22863a}.toast-error{background:#c62828}.toast-warning{background:#b88700}.toast-dismiss{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-left:auto}.toast-dismiss:hover{opacity:.8}*{box-sizing:border-box;margin:0;padding:0}body,html{font-size:var(--font-size-base);line-height:var(--line-height-base)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100dvh}.dashboard{padding:var(--space-5) var(--space-4)}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:#2c3e50;margin-bottom:8px}.dashboard-subtitle{color:#7f8c8d;font-size:1.1rem}.dashboard-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:var(--space-5);transition:transform var(--transition-base),box-shadow var(--transition-base)}.dashboard-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.dashboard-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:12px}.dashboard-card p{color:#7f8c8d;line-height:1.5}.alert{border-left:4px solid;border-radius:8px;margin-bottom:20px;padding:16px}.alert-warning{background-color:#fff3cd;border-left-color:#ffc107;color:#856404}.page-header{margin-bottom:30px}.page-header h1{color:#2c3e50;margin-bottom:8px}.page-header p{color:#7f8c8d;font-size:1.1rem}.btn{align-items:center;background:#f1f5f9;border:1px solid #0000;border-radius:4px;color:#1e293b;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.5px;line-height:1.1;padding:.55rem .95rem;text-decoration:none;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;transition:background var(--transition-base,.2s),color var(--transition-base,.2s),border-color var(--transition-base,.2s),box-shadow var(--transition-base,.2s)}.btn:hover:not(:disabled){background:#e2e8f0}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.primary{background:#16a34a;background:var(--green-500,#16a34a);border-color:#15803d;border-color:var(--green-600,#15803d);color:#fff}.btn.primary:hover:not(:disabled){background:#15803d;background:var(--green-600,#15803d);border-color:#166534;border-color:var(--green-650,#166534)}.btn.primary:active:not(:disabled){background:#166534;background:var(--green-650,#166534);border-color:#14532d;border-color:var(--green-700,#14532d)}.btn:focus-visible{outline:2px solid #15803d;outline:2px solid var(--green-600,#15803d);outline-offset:2px}
/*# sourceMappingURL=main.ebe4eced.css.map*/