:root{
  color-scheme:light;
  --ink:#22372c;--ink-soft:#45584b;--muted:#89958b;--line:#e8ede5;
  --paper:#fff;--bg:#f5f7f2;--green:#347451;--green-dark:#285d3f;
  --green-light:#e8f2e9;--green-pale:#f1f6f0;--cream:#fbf8ef;
  --amber:#c48a49;--red:#b85d55;--shadow:0 8px 24px #263c2b0a;
  --radius:16px;--font:"IBM Plex Sans Arabic",Tahoma,sans-serif
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55}
button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}input,select,textarea{color:var(--ink)}
.app-shell{min-height:100dvh}
.sidebar{position:fixed;inset:0 0 0 auto;width:252px;background:var(--paper);border-left:1px solid var(--line);display:flex;flex-direction:column;padding:28px 18px 18px;z-index:5}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:0 8px;margin-bottom:46px}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#528563,#286044);color:#fff;font-family:Georgia,serif;font-size:25px;font-weight:700;box-shadow:0 6px 14px #3474512d;outline:1px solid #a8c4a9;outline-offset:3px}
.brand-mark span{color:#fbefd2;font-size:23px}.brand b{display:block;font-size:19px;line-height:1.3;letter-spacing:.1px}.brand small,.side-footer small{display:block;color:var(--muted);font-size:11px}
.side-label{font-size:11px;color:#a4ada4;padding:0 13px;margin-bottom:12px}.nav-list{display:grid;gap:7px}
.nav-item{min-height:44px;background:transparent;border:0;border-radius:12px;text-align:right;padding:10px 13px;color:#758278;display:flex;align-items:center;gap:12px;font-weight:500;transition:background .18s,color .18s}
.nav-item:hover{background:#f5f8f3;color:var(--green)}.nav-item.active{background:var(--green-light);color:var(--green);font-weight:700}
.nav-icon{font-size:18px;width:21px;text-align:center;line-height:1}.nav-count{margin-right:auto;font-size:10px;background:white;padding:2px 8px;border-radius:20px;color:#778c7b}
.sidebar-bottom{margin-top:auto;background:linear-gradient(140deg,#f2f7ef,#f8f7ed);border:1px solid #ecf1e8;border-radius:16px;padding:17px;position:relative;overflow:hidden}.sidebar-bottom b{font-size:15px;line-height:1.8;position:relative}.sidebar-bottom p{font-size:11px;color:var(--muted);margin:7px 0 0;position:relative}.leaf-art{position:absolute;left:12px;top:8px;font-size:62px;color:#dfeade;transform:rotate(-20deg)}
.side-footer{display:flex;align-items:center;gap:10px;padding:20px 3px 0}.side-footer b{font-size:12px}.avatar{display:grid;place-items:center;width:36px;height:36px;background:#f4ead7;color:#9a6c3e;border-radius:50%;font-weight:700}.dots{margin-right:auto;color:#9ea59d;font-size:22px}
.main-content{margin-right:252px;max-width:1640px;padding:0 38px;min-height:100dvh;display:flex;flex-direction:column}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.breadcrumb{display:flex;gap:10px;align-items:center}.breadcrumb i{font-style:normal;color:#c6cec5}.breadcrumb b{color:var(--ink-soft);font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.today{font-size:11px}.icon-button{position:relative;border:0;background:transparent;color:#64776a;font-size:20px;width:40px;height:40px;border-radius:12px}.icon-button:hover{background:var(--green-pale)}.icon-button i{position:absolute;width:6px;height:6px;background:#d88d68;border:1px solid white;border-radius:50%;top:9px;right:10px}
.page{display:none;padding-top:30px;flex:1}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.eyebrow{font-size:11px;color:#849287;margin-bottom:5px}.eyebrow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6d9e78;margin-right:5px}
h1{margin:0;font-size:26px;letter-spacing:-.4px;color:var(--ink);font-weight:700}.page-heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.heading-actions{display:flex;align-items:center;gap:8px}
.button{border:0;border-radius:11px;padding:10px 16px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:12px;white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s}.button.primary{background:var(--green);color:#fff;box-shadow:0 4px 10px #34745120}.button.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.button.primary span{font-size:17px;line-height:13px}.button.secondary{background:#eef3ec;color:#4e6954}.button.secondary:hover{background:#e2ecdf}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:17px 18px 16px;min-height:126px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;background:#f8faf6;left:-28px;bottom:-37px;z-index:0}.stat-top,.stat-value,.stat-note{position:relative;z-index:1}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#758278}.stat-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;font-size:17px}.mint{background:#e9f4eb;color:#52835f}.lilac{background:#f0eff7;color:#8179a5}.peach{background:#fbf0e8;color:#c38a58}.sand{background:#f7f1e5;color:#aa8849}.stat-value{font-size:23px;font-weight:700;color:#2d4937;margin-top:5px;direction:rtl;letter-spacing:.1px}.stat-note{font-size:10px;color:#9ba69c;margin-top:3px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:16px}.panel{overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 18px}.panel-heading h2{font-size:14px;margin:0;color:#34483a}.panel-heading p{font-size:10px;color:#98a398;margin:4px 0 0}.text-link,.more-button{border:0;background:transparent;color:#5e8266;font-size:10px}.text-link span{margin-right:4px}.more-button{font-size:20px;color:#9da89d;width:34px;height:34px;border-radius:9px}.more-button:hover{background:var(--green-pale)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-size:10px;font-weight:600;color:#929e93;background:#f8faf7;padding:11px 17px;border-top:1px solid #f0f3ee;border-bottom:1px solid #edf0eb}td{font-size:11px;color:#56645a;padding:12px 17px;border-bottom:1px solid #f0f3ef}tbody tr:last-child td{border-bottom:0}.product-name{font-weight:600;color:#3c4d40}.product-sub{font-size:9px;color:#98a398;margin-top:3px}.category-tag{display:inline-flex;background:#f1f5ef;color:#738273;border-radius:6px;padding:4px 8px;font-size:9px}.stock-cell{font-weight:600;direction:rtl;text-align:right;unicode-bidi:plaintext;white-space:nowrap;font-size:10px}.status{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#5d8b64}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#77ae7a}.status.low{color:#b7804d}.status.low:before{background:#d69d61}.status.out{color:#b76d64}.status.out:before{background:#cc8178}
.recent-list{padding:0 18px 8px}.recent-item{display:flex;align-items:center;padding:11px 0;border-bottom:1px solid #eff2ed;gap:10px}.recent-item:last-child{border-bottom:0}.recent-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#edf4ec;color:#67906c;flex-shrink:0}.recent-desc{min-width:0;flex:1}.recent-desc b{display:block;font-size:10px;color:#49584d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-desc small{display:block;font-size:9px;color:#9ba69c;margin-top:3px}.recent-amount{font-size:10px;color:#557a5c;direction:ltr;white-space:nowrap}.sale-icon{background:#f7efe6!important;color:#b47d4e!important}.empty-state{padding:32px 18px;text-align:center;font-size:11px;color:#929f94;line-height:1.8}.hidden{display:none!important}
.tip-bar{display:flex;align-items:center;gap:12px;background:linear-gradient(100deg,#edf5eb,#f5f7ed);border:1px solid #e6eee3;border-radius:13px;margin-top:16px;padding:13px 16px}.tip-icon{color:#78a179;font-size:19px}.tip-bar b{display:block;font-size:10px;color:#55765c}.tip-bar small{display:block;font-size:9px;color:#87978a;margin-top:3px}.tip-action{margin-right:auto;background:transparent;border:0;color:#5e8264;font-size:10px;min-height:38px;padding:7px}.main-footer{display:flex;justify-content:space-between;padding:18px 0 14px;color:#a1aaa1;font-size:9px}.main-footer b{padding:0 4px;color:#c5cac3}
.inventory-toolbar{display:flex;gap:9px;margin-bottom:14px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e7ece5;background:white;border-radius:10px;padding:0 11px;width:280px;height:42px;color:#aab0a8;transition:border .15s,box-shadow .15s}.search-box:focus-within{border-color:#9db9a0;box-shadow:0 0 0 3px #eaf2e9}.search-box span{font-size:20px}.search-box input{width:100%;border:0;outline:0;color:#4b574e;font-size:11px;background:transparent}.search-box input::placeholder{color:#adb5ac}.inventory-toolbar select{height:42px;border:1px solid #e7ece5;background:white;border-radius:10px;color:#66756a;padding:0 12px;font-size:10px;min-width:135px;outline:0}.inventory-toolbar select:focus{border-color:#9db9a0}.full-panel{min-height:190px}.full-panel table th{padding-top:12px;padding-bottom:12px}.full-panel table td{padding-top:13px;padding-bottom:13px}
.row-actions{display:inline-flex;gap:3px}.row-action{width:34px;height:34px;border-radius:9px;background:transparent;border:0;color:#879589;font-size:16px;line-height:1}.row-action:hover{background:#edf4ed;color:#52785a}.product-cell{display:flex;align-items:center;gap:9px;min-width:155px}.product-thumb{width:38px;height:38px;object-fit:cover;border-radius:10px;background:#f1f4ed;flex-shrink:0}.product-placeholder{display:grid;place-items:center;color:#769279;font-weight:700;font-size:13px}.product-cell .product-name,.product-cell .product-sub{display:block}.field-help{font-size:9px;color:#88a08b}
.row-action.delete-action{color:#b76d64}.row-action.delete-action:hover{background:#faecea;color:#a75249}
.purchase-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px}.purchase-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 17px;box-shadow:var(--shadow)}.purchase-summary span{display:block;color:#879388;font-size:10px}.purchase-summary b{display:block;font-size:18px;color:#34473a;margin-top:5px}.purchase-list-heading{padding:17px 18px}.search-box.compact{height:38px;width:240px}.purchase-row{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(110px,1fr) 105px 110px 120px;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid #f0f2ee}.purchase-main{display:flex;align-items:center;gap:10px;min-width:0}.purchase-main .recent-icon{flex-shrink:0}.purchase-main b{display:block;font-size:11px;color:#465448}.purchase-main small{display:block;font-size:9px;color:#a0a79f;margin-top:3px}.purchase-meta{font-size:10px;color:#7e887f}.purchase-total{font-size:11px;font-weight:700;color:#456c50;direction:ltr;white-space:nowrap}
.modal-backdrop{position:fixed;inset:0;background:#15261db3;backdrop-filter:blur(3px);display:grid;place-items:center;z-index:20;padding:20px}.modal{background:#fff;width:min(520px,100%);border-radius:20px;padding:23px 25px 21px;box-shadow:0 22px 70px #16251c3b;max-height:min(90dvh,850px);overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-kicker{font-size:10px;color:#839584}.modal-header h2{font-size:20px;margin:3px 0 0;color:#304236}.close-button{width:38px;height:38px;border:0;border-radius:11px;background:#f1f4ef;color:#718073;font-size:22px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.field{display:flex;flex-direction:column;gap:6px;color:#627064;font-size:10px}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid #e4eae2;border-radius:9px;background:white;padding:9px 10px;outline:0;color:#465248;font-size:11px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#88aa8d;box-shadow:0 0 0 3px #edf4ed}.field textarea{resize:vertical}.span-two{grid-column:span 2}.optional{font-size:9px;color:#a9afa8}.form-hint{display:flex;gap:7px;align-items:center;margin-top:15px;color:#718674;background:#f0f5ee;padding:10px;border-radius:9px;font-size:10px}.form-hint span{font-size:15px;color:#739377}.modal-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:18px}.toast{position:fixed;bottom:22px;left:24px;background:#304c39;color:#fff;padding:12px 17px;border-radius:11px;font-size:11px;box-shadow:0 8px 25px #223a2c40;opacity:0;transform:translateY(12px);transition:.2s;z-index:30;pointer-events:none;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translateY(0)}
.product-modal{width:min(410px,100%)}.product-modal form{display:grid;gap:13px}.product-category{margin-top:3px}.product-image-preview{width:85px;height:85px;border-radius:11px;object-fit:cover;border:1px solid #e8ebe5}.category-list{margin-top:15px;border-top:1px solid #eff1ed}.category-item{display:flex;align-items:center;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #f0f2ee;font-size:11px;color:#58645a}.category-item .row-action{margin-right:3px}.category-item .row-action:last-child{color:#bb7970}.category-item .row-action:last-child:hover{background:#faecea}
.sale-total-preview{display:flex;flex-direction:row;justify-content:space-between;gap:8px;background:#f5f7f2;border-radius:10px;padding:10px 12px}.sale-total-preview span{font-size:10px;color:#849085}.sale-total-preview b{display:block;color:#405c46;font-size:12px;margin-top:4px}.sale-total-preview span:last-child b{color:#315d48;font-size:14px}
@media(max-width:1120px){.sidebar{width:220px}.main-content{margin-right:220px;padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr)}.purchase-row{grid-template-columns:minmax(150px,1.3fr) minmax(100px,1fr) 90px 90px minmax(80px,1fr);gap:8px;padding:12px}}
@media(max-width:760px){
  body{font-size:14px;background:#f4f6f1}.sidebar{inset:auto 10px max(10px,env(safe-area-inset-bottom)) 10px;width:auto;height:68px;padding:6px;background:#ffffffed;border:1px solid #e5ebe2;border-radius:20px;box-shadow:0 8px 30px #23372c20;backdrop-filter:blur(16px);display:block}
  .brand,.side-label,.sidebar-bottom,.side-footer{display:none}.nav-list{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.nav-item{min-width:0;min-height:54px;height:100%;justify-content:center;flex-direction:column;gap:2px;padding:4px 2px;border-radius:14px;font-size:10px;color:#7c897e}.nav-item.active{background:#eaf3e9;color:var(--green)}.nav-icon{font-size:19px;width:auto}.nav-count{display:none}
  .main-content{margin:0;padding:0 15px calc(96px + env(safe-area-inset-bottom));min-height:100dvh}.topbar{height:58px;position:sticky;top:0;z-index:4;margin:0 -15px;padding:0 15px;background:#f4f6f1ed;border-bottom:1px solid #e7ebe4;backdrop-filter:blur(12px)}.breadcrumb{gap:8px}.breadcrumb span{font-weight:700;color:#3a6448}.top-actions{gap:6px}.today{font-size:10px}.icon-button{width:36px;height:36px}
  .page{padding-top:22px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:13px;margin-bottom:19px}.page-heading>div:first-child{width:100%}.page-heading h1{font-size:23px;line-height:1.3}.page-heading p{font-size:11px;margin-top:5px}.eyebrow{font-size:10px}.heading-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-heading>.button{width:100%}.heading-actions .button{width:100%;min-height:44px;padding:9px 7px;font-size:10px}.button{min-height:44px;border-radius:12px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px}.stat-card{padding:12px 13px;min-height:105px;border-radius:14px}.stat-top{font-size:10px;gap:4px}.stat-icon{width:28px;height:28px;border-radius:9px;font-size:15px}.stat-value{font-size:19px;margin-top:5px}.stat-note{font-size:9px;line-height:1.45}
  .dashboard-grid{grid-template-columns:1fr;gap:12px}.panel{border-radius:15px}.panel-heading{padding:14px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:9px}.text-link{font-size:9px;white-space:nowrap}.inventory-panel .table-wrap{overflow:visible}.inventory-panel table{min-width:0;white-space:normal}.inventory-panel thead{display:none}.inventory-panel tbody{display:grid;grid-template-columns:1fr}.inventory-panel tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:0 13px;border-top:1px solid #eff2ed}.inventory-panel tbody td{border:0;padding:10px 0}.inventory-panel tbody td:nth-child(2),.inventory-panel tbody td:nth-child(4){display:none}.inventory-panel tbody td:first-child{grid-column:1}.inventory-panel tbody td:nth-child(3){grid-column:2;grid-row:1;color:#496650}.recent-panel{min-height:0}.recent-list{padding:0 14px 6px}.recent-item{padding:10px 0}.recent-icon{width:33px;height:33px}.empty-state{padding:23px 14px;font-size:10px}
  .tip-bar{gap:9px;margin-top:12px;padding:11px;border-radius:13px}.tip-icon{font-size:17px}.tip-bar b{font-size:10px}.tip-bar small{font-size:9px;line-height:1.5;max-width:190px}.tip-action{font-size:9px;white-space:nowrap;padding:5px}
  .inventory-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.inventory-toolbar .search-box{width:100%;grid-column:span 2;height:44px}.inventory-toolbar select{width:100%;min-width:0;height:42px;padding:0 9px;font-size:10px}.full-panel{overflow:visible}.full-panel>.table-wrap{overflow:visible}.full-panel table{min-width:0;white-space:normal}.full-panel thead{display:none}.full-panel tbody{display:grid;gap:9px;padding:10px}.full-panel tbody tr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding:12px 11px 8px;background:#fff;border:1px solid #ebefe8;border-radius:13px;box-shadow:0 3px 12px #263c2b07}.full-panel tbody td{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;padding:6px 1px;font-size:10px;white-space:normal}.full-panel tbody td:before{content:attr(data-label);color:#9aa49b;font-size:9px;white-space:nowrap}.full-panel tbody td:first-child{grid-column:span 2;justify-content:flex-start;padding:0 0 8px;border-bottom:1px solid #f0f2ee;margin-bottom:4px}.full-panel tbody td:first-child:before,.full-panel tbody td:last-child:before{display:none}.full-panel tbody td:nth-child(6){grid-column:span 2;justify-content:flex-start}.full-panel tbody td:last-child{position:absolute;left:8px;top:8px}.full-panel tbody td:last-child .row-actions{display:flex}.full-panel tbody td:last-child .row-action{width:32px;height:32px}.product-cell{min-width:0}.product-thumb{width:40px;height:40px}.product-name{font-size:11px}
  .purchase-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:11px}.purchase-summary>div{padding:10px 8px;border-radius:12px}.purchase-summary span{font-size:8px;line-height:1.4}.purchase-summary b{font-size:14px;margin-top:4px}.purchase-list-heading{align-items:flex-start;gap:10px;flex-direction:column;padding:14px}.search-box.compact{width:100%;height:42px}.purchase-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:12px 13px}.purchase-main{grid-column:1;grid-row:1 / span 2}.purchase-meta{font-size:9px;text-align:left}.purchase-meta:nth-child(3){grid-column:2}.purchase-total{grid-column:2;grid-row:2;font-size:10px}.purchase-meta:last-child{grid-column:1/-1;text-align:right;padding-right:43px;color:#8d998e}
  .main-footer{font-size:8px;padding:15px 0 0}.modal-backdrop{align-items:end;padding:0;background:#17251db5}.modal{width:100%;max-height:92dvh;padding:19px 17px calc(17px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;box-shadow:0 -12px 40px #16251c2b}.modal-header{margin-bottom:16px}.modal-header h2{font-size:19px}.close-button{width:42px;height:42px}.form-grid{gap:12px 9px}.field{font-size:10px}.field input,.field select,.field textarea{min-height:45px;border-radius:10px;font-size:12px}.modal-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:16px}.modal-actions .button{width:100%;min-height:46px}.form-hint{font-size:9px;line-height:1.55}.product-modal{width:100%}.category-item{min-height:48px}.row-action{width:38px;height:38px}.toast{left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));max-width:none;text-align:center}
}
@media(min-width:761px) and (max-width:920px){.dashboard-grid{grid-template-columns:1fr}.main-content{padding:0 20px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.year-picker{display:flex;align-items:center;gap:9px;color:#7f887f;font-size:11px}.year-picker select{height:38px;min-width:112px;padding:0 12px;border:1px solid #e9ece7;border-radius:8px;background:#fff;color:#465248;font:inherit}.annual-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.annual-summary small{display:block;color:#a0a79f;font-size:9px;margin-top:3px}.annual-tables{display:grid;grid-template-columns:1fr 1fr;gap:15px}.annual-tables .panel-heading{min-height:67px}.annual-tables .panel-heading p{font-size:10px;color:#a0a69f;margin:4px 0 0}.annual-tables table{white-space:normal}.annual-tables th,.annual-tables td{padding-left:12px;padding-right:12px}
@media(max-width:900px){.annual-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.annual-tables{grid-template-columns:1fr}}
@media(max-width:700px){.nav-list{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{font-size:8px}.annual-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.year-picker{font-size:10px}.year-picker select{min-width:95px;height:35px}}
.annual-details{margin-top:15px}
.daily-report-panel{margin-top:16px}.daily-report-scroll{max-height:680px;overflow:auto}.daily-report-table{min-width:1050px}.daily-report-table thead{position:sticky;top:0;z-index:1}.daily-report-table th{background:#fafbf9}.daily-report-table td{vertical-align:top;min-width:115px}.daily-report-table td:first-child{white-space:nowrap;font-weight:600}.daily-product-item{line-height:1.7;white-space:nowrap}.daily-product-item small{color:#8b928b;font-size:9px}.daily-no-activity{color:#b2b8b1}