:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#1f2933;background-color:#f8fafc}body{margin:0;min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}a{color:inherit}button{cursor:pointer}input,button,select,textarea{font:inherit}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem;box-sizing:border-box}.card{background:#fff;border-radius:12px;box-shadow:0 12px 24px #0f172a14;padding:2rem;margin-bottom:2rem;border:1px solid rgba(15,23,42,.04)}.card h2{margin-top:0}.google-signin{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.mock-signin-button{padding:.75rem 1rem;border-radius:8px;border:none;background-color:#2563eb;color:#fff;font-weight:500;transition:background-color .2s ease-in-out}.mock-signin-button:hover:not(:disabled),.mock-signin-button:focus-visible:not(:disabled){background-color:#1d4ed8;outline:none}.mock-signin-button:disabled{background-color:#94a3b8;cursor:not-allowed}.form-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.form-row label{display:flex;flex-direction:column;font-size:.9rem;color:#475569}.form-row input,.form-row button{padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(148,163,184,.8)}.form-row button{background-color:#2563eb;color:#fff;border:none;transition:background-color .2s ease-in-out}.form-row button:hover{background-color:#1d4ed8}.form-row button:disabled,.form-row button:disabled:hover{background-color:#94a3b8;cursor:not-allowed}.table-wrapper{overflow-x:auto}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.inventory-search{flex:1 1 240px;min-width:200px}.inventory-search input{width:100%;padding:.55rem .75rem;border-radius:8px;border:1px solid rgba(148,163,184,.8);box-sizing:border-box}.inventory-search input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.print-all-button{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.5rem;border-radius:8px;border:none;background-color:#2563eb;color:#fff;font-weight:500;transition:background-color .2s ease-in-out}.print-all-button:hover:not(:disabled),.print-all-button:focus-visible:not(:disabled){background-color:#1d4ed8;outline:none}.print-all-button:disabled{background-color:#94a3b8;cursor:not-allowed}.inventory-table{width:100%;border-collapse:collapse}.inventory-table th,.inventory-table td{padding:.75rem .5rem;border-bottom:1px solid rgba(15,23,42,.08);text-align:left}.inventory-table th{font-weight:600;color:#1e293b}.inventory-sort-button{border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.inventory-sort-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.inventory-sort-indicator{font-size:.75rem;line-height:1}.inventory-table tr:last-child td{border-bottom:none}.inventory-table th:nth-child(3),.inventory-table td:nth-child(3){width:120px}.inventory-table th:last-child,.inventory-table td:last-child{width:110px;text-align:right}.inventory-table input[type=number]{width:100%;max-width:120px;min-width:72px;padding:.5rem .6rem;border-radius:8px;border:1px solid rgba(148,163,184,.8);box-sizing:border-box}.sku-name-button{border:none;background:none;padding:0;margin:0;font:inherit;color:#2563eb;text-decoration:underline;cursor:pointer}.sku-name-button:hover,.sku-name-button:focus-visible{color:#1d4ed8;outline:none}.inventory-actions{display:flex;gap:.5rem;justify-content:flex-end}.inventory-actions button{padding:.5rem .75rem;border-radius:8px;border:none;background-color:#2563eb;color:#fff;transition:background-color .2s ease-in-out}.save-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.save-button-icon{display:none;font-size:1.1rem;line-height:1}.delete-button{display:inline-flex;align-items:center;justify-content:center;background-color:#ef4444;padding:.5rem;width:2.25rem;min-width:2.25rem}.delete-button span{font-size:1.05rem;line-height:1}.inventory-actions button:hover{background-color:#1d4ed8}.delete-button:hover{background-color:#dc2626}.inventory-pagination{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.inventory-pagination-summary{color:#475569;font-size:.95rem}.inventory-pagination-controls{display:flex;align-items:center;gap:.75rem}.pagination-button{padding:.45rem .9rem;border-radius:8px;border:1px solid rgba(148,163,184,.8);background-color:#fff;color:#1f2937;font-weight:500;transition:background-color .2s ease-in-out,color .2s ease-in-out}.pagination-button:hover:not(:disabled),.pagination-button:focus-visible:not(:disabled){background-color:#2563eb;color:#fff;outline:none}.pagination-button:disabled{border-color:#94a3b899;color:#475569cc;cursor:not-allowed}.inventory-pagination-page{font-weight:500;color:#1f2937}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status-bar{margin-bottom:1.5rem;padding:.75rem 1rem;border-radius:8px}.status-bar.success{background-color:#ecfdf5;color:#047857;border:1px solid rgba(16,185,129,.4)}.status-bar.error{background-color:#fef2f2;color:#b91c1c;border:1px solid rgba(248,113,113,.5)}.import-hint{margin:0 0 1rem;color:#64748b;font-size:.9rem}.import-summary{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(37,99,235,.2);background-color:#eff6ff;color:#1e3a8a}.import-summary details{margin-top:.5rem}.import-summary summary{cursor:pointer;font-weight:600}.import-summary ul{margin:.5rem 0 0 1.25rem;padding:0}.import-summary li{margin-bottom:.25rem}.import-summary li:last-child{margin-bottom:0}.shopify-hint{margin:0 0 1rem;color:#475569}.shopify-status{margin-top:.75rem;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(16,185,129,.4);background-color:#ecfdf5;color:#047857}.shopify-status p{margin:0 0 .5rem}.shopify-status p:last-child{margin-bottom:0}.shopify-sync-message{margin:.75rem 0 0;font-weight:600}.shopify-sync-message-success{color:#047857}.shopify-sync-message-error{color:#b91c1c}.shopify-sync-status{margin:.75rem 0 0;font-weight:600;color:#0f172a}.shopify-sync-controls{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.shopify-sync-controls label{display:flex;flex-direction:column;gap:.35rem;color:#0f172a;font-weight:500}.shopify-sync-controls select{padding:.4rem .6rem;border-radius:6px;border:1px solid #cbd5f5;font-size:.95rem}.shopify-sync-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:8px;border:none;background-color:#0ea5e9;color:#fff;font-weight:600;transition:background-color .2s ease-in-out}.shopify-sync-button:hover:not(:disabled),.shopify-sync-button:focus-visible:not(:disabled){background-color:#0284c7;outline:none}.shopify-sync-button:disabled{background-color:#7dd3fc;cursor:not-allowed}.shopify-sync-error{margin:.75rem 0 0;color:#b91c1c;font-weight:600}.shopify-sync-summary{margin:.75rem 0 0;color:#0f172a}.shopify-status-text{margin:0 0 1rem;color:#475569}.shopify-error{margin:0 0 1rem;color:#b91c1c;font-weight:500}.shopify-connect-form{margin-top:.5rem}.shopify-scope-hint{margin-top:1rem;color:#64748b;font-size:.9rem}.shopify-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem}.shopify-refresh-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .85rem;border-radius:8px;border:none;background-color:#2563eb;color:#fff;font-weight:500;transition:background-color .2s ease-in-out}.shopify-refresh-button:hover:not(:disabled),.shopify-refresh-button:focus-visible:not(:disabled){background-color:#1d4ed8;outline:none}.shopify-refresh-button:disabled{background-color:#94a3b8;cursor:not-allowed}.shopify-disconnect-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .85rem;border-radius:8px;border:none;background-color:#dc2626;color:#fff;font-weight:500;transition:background-color .2s ease-in-out}.shopify-disconnect-button:hover:not(:disabled),.shopify-disconnect-button:focus-visible:not(:disabled){background-color:#b91c1c;outline:none}.shopify-disconnect-button:disabled{background-color:#f87171;cursor:not-allowed}.empty-state{text-align:center;padding:2rem 1rem;color:#475569}.logout-button{background:none;border:none;color:#2563eb;text-decoration:underline;font-weight:500}.header-actions{display:flex;align-items:center;gap:1.5rem}.header-status{display:flex;flex-direction:column;gap:.25rem}.header-buttons{display:flex;align-items:center;gap:.75rem}.admin-link{background:none;border:none;color:#2563eb;text-decoration:underline;font-weight:500;padding:0}.admin-link:hover,.admin-link:focus-visible{color:#1d4ed8;outline:none}.managed-tenant{font-size:.9rem;color:#475569}.admin-card{border:1px solid rgba(37,99,235,.2)}.admin-account-list-wrapper{margin-top:1rem}.admin-loading,.admin-empty{margin:.5rem 0 0;color:#475569}.admin-account-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.admin-account-list li{margin:0}.admin-account-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:8px;border:1px solid rgba(148,163,184,.8);background-color:#fff;color:#1f2937;font-weight:500;text-align:left;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.admin-account-button:hover,.admin-account-button:focus-visible{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;outline:none}.admin-account-button.is-selected{border-color:#2563eb;background-color:#2563eb14}.admin-account-email{flex:1;font-weight:500;word-break:break-word}.admin-account-indicator{font-size:.85rem;color:#2563eb;font-weight:500}.admin-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.admin-actions button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .85rem;border-radius:8px;border:none;background-color:#e2e8f0;color:#1f2937;font-weight:500;transition:background-color .2s ease-in-out}.admin-actions button:hover,.admin-actions button:focus-visible{background-color:#cbd5f5;outline:none}.admin-actions button:disabled{cursor:not-allowed;opacity:.6}.admin-actions button:disabled:hover,.admin-actions button:disabled:focus-visible{background-color:#e2e8f0}.admin-primary-button{background-color:#2563eb;color:#fff}.admin-primary-button:hover,.admin-primary-button:focus-visible{background-color:#1d4ed8}.admin-error{margin-top:.75rem;color:#b91c1c;font-weight:500}.admin-current{margin-top:.75rem;color:#475569}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-info{display:flex;flex-direction:column;gap:.35rem;max-width:520px}.header-description{margin:0;color:#475569;font-size:1rem;line-height:1.5}footer{background:#e2e8f0;padding:2rem 1.5rem 2.5rem;color:#334155}.footer-content{max-width:960px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:.75rem}.footer-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.footer-content a{color:#2563eb;text-decoration:none;font-weight:500}.footer-content a:hover{text-decoration:underline}@media (max-width: 720px){header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-info{max-width:100%}.header-actions{flex-direction:column;align-items:flex-start;gap:.75rem}.header-buttons{width:100%;flex-wrap:wrap;gap:.5rem}.header-buttons button{padding-left:0}.inventory-toolbar{justify-content:flex-start}.inventory-toolbar .print-all-button{width:100%;justify-content:center}.admin-actions{flex-direction:column;align-items:stretch}.admin-actions button{width:100%;justify-content:center}main{padding:1.75rem 1rem 2.75rem}.card{padding:1.5rem 1rem 1.75rem}footer{padding:1.75rem 1rem 2.25rem}.inventory-table th:nth-child(3),.inventory-table td:nth-child(3){width:90px}.inventory-table input[type=number]{max-width:80px}.inventory-actions{justify-content:flex-start}.inventory-actions button{padding:.5rem .6rem}.delete-button{width:2rem;min-width:2rem;padding:.45rem}.save-button-icon{display:inline}.save-button-label{display:none}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box;z-index:1000}.lightbox-content{position:relative;background:#fff;border-radius:16px;padding:2rem 2.5rem;max-width:420px;width:100%;box-shadow:0 30px 60px #0f172a40;text-align:center}.lightbox-close{position:absolute;top:.75rem;right:.75rem;border:none;background:none;font-size:1.75rem;line-height:1;cursor:pointer;color:#475569}.lightbox-close:hover,.lightbox-close:focus-visible{color:#1d4ed8;outline:none}.qr-preview{margin:1.5rem auto;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:#e2e8f073}.qr-preview img{max-width:260px;height:auto;display:block}.qr-print-button{padding:.6rem 1.5rem;border-radius:8px;border:none;background-color:#2563eb;color:#fff;font-weight:500;transition:background-color .2s ease-in-out}.qr-print-button:hover:not(:disabled){background-color:#1d4ed8}.qr-print-button:disabled{background-color:#94a3b8;cursor:not-allowed}.qr-error{color:#b91c1c;margin:1rem 0}@media (max-width: 540px){.lightbox-content{padding:1.75rem 1.5rem}.qr-preview{padding:.75rem}}
