@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";:root{color:#1f2430;font-synthesis:none;background:#f6f7fb;font-family:Montserrat,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;background:#f6f7fb}button{font:inherit;cursor:pointer}.shell{background:#f6f7fb;gap:26px;min-height:100vh;padding:16px;display:flex}.sidebar{z-index:10;color:#f5f7fb;background:#090a0c;border-radius:12px;flex-direction:column;width:280px;display:flex;position:fixed;inset:16px auto 16px 16px;overflow:hidden;box-shadow:0 10px 28px #0000001a}.sidebar-company{border-bottom:1px solid #ffffff24;align-items:center;gap:10px;min-height:90px;padding:12px;display:flex}.company-logo{color:#f6e8bd;background:linear-gradient(145deg,#5c9575,#75a987);flex:none;place-items:center;width:65px;height:65px;display:grid}.company-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.company-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.company-copy span{color:#aeb4bd;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar-nav{scrollbar-width:none;flex:1;padding:10px 12px;overflow:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav section{margin-top:15px}.sidebar-nav section small{color:#8f99a8;text-transform:uppercase;letter-spacing:1px;padding:0 12px 8px;font-size:10px;display:block}.nav-item,.logout{color:#b8c0cc;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:13px;transition:background .2s,color .2s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#f05a5f}.nav-item.active{font-weight:600}.nav-item svg{flex:none}.logout{color:#b8c0cc;width:calc(100% - 24px);margin:0 12px 8px}.logout:hover{color:#fff;background:#ffffff14}.sidebar-footer{color:#707782;border-top:1px solid #ffffff1f;justify-content:center;align-items:center;height:58px;min-height:58px;font-size:10px;display:flex}.sidebar-footer strong{color:#aeb4bd;margin-left:5px}.content{width:calc(100% - 306px);min-width:0;margin-left:306px}.topbar{background:#fff;border-radius:8px;align-items:center;gap:12px;height:60px;margin:6px 10px 0;padding:0 18px;display:flex;box-shadow:0 7px 20px #1f243014}.topbar-title{color:#f05a5f;align-items:center;gap:10px;display:flex}.topbar-title>div{color:#1f2430}.topbar-title strong{font-size:16px;font-weight:700;display:block}.topbar-title small{color:#6b7280;margin-top:3px;font-size:11px;display:block}.topbar-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.topbar-actions>button:not(.avatar){color:#090a0c;background:0 0;border:0;place-items:center;padding:4px;display:grid}.topbar-actions synca-system-apps-launcher{min-width:24px;min-height:24px}.avatar{color:#fff;background:#e5b29a;border:3px solid #f6f7fb;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:12px;font-weight:700;display:grid}.profile-wrap{position:relative}.profile-menu{z-index:20;background:#fff;border:1px solid #dde3ea;border-radius:8px;width:230px;padding:8px;position:absolute;top:48px;right:0;box-shadow:0 8px 24px #1f243029}.profile-heading{border-bottom:1px solid #eef0f3;margin-bottom:5px;padding:9px 10px 11px}.profile-heading strong,.profile-heading span{display:block}.profile-heading strong{color:#1f2430;font-size:13px}.profile-heading span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.profile-menu button{color:#1f2430;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:11px 10px;font-size:12px;display:flex}.profile-menu button:hover{background:#f3f4f6}.profile-menu button.danger{color:#e54850}.menu{color:#1f2430;background:0 0;border:0;padding:4px;display:none}.page{max-width:1560px;margin:0 auto;padding:42px 0 32px}.welcome{justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 34px;display:flex}.eyebrow{color:#5b6f8e;letter-spacing:1.5px;margin:0 0 8px;font-size:11px;font-weight:700}.welcome h1{letter-spacing:-.5px;margin:0 0 12px;font-size:30px;line-height:1.2}.welcome p:not(.eyebrow){color:#6b7280;margin:0;font-size:13px}.tenant{color:#6b7280;background:#fff;border:1px solid #dde3ea;border-radius:12px;min-width:214px;padding:14px 18px;font-size:10px;box-shadow:0 4px 12px #1f243008}.tenant strong{color:#1f2430;margin-top:7px;font-size:13px;display:block}.cards{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.card,.panel{background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:20px;box-shadow:0 8px 24px #1f24300f}.card{min-height:122px}.card span{color:#6b7280;font-size:12px}.card strong{margin:18px 0 8px;font-size:22px;display:block}.card small{color:#9aa3af;font-size:10px}.columns{grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;display:grid}.panel{padding:20px}.panel h2{margin:0 0 16px;font-size:16px}.shortcut{text-align:left;color:#1f2430;background:#fff;border:0;border-top:1px solid #eef0f3;align-items:center;gap:12px;width:100%;padding:15px 0;font-size:12px;display:flex}.shortcut svg{color:#1f2430}.shortcut span{color:#f05a5f;margin-left:auto;font-size:10px}.empty{text-align:center;color:#9aa3af;border:1px dashed #cfd6df;border-radius:8px;padding:37px 15px;font-size:12px}.sidebar-backdrop{display:none}.auth{background:linear-gradient(135deg,#090a0c,#242833);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:420px;padding:42px;box-shadow:0 20px 60px #0005}.auth-card h1{font-size:24px}.auth-card p{color:#6b7280;font-size:13px;line-height:1.7}.auth-card button{color:#fff;background:#f05a5f;border:0;border-radius:8px;width:100%;margin-top:20px;padding:13px 18px;font-weight:600}.auth-card button.secondary{background:#1f2430}.icon{color:#f05a5f}.loading{color:#6b7280;place-items:center;min-height:100vh;font-size:13px;display:grid}.settings-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.settings-heading h1{margin:0 0 12px;font-size:30px}.settings-heading p:not(.eyebrow){color:#6b7280;margin:0;font-size:13px}.settings-panel{max-width:760px}.settings-panel p{color:#6b7280;font-size:13px}.back-button{color:#1f2430;background:#fff;border:1px solid #dde3ea;border-radius:7px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex}.back-button:hover{background:#f3f4f6}@media (width<=1100px){.sidebar{width:240px}.content{width:calc(100% - 266px);margin-left:266px}.cards,.columns{gap:14px}}@media (width<=760px){.shell{padding:8px;display:block}.sidebar{width:min(280px,100vw - 16px);transition:transform .2s;inset:8px auto 8px 8px;transform:translate(-110%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:9;background:#0000004d;border:0;display:block;position:fixed;inset:0}.content{width:100%;margin:0}.topbar{height:56px;margin:0;padding:0 12px}.menu{display:block}.topbar-actions{gap:10px}.topbar-actions button{display:none}.page{padding:28px 8px}.welcome{margin-bottom:24px;display:block}.tenant{margin-top:20px}.cards{grid-template-columns:repeat(2,1fr);gap:12px}.card{min-height:112px;padding:15px}.card strong{margin-top:14px;font-size:18px}.columns{grid-template-columns:1fr;gap:12px}}.company-switcher{color:#fff;text-align:left;background:#171a1f;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:30px 1fr 15px;align-items:center;gap:8px;width:calc(100% - 24px);margin:10px 12px 2px;padding:9px 10px;display:grid}.company-switcher:disabled{opacity:.65}.company-switcher:before{content:"⌂";color:#fff;background:#f05a5f;border-radius:7px;place-items:center;width:26px;height:26px;font-size:15px;display:grid}.company-switcher span,.company-switcher strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.company-switcher span{color:#aeb4bd;font-size:9px}.company-switcher strong{margin-top:3px;font-size:10px}.modal-backdrop{z-index:30;background:#090a0c9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.company-modal{background:#fff;border-radius:12px;width:min(100%,560px);max-height:90vh;overflow:hidden;box-shadow:0 24px 70px #0000004d}.modal-head{justify-content:space-between;align-items:flex-start;padding:24px 26px 18px;display:flex}.modal-head h2{margin:7px 0 0;font-size:20px}.close{color:#6b7280;background:#f6f7fb;border:0;border-radius:8px;padding:7px}.search{color:#6b7280;border:1px solid #dde3ea;border-radius:8px;align-items:center;gap:10px;margin:0 26px 18px;padding:11px 13px;display:flex}.search input{width:100%;font:inherit;border:0;outline:0;font-size:12px}.company-list{max-height:430px;padding:0 12px 14px;overflow:auto}.company-option{text-align:left;color:#1f2430;background:#fff;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.company-option:hover,.company-option.selected{background:#fff0f0}.company-option>span:nth-child(2){flex:1;min-width:0}.company-option strong,.company-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.company-option strong{font-size:12px}.company-option small{color:#6b7280;margin-top:4px;font-size:10px}.check{color:#f05a5f;font-size:20px;font-weight:700}.modal-state{text-align:center;color:#6b7280;padding:35px;font-size:12px}.error-text{color:#d9434d}.sidebar-company{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.sidebar-company:hover{background:#ffffff0f}.sidebar-company:disabled{opacity:.65;cursor:wait}.company-logo{background:0 0;border-radius:50%;overflow:hidden}.company-logo img{object-fit:cover}.company-avatar{color:#fff;background:#f05a5f;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.company-avatar img{object-fit:cover;width:100%;height:100%}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.page-heading h1{margin:0 0 10px;font-size:30px}.page-heading p:not(.eyebrow){color:#6b7280;margin:0;font-size:13px}.primary{color:#fff;background:#f05a5f;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}.primary:disabled{opacity:.65;cursor:wait}.toolbar{margin-bottom:16px}.toolbar .search{background:#fff;width:min(100%,420px);margin:0}.table-panel{background:#fff;border:1px solid #dde3ea;border-radius:8px;overflow:auto;box-shadow:0 8px 24px #1f24300f}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef0f3;padding:14px 16px;font-size:12px}th{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;font-size:10px}td{color:#374151}.table-actions{gap:8px;display:flex}.table-actions button{color:#374151;background:#fff;border:1px solid #dde3ea;border-radius:6px;padding:7px 9px;font-size:11px}.table-actions button:hover{background:#f3f4f6}.table-actions button:disabled{opacity:.45;cursor:not-allowed}.form-panel{background:#fff;border:1px solid #dde3ea;border-radius:10px;padding:24px;box-shadow:0 8px 24px #1f24300f}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.field{color:#4b5563;flex-direction:column;gap:7px;font-size:11px;display:flex}.field-wide{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;font:inherit;color:#1f2430;background:#fff;border:1px solid #d8dee7;border-radius:7px;outline:0;padding:11px 12px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#f05a5f;box-shadow:0 0 0 3px #f05a5f1f}.field input[type=checkbox]{accent-color:#f05a5f;width:18px;height:18px}.form-actions{border-top:1px solid #eef0f3;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.form-error,.form-success{color:#d9434d;margin:10px 0;font-size:12px}.form-success{color:#198754}@media (width<=600px){.page-heading{display:block}.page-heading .primary{margin-top:18px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.form-panel{padding:16px}.item-editor{grid-template-columns:1fr 1fr}.remove-item{padding:9px}}.form-section-title{border-top:1px solid #eef0f3;margin:24px 0 14px;padding-top:18px;font-size:15px}.item-editor{grid-template-columns:2fr .8fr .7fr .9fr auto;gap:8px;margin-bottom:10px;display:grid}.item-editor input{min-width:0;font:inherit;border:1px solid #d8dee7;border-radius:7px;padding:10px;font-size:12px}.remove-item{color:#d9434d;background:#fff0f0;border:0;border-radius:7px;padding:0 10px;font-size:11px}.stock-grid{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:18px;margin-bottom:18px;display:grid}.stock-grid form{gap:14px;display:grid}.stock-grid .primary{margin-top:4px}.stock-movements{margin-top:18px}.purchase-item{grid-template-columns:.8fr 2fr .7fr .7fr .9fr auto}.date-filters{align-items:flex-end;gap:12px;display:flex}.date-filters .field{min-width:135px}@media (width<=850px){.stock-grid{grid-template-columns:1fr}.purchase-item{grid-template-columns:1fr 1fr}}@media (width<=600px){.date-filters{grid-template-columns:1fr 1fr;margin-top:18px;display:grid}.date-filters .field{min-width:0}}.form-modal-backdrop{z-index:40;background:#090a0c9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.form-modal{background:#fff;border-radius:12px;width:min(100%,760px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 24px 70px #0000004d}.form-modal.wide{width:min(100%,1080px)}.form-modal-head{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:flex-start;padding:22px 26px 16px;display:flex}.form-modal-head h2{margin:7px 0 0;font-size:20px}.form-modal-body{padding:20px 26px 26px}.form-modal-body>.form-panel{box-shadow:none;border:0;padding:0}.settings-tabs{border-bottom:1px solid #dde3ea;gap:4px;margin-bottom:18px;display:flex;overflow:auto}.settings-tabs button{color:#6b7280;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 16px;font-size:12px}.settings-tabs button.active{color:#f05a5f;border-bottom-color:#f05a5f;font-weight:700}.settings-tab-content>.crud-page{padding:0}.settings-tab-content .page-heading,.settings-tab-content .settings-heading{margin-bottom:18px}.avatar{overflow:hidden}.avatar img,.company-logo img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=900px){.shell{gap:0;padding:12px}.sidebar{width:min(280px,100vw - 24px);transition:transform .2s;inset:12px auto 12px 12px;transform:translate(-115%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:9;background:#00000057;border:0;display:block;position:fixed;inset:0}.content{width:100%;margin-left:0}.topbar{margin:0}.menu{display:block}.page{padding:32px 4px 24px}}@media (width<=600px){.shell{padding:8px}.topbar{gap:7px;height:58px;padding:0 10px}.topbar-title{gap:7px}.topbar-title strong{font-size:13px}.topbar-title small{font-size:9px}.topbar-actions{gap:8px}.topbar-actions>button:not(.avatar){display:grid}.topbar-actions synca-system-apps-launcher{min-width:22px;min-height:22px}.page{padding:24px 0 16px}.welcome{margin-bottom:22px}.welcome h1,.settings-heading h1{font-size:24px}.tenant{width:100%;min-width:0}.cards,.columns{grid-template-columns:1fr;gap:12px}.card,.panel{padding:16px}.card strong{margin-top:12px}.settings-heading{display:block}.back-button{margin-top:18px}.profile-menu{width:min(230px,100vw - 24px);right:-4px}}@media (width<=380px){.topbar-title small{display:none}.topbar-actions{gap:4px}}