@import "tailwindcss";

@theme {
  --color-primary: #176b61;
  --color-accent: #df9e45;
  --color-surface: #f4f6f7;
  --color-ink: #172923;
  --color-ink-muted: #74817c;
  --font-sans: "Vazirmatn", "Noto Sans Arabic", system-ui, sans-serif;
  --font-display: "Estedad", "Vazirmatn", system-ui, sans-serif;
}

:root { font-family: var(--font-sans); color: #172923; background: #f4f6f7; font-synthesis: none; text-rendering: optimizeLegibility; }
* { box-sizing: border-box; }
html, body, #root { min-height: 100%; margin: 0; }
body { min-width: 320px; overflow-x: hidden; font-size: 14px; line-height: 1.8; }
button, input, select { font: inherit; }
button { cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #e6ae5d; outline-offset: 2px; }
button:disabled { cursor: wait; opacity: .65; }
a { color: inherit; text-decoration: none; }

.app-shell { min-height: 100dvh; display: flex; background: #f4f6f7; }
.sidebar { width: 248px; flex: 0 0 248px; background: #153a35; color: #edf4ef; min-height: 100dvh; display: flex; flex-direction: column; padding: 22px 15px 14px; position: sticky; top: 0; height: 100dvh; z-index: 30; }
.brand-lockup { display:flex; align-items:center; gap:11px; min-height:54px; padding:0 7px 18px; border-bottom:1px solid rgba(255,255,255,.12); }
.brand-mark { width:37px; height:37px; background:#e1aa58; border-radius:11px; display:grid; place-items:center; color:#183b35; }
.brand-lockup strong { display:block; font-size:15px; font-weight:800; line-height:1.45; }
.brand-lockup span { display:block; color:#a7bbb2; font-size:10px; margin-top:2px; }
.workspace-label { padding:23px 10px 9px; color:#8fa89e; font-size:10px; font-weight:700; }
.side-nav { display:grid; gap:5px; }
.nav-link { display:flex; align-items:center; gap:12px; width:100%; padding:10px 12px; min-height:43px; border:0; border-radius:8px; background:transparent; color:#c0d0c8; text-align:right; font-size:12px; transition:background .18s,color .18s,transform .18s; }
.nav-link:hover { background:rgba(255,255,255,.08); color:white; }
.nav-link:active { transform:scale(.985); }
.nav-active { color:#fff; background:#25554d; box-shadow:inset -3px 0 #e2ad62; }
.nav-active svg { color:#f0c477; }
.nav-alert { inline-size:7px; block-size:7px; border-radius:50%; background:#e3ac5b; margin-inline-start:auto; }
.sidebar-bottom { margin-top:auto; }
.team-card { display:flex; align-items:center; gap:10px; padding:12px 10px; margin:0 1px 15px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(255,255,255,.045); }
.team-icon { display:grid; place-items:center; color:#e5ba77; width:31px; height:31px; background:rgba(226,173,98,.12); border-radius:8px; }
.team-card b,.team-card span { display:block; }.team-card b { font-size:11px; }.team-card span { font-size:9px; color:#a9bbb2; margin-top:2px; }
.muted-link { color:#a9bdb3; font-size:11px; margin-bottom:12px; }
.profile { display:flex; align-items:center; gap:9px; border-top:1px solid rgba(255,255,255,.12); padding:15px 5px 2px; }
.avatar { inline-size:33px; block-size:33px; display:grid; place-items:center; border-radius:50%; font-size:11px; font-weight:800; flex:0 0 auto; }
.avatar-indigo { background:#d9e4e0; color:#285b50; }.avatar-amber { background:#f1d5a6; color:#66502e; }.profile-info { flex:1; min-width:0; }.profile-info b,.profile-info span { display:block; }.profile-info b { font-size:11px; }.profile-info span { color:#9fb4aa; font-size:9px; }
.icon-button { inline-size:34px; block-size:34px; display:grid; place-items:center; border:0; border-radius:8px; background:transparent; color:inherit; transition:background .18s; }.icon-button:hover { background:rgba(20,50,45,.08); }.sidebar .icon-button:hover { background:rgba(255,255,255,.1); }
.main-column { min-width:0; flex:1; display:flex; flex-direction:column; }
.topbar { height:67px; flex:0 0 67px; padding:0 clamp(17px,3vw,39px); display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid #e5eae8; background:rgba(255,255,255,.82); }
.breadcrumb { display:flex; align-items:center; gap:9px; color:#91a09a; font-size:11px; }.breadcrumb svg { color:#aab5b0; }.breadcrumb b { font-weight:700; color:#34443e; }
.topbar-actions { display:flex; align-items:center; gap:17px; }.today-chip { display:flex; align-items:center; gap:7px; color:#63756e; font-size:10px; }.live-dot { inline-size:7px; block-size:7px; background:#419679; border-radius:50%; box-shadow:0 0 0 3px #e2f1e9; }
.top-search { height:34px; width:213px; display:flex; align-items:center; gap:8px; border:1px solid #e6ebe8; border-radius:7px; padding:0 9px; color:#88958f; background:white; font-size:10px; text-align:right; }.top-search span { flex:1; }.top-search kbd { font-family:inherit; font-size:9px; border:1px solid #e7eae8; border-radius:4px; padding:0 4px; color:#99a39f; }
.mobile-menu,.mobile-close,.mobile-scrim { display:none; }
.page-wrap { width:100%; max-width:1500px; margin:0 auto; padding:29px clamp(17px,3vw,40px) 30px; flex:1; min-width:0; }
.workspace { width:100%; min-width:0; }.page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:23px; }.eyebrow { display:flex; align-items:center; gap:8px; color:#73837c; font-size:10px; font-weight:600; }.eyebrow-line { height:1px; width:19px; background:#dda950; }.demo-tag { display:inline-flex; align-items:center; border:1px solid #ead9b8; border-radius:20px; background:#fbf5e9; color:#98702f; padding:1px 8px; font-size:9px; line-height:1.8; font-weight:600; }.page-heading h1 { font-size:25px; line-height:1.65; letter-spacing:0; margin:4px 0 1px; color:#1d302a; font-weight:800; }.page-heading p { margin:0; font-size:11px; color:#84918b; }.heading-actions { display:flex; gap:9px; flex:0 0 auto; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:8px; border-radius:7px; padding:8px 13px; min-height:37px; font-size:11px; font-weight:650; transition:transform .16s,background .16s,box-shadow .16s; border:1px solid transparent; white-space:nowrap; }.button:active { transform:translateY(1px); }.button-primary { color:white; background:#176b61; box-shadow:0 3px 8px rgba(23,107,97,.12); }.button-primary:hover { background:#105a51; box-shadow:0 4px 12px rgba(23,107,97,.2); }.button-secondary { background:white; border-color:#e2e8e5; color:#475951; }.button-secondary:hover { background:#f6f9f7; }.button-small { min-height:32px; padding:5px 10px; }
.stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px; }.stat-card { position:relative; background:white; border:1px solid #e8edeb; border-radius:10px; padding:15px 16px 14px; min-width:0; overflow:hidden; box-shadow:0 2px 5px rgba(33,59,49,.015); }.stat-feature { background:#173d37; color:#f5f7f4; border-color:#173d37; }.stat-top { display:flex; align-items:center; justify-content:space-between; min-height:32px; margin-bottom:13px; }.icon-tile { width:33px; height:33px; border-radius:8px; display:grid; place-items:center; flex:0 0 auto; }.tint-dark { color:#f0c171; background:rgba(232,185,105,.13); }.tint-blue { color:#407e9c; background:#e9f3f7; }.tint-amber { color:#b27a28; background:#fcf3e2; }.tint-violet { color:#7966a5; background:#f1eef8; }.tint-mint { color:#337d6e; background:#e9f4ef; }.stat-period,.stat-meta { color:#89978f; font-size:9px; }.stat-feature .stat-period { color:#b0c5bb; }.stat-label { color:#78867f; font-size:10px; margin-bottom:2px; }.stat-feature .stat-label { color:#bfd0c8; }.stat-number { font-size:20px; font-weight:800; line-height:1.7; color:#1b3029; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.stat-number small { font-size:10px; font-weight:500; color:#88958f; }.stat-feature .stat-number { color:#fff; font-size:18px; }.stat-foot { display:flex; align-items:center; gap:7px; color:#929e98; font-size:9px; margin-top:4px; }.stat-feature .stat-foot { color:#b4c6bd; }.trend-up { display:inline-flex; align-items:center; gap:1px; direction:ltr; color:#439279; font-weight:700; }.stat-feature .trend-up { color:#8ed1a8; }.stat-neutral { color:#597169; font-weight:700; }.mini-bars { height:26px; display:flex; align-items:flex-end; gap:5px; margin-top:8px; }.bar-slot { flex:1; height:100%; display:flex; align-items:flex-end; }.bar-slot i { display:block; width:100%; border-radius:3px 3px 0 0; min-height:3px; background:#d8e9e3; transition:height .4s ease; }.bar-current i { background:#398879; }.inventory-meter { height:5px; border-radius:9px; background:#edf1ef; overflow:hidden; margin-top:12px; }.inventory-meter span { height:100%; display:block; background:#4e9b80; border-radius:9px; transition:width .5s ease; }.meter-caption { display:flex; justify-content:space-between; color:#87948e; font-size:8px; margin-top:4px; }.text-link,.panel-link { display:inline-flex; align-items:center; gap:5px; color:#27786c; font-size:10px; font-weight:650; }.text-link { margin-top:7px; }.text-link:hover,.panel-link:hover { color:#145c52; }
.stat-spark { position:absolute; inset-inline:0; inset-block-end:0; height:33px; opacity:.8; }.stat-spark svg { width:100%; height:100%; overflow:visible; }.stat-spark path { fill:none; stroke:#6bac8f; stroke-width:2; vector-effect:non-scaling-stroke; }
.content-grid { display:grid; grid-template-columns:minmax(0,1.72fr) minmax(285px,1fr); gap:15px; margin-bottom:16px; }.panel { background:white; border:1px solid #e7ece9; border-radius:10px; min-width:0; box-shadow:0 2px 6px rgba(34,57,49,.018); }.sales-panel,.stock-panel { padding:16px 17px 14px; }.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }.panel-heading h2 { margin:0; color:#293b34; font-size:13px; font-weight:800; }.panel-heading p { margin:1px 0 0; color:#89958f; font-size:9px; }.panel-heading select { height:30px; border:1px solid #e5ebe7; border-radius:6px; background:#fff; color:#65756d; padding:0 8px; font-size:9px; }.chart-caption { display:flex; justify-content:space-between; align-items:center; margin-top:17px; font-size:9px; color:#8a9690; }.chart-caption b { color:#34473e; font-size:11px; }.chart-area { height:148px; display:flex; gap:9px; margin-top:6px; }.chart-y { display:flex; flex-direction:column; justify-content:space-between; color:#a0aaa5; font-size:8px; padding-bottom:20px; }.chart-main { flex:1; min-width:0; position:relative; padding-bottom:20px; }.chart-guides { position:absolute; inset:0 0 20px; display:flex; flex-direction:column; justify-content:space-between; }.chart-guides i { display:block; border-top:1px dashed #edf0ee; }.chart-columns { position:absolute; inset:0 0 20px; display:flex; align-items:flex-end; justify-content:space-around; gap:clamp(3px,1vw,11px); padding:0 7px; }.chart-column { width:100%; height:100%; display:flex; align-items:flex-end; justify-content:center; }.chart-column span { display:block; width:min(26px,65%); border-radius:4px 4px 1px 1px; background:#dcebe5; transition:height .7s cubic-bezier(.2,.8,.2,1); }.chart-column-current span { background:#318477; }.chart-x { position:absolute; inset-inline:0; inset-block-end:0; display:flex; justify-content:space-around; color:#98a49e; font-size:8px; }.chart-legend { display:flex; align-items:center; justify-content:space-between; margin-top:4px; font-size:8px; color:#84928b; }.chart-legend span:first-child { display:flex; align-items:center; gap:6px; }.chart-legend i { display:block; width:7px; height:7px; border-radius:2px; background:#318477; }.legend-note { color:#a6afaa; }.stock-panel { display:flex; flex-direction:column; }.count-pill { border-radius:20px; padding:2px 8px; font-size:9px; }.count-warn { color:#a4782f; background:#fbf3e4; }.stock-list { margin-top:13px; flex:1; }.stock-row { display:flex; align-items:center; gap:9px; padding:9px 0; border-bottom:1px solid #eff2f0; }.stock-row:last-child { border-bottom:0; }.product-glyph { width:31px; height:31px; border-radius:7px; display:grid; place-items:center; flex:0 0 auto; color:#71867c; background:#f0f4f1; }.stock-product { flex:1; min-width:0; }.stock-product b,.stock-product span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.stock-product b { color:#35473f; font-size:10px; font-weight:650; }.stock-product span { color:#9ba59f; font-size:8px; }.stock-count { color:#b5782a; font-size:12px; font-weight:800; }.stock-count small { color:#9aa49e; font-size:8px; font-weight:500; margin-inline-start:3px; }.stock-panel .panel-link { margin-top:9px; }.empty-inline { display:flex; align-items:center; justify-content:center; gap:8px; min-height:76px; padding:15px; color:#8b9892; font-size:10px; text-align:center; }
.orders-panel { padding:15px 17px 3px; }.orders-panel .panel-heading { margin-bottom:12px; }.table-scroll { width:100%; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#d4dfd9 transparent; }table { width:100%; border-collapse:collapse; text-align:right; min-width:730px; }th { background:#f7f9f8; color:#87948d; font-size:9px; font-weight:650; padding:9px 10px; white-space:nowrap; }td { border-bottom:1px solid #eff2f0; padding:10px; color:#697770; font-size:9px; vertical-align:middle; }tbody tr:last-child td { border-bottom:0; }tbody tr:hover { background:#fbfcfb; }.table-primary { color:#34473e; font-weight:650; }.order-number { color:#37776c; font-weight:700; direction:ltr; unicode-bidi:plaintext; }.order-item-name { display:block; max-width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#4c5d55; }.item-quantity { display:block; color:#9aa49e; font-size:8px; }.money-cell { font-weight:700; color:#3f5149; white-space:nowrap; }.status-badge { display:inline-flex; align-items:center; gap:5px; padding:2px 8px; border-radius:20px; font-size:8px; white-space:nowrap; }.status-badge i { width:5px; height:5px; border-radius:50%; background:currentColor; }.status-blue { color:#4c7a9c; background:#edf4f9; }.status-amber { color:#a77a2f; background:#faf4e7; }.status-violet { color:#7c69a2; background:#f2eff8; }.status-green { color:#398267; background:#eaf4ee; }.status-select-label { display:inline-flex; align-items:center; gap:2px; color:#95a19a; cursor:pointer; }.status-select-label select { border:0; appearance:none; max-width:26px; color:transparent; background:transparent; cursor:pointer; font-size:8px; }.status-select-label option { color:#34473e; }.status-select-label svg { pointer-events:none; margin-inline-start:-22px; }
.footer-note { display:flex; justify-content:space-between; gap:10px; padding:0 clamp(17px,3vw,40px) 17px; color:#9aa59f; font-size:9px; }.footer-note span:first-child { color:#64766e; font-weight:700; }
.list-panel { padding:0 0 4px; }.list-toolbar { min-height:62px; padding:12px 15px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid #edf0ee; }.toolbar-caption { color:#75847c; font-size:10px; font-weight:700; }.search-input-wrap { display:flex; align-items:center; gap:8px; width:min(360px,65%); height:35px; padding-inline:10px 4px; border:1px solid #e5ebe8; background:#fff; border-radius:7px; color:#96a29b; }.search-input-wrap input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:#30433a; font-size:10px; }.search-input-wrap input::placeholder { color:#a4aea8; }.search-input-wrap button { min-height:26px; padding:2px 9px; border:0; border-radius:5px; background:#eff5f2; color:#387468; font-size:9px; }.customer-name { display:flex; align-items:center; gap:8px; min-width:185px; }.avatar-soft { width:29px; height:29px; border-radius:8px; color:#397468; background:#e8f1ed; }.customer-name b,.customer-name span { display:block; }.customer-name b { color:#34473f; font-size:9px; font-weight:700; }.customer-name span { color:#9ba59f; font-size:8px; }.category-tag { color:#6d7e75; background:#f3f6f4; border:1px solid #e9efeb; border-radius:5px; padding:2px 7px; white-space:nowrap; font-size:8px; }.phone-cell { font-family:var(--font-sans); direction:ltr; unicode-bidi:plaintext; white-space:nowrap; }.address-cell { max-width:165px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.order-count { color:#54746a; white-space:nowrap; }.product-name { display:flex; align-items:center; gap:8px; min-width:220px; color:#34473f; font-weight:650; }.mono-cell { direction:ltr; unicode-bidi:plaintext; color:#87948d; font-size:9px; }.stock-value { font-weight:800; color:#3e554b; }.stock-value small,.sub-unit { color:#99a49e; font-size:8px; font-weight:400; margin-inline-start:3px; }.warn-text { color:#b47b31 !important; }.empty-state { min-height:225px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; color:#91a098; text-align:center; }.empty-state svg { color:#7d9a8e; }.empty-state b { color:#4c6056; font-size:12px; }.empty-state span { font-size:10px; }.empty-state .button { margin-top:8px; }
.inventory-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:#fff; border:1px solid #e7ece9; border-radius:10px; margin-bottom:15px; }.summary-cell { display:flex; align-items:center; gap:11px; padding:14px 17px; min-width:0; }.summary-cell + .summary-cell { border-inline-start:1px solid #edf0ee; }.summary-cell > div:last-child { min-width:0; }.summary-cell span,.summary-cell b { display:block; }.summary-cell span { color:#89968f; font-size:9px; }.summary-cell b { color:#32463c; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.summary-cell b small { font-size:9px; font-weight:500; color:#87948d; }
.report-note { display:flex; align-items:center; gap:11px; background:#edf4f0; border:1px solid #dce9e2; border-radius:9px; padding:12px 14px; margin-bottom:15px; }.report-note-icon { display:grid; place-items:center; width:33px; height:33px; border-radius:8px; background:#dcebe3; color:#39796a; }.report-note > div:nth-child(2) { flex:1; min-width:0; }.report-note b,.report-note span { display:block; }.report-note b { color:#3a564a; font-size:10px; }.report-note span { color:#778c80; font-size:9px; }.report-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin-bottom:15px; }.report-card { padding:17px; }.report-big { display:block; margin-top:17px; font-size:21px; color:#1e392f; }.report-divider { height:1px; background:#eef1ef; margin:13px 0 6px; }.report-line { display:flex; justify-content:space-between; padding:5px 0; color:#84918a; font-size:10px; }.report-line b { color:#4b5e54; }.report-download { width:100%; margin-top:10px; }.report-detail { padding:15px 16px 3px; }.report-detail .panel-heading { margin-bottom:12px; }
.alert { display:flex; align-items:center; gap:9px; margin:-8px 0 14px; padding:10px 12px; border-radius:8px; font-size:10px; }.alert-error { border:1px solid #f0d4d0; background:#fff5f3; color:#985248; }.alert-error span { flex:1; }.alert-error button { border:0; background:transparent; color:#875044; text-decoration:underline; font-size:10px; }.toast-message { position:fixed; z-index:60; inset-inline-end:25px; inset-block-end:24px; display:flex; align-items:center; gap:9px; padding:11px 14px; border:1px solid #cfe4d9; border-radius:9px; background:#f4fbf6; color:#32715f; box-shadow:0 12px 30px rgba(30,65,50,.13); font-size:11px; animation:toast-in .22s ease-out; }.toast-message button { display:grid; place-items:center; border:0; background:transparent; color:inherit; margin-inline-start:6px; }.loading-line { display:flex; align-items:center; gap:8px; color:#7d8d85; font-size:10px; padding:0 0 12px; }.loading-line span { width:13px; height:13px; border:2px solid #dce8e2; border-top-color:#307c6d; border-radius:50%; animation:spin .8s linear infinite; }
.dialog-backdrop { position:fixed; inset:0; z-index:80; background:rgba(17,39,34,.45); display:grid; place-items:center; padding:16px; animation:fade-in .18s ease-out; }.dialog-card { width:min(100%,470px); max-height:min(90dvh,700px); overflow:auto; border-radius:13px; background:white; box-shadow:0 24px 80px rgba(14,35,28,.24); padding:20px; animation:dialog-in .2s ease-out; }.dialog-heading { display:flex; justify-content:space-between; align-items:flex-start; border-bottom:1px solid #edf0ee; padding-bottom:14px; margin-bottom:16px; }.dialog-heading span { color:#85958d; font-size:9px; }.dialog-heading h2 { margin:1px 0 0; color:#263d32; font-size:17px; }.dialog-heading .icon-button { color:#73837b; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.form-grid label { display:flex; flex-direction:column; gap:5px; color:#5d6d64; font-size:10px; font-weight:600; min-width:0; }.form-grid input,.form-grid select { width:100%; min-width:0; height:38px; border:1px solid #e1e8e4; border-radius:6px; padding:0 10px; background:#fff; color:#31443a; font-size:10px; }.form-grid input::placeholder { color:#a3ada7; }.form-grid select { cursor:pointer; }.field-wide { grid-column:1/-1; }.dialog-actions { display:flex; gap:8px; grid-column:1/-1; padding-top:8px; border-top:1px solid #edf0ee; margin-top:4px; }.dialog-actions .button { min-width:88px; }.mobile-scrim { display:none; }
@keyframes spin { to { transform:rotate(360deg); } }@keyframes fade-in { from { opacity:0; } to { opacity:1; } }@keyframes dialog-in { from { opacity:0; transform:translateY(8px) scale(.99); } to { opacity:1; transform:translateY(0) scale(1); } }@keyframes toast-in { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1100px) { .sidebar { width:220px; flex-basis:220px; }.stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.content-grid { grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr); }.stat-number { font-size:18px; } }
@media (max-width:780px) { .sidebar { position:fixed; inset-block:0; inset-inline-start:0; height:100dvh; transform:translateX(105%); transition:transform .25s ease; width:270px; flex-basis:270px; box-shadow:none; }.sidebar-open { transform:translateX(0); box-shadow:0 0 0 100vmax rgba(16,36,30,.22); }.mobile-close { display:grid; margin-inline-start:auto; color:#c7d5ce; }.mobile-scrim { display:block; position:fixed; inset:0; z-index:29; background:rgba(17,39,34,.4); border:0; }.mobile-menu { display:grid; color:#52665c; }.topbar { padding-inline:15px; height:58px; flex-basis:58px; }.topbar-actions { gap:10px; }.today-chip { display:none; }.top-search { width:36px; justify-content:center; padding:0; }.top-search span,.top-search kbd { display:none; }.top-search svg { flex:0 0 auto; }.page-wrap { padding:22px 16px 25px; }.content-grid { grid-template-columns:1fr; }.stock-panel { min-height:250px; }.footer-note { flex-wrap:wrap; padding-inline:16px; }.footer-note span:last-child { width:100%; }.report-grid { gap:10px; } }
@media (max-width:520px) { .page-wrap { padding:19px 14px 23px; }.page-heading { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:17px; }.page-heading h1 { font-size:22px; }.page-heading p { max-width:340px; font-size:10px; }.heading-actions { width:100%; }.heading-actions .button { width:100%; }.stat-grid { gap:9px; }.stat-card { padding:12px 11px; }.stat-number { font-size:15px; }.stat-feature .stat-number { font-size:14px; }.stat-label { font-size:9px; }.stat-foot { flex-wrap:wrap; gap:3px 6px; font-size:8px; }.stat-top { margin-bottom:9px; }.icon-tile { width:29px; height:29px; }.stat-period,.stat-meta { font-size:8px; }.sales-panel,.stock-panel { padding:13px 12px; }.panel-heading h2 { font-size:12px; }.chart-area { height:130px; }.chart-caption span { max-width:55%; text-align:left; }.list-toolbar { align-items:flex-start; flex-direction:column; gap:9px; }.search-input-wrap { width:100%; }.inventory-summary { grid-template-columns:1fr; }.summary-cell { padding:10px 13px; }.summary-cell + .summary-cell { border-inline-start:0; border-top:1px solid #edf0ee; }.report-grid { grid-template-columns:1fr; }.report-note { align-items:flex-start; flex-wrap:wrap; }.report-note .demo-tag { margin-inline-start:44px; }.form-grid { grid-template-columns:1fr; }.field-wide { grid-column:auto; }.dialog-actions { grid-column:auto; }.dialog-card { padding:16px; }.topbar { gap:7px; }.breadcrumb { gap:5px; font-size:9px; }.topbar-actions { gap:7px; }.avatar-amber { width:30px; height:30px; }.footer-note { font-size:8px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }