:root{color:#101828;background:#f5f6f8;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f5f6f8;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100%;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root,.ant-layout{min-width:0;max-width:100%}.center{min-height:100vh;display:grid;place-items:center}.app-shell{min-height:100vh}.sidebar{background:#111827!important}.brand{height:84px;padding:18px 20px;display:flex;align-items:center;gap:12px;color:#fff}.brand-mark,.login-logo{background:linear-gradient(135deg,#ff8a4c,#ff4d2e);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 24px #ff6b3540}.brand-mark{width:42px;height:42px;border-radius:12px}.brand strong,.brand small,.profile strong,.profile small{display:block}.brand small{color:#98a2b3;margin-top:2px}.sidebar .ant-menu{background:transparent;padding:8px 10px}.sidebar .ant-menu-item{margin-block:5px}.header{height:76px;background:#fff;border-bottom:1px solid #eaecf0;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.mobile-menu-button{display:none;font-size:20px}.profile{height:58px;display:flex;align-items:center;gap:10px;text-align:left}.header-actions{display:flex;align-items:center;gap:8px}.profile small{color:#667085;max-width:180px;overflow:hidden;text-overflow:ellipsis}.content{min-width:0;padding:28px;overflow:auto}.ant-table-wrapper{max-width:100%;overflow-x:auto}.ant-table{min-width:720px}.ant-table-wrapper .ant-pagination{min-width:max-content}.table-toolbar{margin-bottom:16px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.page-heading h2{margin:0 0 4px!important}.stat-card{position:relative;overflow:hidden;border:1px solid #eaecf0}.stat-card .ant-card-body{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.stat-icon{width:44px;height:44px;border-radius:12px;background:#fff0ea;color:#ff6b35;display:grid;place-items:center;font-size:20px}.stat-arrow{position:absolute;right:20px;bottom:18px;color:#98a2b3}.section-card{margin-top:20px}.dashboard-secondary{margin-top:18px}.table-subtitle{display:block;color:#667085;margin-top:3px}.role-card{height:100%}.permission-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.empty-panel{background:#fff;min-height:420px;border-radius:14px;border:1px solid #eaecf0;display:grid;place-items:center}.filters-bar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 220px;gap:12px;margin-bottom:18px}.product-filters{grid-template-columns:minmax(250px,1fr) minmax(240px,.85fr) 130px 190px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.form-grid .ant-input-number{width:100%}.span-2{grid-column:span 2}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#fff8f4!important}.locations-filters{grid-template-columns:minmax(260px,520px)}.inactive-row{opacity:.55}.stock-summary{margin-bottom:18px}.stock-filters{grid-template-columns:minmax(260px,1fr) 280px}.document-line{display:grid;grid-template-columns:minmax(260px,1fr) 130px 150px 40px;gap:10px;align-items:start}.document-line .ant-input-number{width:100%}.document-comment{margin-top:20px}.report-download{margin:18px 0 12px}.report-filters{grid-template-columns:minmax(260px,1fr) 220px auto}.positive-delta{color:#039855}.negative-delta{color:#d92d20}.login-page{min-height:100vh;display:grid;place-items:center;background:#101828;padding:24px 0}.login-card{width:min(440px,calc(100vw - 40px));align-self:center;justify-self:center;padding:20px;box-shadow:0 32px 80px #0005}.login-logo{width:52px;height:52px;border-radius:15px;margin-bottom:28px}.login-card .ant-alert{margin-bottom:18px}.mobile-drawer .ant-menu{background:transparent;padding:8px 10px}.mobile-drawer .ant-menu-item{margin-block:5px}.ai-card{width:min(900px,100%);margin:0 auto;overflow:hidden}.ai-empty{min-width:0;padding:32px 12px;text-align:center}.ai-examples{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-width:0}.ai-examples .ant-btn{max-width:100%;height:auto;min-height:32px;white-space:normal;overflow-wrap:anywhere}.ai-message{display:flex;gap:12px;align-items:flex-start;min-width:0}.ai-message-user{flex-direction:row-reverse}.ai-message-bubble{max-width:78%;min-width:0;padding:10px 14px;border-radius:12px;background:#f5f5f5;white-space:pre-wrap;overflow-wrap:anywhere}.ai-message-user .ai-message-bubble{background:#e6f4ff}.ai-share-button{display:flex;margin:8px -7px -4px auto;color:#667085}.share-photo-preload{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.ai-composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;width:100%;min-width:0}.ai-composer .ant-btn{height:auto}.ai-question{min-width:0;resize:none}.attachments-panel{margin-top:24px}.attachments-heading{width:100%;justify-content:space-between;margin-bottom:12px}.attachments-heading h5{margin:0}.attachments-loading{min-height:120px;display:grid;place-items:center}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.photo-tile{position:relative;min-width:0;aspect-ratio:4 / 3;overflow:hidden;border:1px solid #eaecf0;border-radius:10px;background:#f2f4f7}.photo-tile .ant-image{width:100%;height:100%}.photo-image{width:100%;height:100%;object-fit:cover}.photo-actions{position:absolute;right:5px;top:5px;display:flex;gap:2px;padding:2px;border-radius:8px;background:#fffffff0;box-shadow:0 2px 8px #10182820}.attachment-image-loading{display:grid;place-items:center;background:#f2f4f7}.photos-empty{margin-block:10px 18px}.attachment-files{margin-top:12px}.product-cover{display:block;width:52px;height:52px;border-radius:8px;object-fit:cover;border:1px solid #eaecf0;background:#f2f4f7}.product-cover-empty{display:grid;place-items:center;color:#98a2b3}@media(max-width:900px){.desktop-sidebar{display:none!important}.mobile-menu-button{display:inline-flex}.login-card{width:min(440px,calc(100vw - 24px));padding:14px}.header{height:64px;padding:0 12px;position:sticky;top:env(safe-area-inset-top);z-index:20}.profile{padding-inline:6px}.profile span,.install-pwa-button span{display:none}.content{padding:16px 12px 28px}.page-heading{align-items:stretch;margin-bottom:18px}.page-heading h2{font-size:24px!important}.page-heading>.ant-btn{flex:none}.permission-grid,.form-grid,.filters-bar,.stock-filters,.locations-filters{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}.document-line{grid-template-columns:minmax(0,1fr) 110px 38px}.document-line .ant-form-item:nth-child(3){grid-column:1 / span 2}.ant-card-body{padding:16px!important}.ant-modal{max-width:100vw;margin:0;top:0;padding-bottom:0}.ant-modal .ant-modal-content{min-height:100dvh;border-radius:0;display:flex;flex-direction:column;padding:18px 14px}.ant-modal .ant-modal-body{flex:1;overflow-y:auto}.ant-modal-confirm{top:15vh;margin:0 auto;max-width:calc(100vw - 24px)}.ant-modal-confirm .ant-modal-content{min-height:auto;border-radius:12px}.table-toolbar{display:grid;grid-template-columns:1fr;width:100%}.table-toolbar .ant-input-group-wrapper,.table-toolbar .ant-select{width:100%!important}}@media(max-width:520px){.page-heading{flex-direction:column}.page-heading>.ant-btn{width:100%}.document-line{grid-template-columns:minmax(0,1fr) 38px;border-bottom:1px solid #eaecf0;margin-bottom:12px}.document-line .ant-form-item{grid-column:1}.document-line>.ant-btn{grid-column:2;grid-row:1}.ai-empty{padding:24px 0}.ai-examples{display:grid;grid-template-columns:minmax(0,1fr)}.ai-examples .ant-btn{width:100%;padding:8px 12px;line-height:1.35}.ai-message{gap:8px}.ai-message-bubble{max-width:calc(100% - 40px)}.ai-composer{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px}.ai-question{grid-column:1 / -1;min-height:74px!important;border-radius:8px}.ai-voice-button,.ai-send-button{width:100%;min-height:44px;border-radius:8px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attachments-heading{align-items:stretch}.attachments-heading .ant-upload-wrapper,.attachments-heading .ant-btn{width:100%}}