@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c0e11;--surface:#171a1f;--surface2:#1c2026;--surface3:#252a31;--line:#ffffff11;--line-strong:#ffffff1e;--orange:#ff8900;--orange2:#ffad35;--orange-low:#ff89001a;--text:#f5f6f7;--muted:#949ba8;--green:#36d59d;--red:#ff636f;--ease:cubic-bezier(.22,.8,.22,1);font-family:Vazirmatn,'Noto Sans Arabic UI',Tahoma,sans-serif;font-size:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);min-width:340px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange2);outline-offset:3px}button{border:0}input,select{outline:0}svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(65px)}.ambient-top{width:700px;height:500px;top:-330px;right:5%;background:#ea730017}.ambient-bottom{width:750px;height:620px;bottom:-470px;left:-200px;background:#24405b12}
.app-shell{display:flex;gap:17px;min-height:100vh;padding:14px;align-items:flex-start}
/* Sidebar from the supplied sample: glossy floating shell, illuminated sliding active row, folding labels. */
.sidebar{position:sticky;top:14px;height:calc(100vh - 28px);height:calc(100dvh - 28px);width:282px;flex:0 0 282px;border-radius:27px;display:flex;flex-direction:column;isolation:isolate;padding:47px 14px 14px;background:linear-gradient(145deg,#242831,#181b23 44%,#101319 100%);border:1px solid #ffffff26;box-shadow:inset 1px 1px 1px #ffffff14,inset -1px -1px 4px #0005,0 20px 55px #0009,0 0 0 1px #0006;transition:width .72s var(--ease),flex-basis .72s var(--ease),padding .72s var(--ease),transform .52s var(--ease);z-index:10}.sidebar-edge{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff06,transparent 42%,#ff890007 94%);z-index:-1}.sidebar-edge::before{content:'';position:absolute;top:0;right:26px;left:26px;height:1px;background:linear-gradient(90deg,transparent,#ffb45369,transparent)}.window-dots{position:absolute;top:15px;left:17px;display:flex;gap:6px;direction:ltr}.window-dots span{width:7px;height:7px;border-radius:50%;background:#777d89;opacity:.5}.window-dots span:first-child{background:var(--orange);opacity:1}.window-dots span:last-child{background:#64b89a;opacity:.8}.collapse-toggle{position:absolute;left:-16px;top:65px;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#363941,#1a1c23);border:1px solid #ffffff49;box-shadow:0 7px 20px #0009;z-index:25;transition:background .25s,box-shadow .3s,transform .3s}.collapse-toggle:hover{background:#5c3615;box-shadow:0 0 0 5px #ff89001a,0 0 26px #ff890077;transform:scale(1.07)}.collapse-toggle svg{width:18px;height:18px;transform:rotate(0deg);transition:transform .7s var(--ease)}
.brand{height:70px;display:flex;align-items:center;gap:10px;margin:1px 5px 16px;color:#fff;text-decoration:none;white-space:nowrap;flex-shrink:0}.brand-mark{width:50px;height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:15px;background:linear-gradient(140deg,#ffb13d,#ff8500 55%,#e55b00);border:1px solid #ffc06b80;box-shadow:0 7px 20px #ff80003f,inset 0 2px 1px #ffdfa071;color:#15100b;font:900 20px/1 Arial,sans-serif;letter-spacing:-3px;direction:ltr;padding-left:2px}.brand-mark span{color:#fff;text-shadow:0 0 2px #0006}.brand-copy,.workspace-text,.bottom-copy{display:flex;flex-direction:column;overflow:hidden;max-width:220px;white-space:nowrap;opacity:1;transition:opacity .24s,max-width .6s var(--ease),transform .5s var(--ease)}.brand-copy strong{font-size:22px;letter-spacing:-.6px;line-height:1.7;font-weight:800}.brand-copy small{font-size:10px;color:#a3a9b4}.workspace{width:100%;height:55px;border:1px solid #ffffff13;background:#080c12a8;border-radius:14px;display:flex;align-items:center;gap:9px;padding:6px 9px;text-align:right;flex-shrink:0;transition:background .3s,border .3s}.workspace:hover{border-color:#ff890046;background:#14151b}.workspace-symbol{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px;background:#ff890018;color:var(--orange)}.workspace-symbol svg{width:18px}.workspace-text{flex:1}.workspace-text strong{font-size:12px;font-weight:700}.workspace-text small{font-size:10px;color:#8c919d}.workspace-arrow{width:14px;color:#88909c;transform:rotate(-90deg);transition:.3s}.sidebar-search{margin-top:12px;height:47px;background:#0a0d13e8;border:1px solid #ffffff0d;border-radius:13px;display:flex;align-items:center;gap:9px;padding:0 12px;flex-shrink:0;transition:background .3s,border-color .3s,padding .7s var(--ease)}.sidebar-search:focus-within{border-color:#ff890073;box-shadow:0 0 0 3px #ff89000c}.search-ico{color:#9399a4;width:19px}.sidebar-search input{background:transparent;border:0;min-width:0;width:100%;font-size:11px;color:#f7f7f7;transition:width .4s,opacity .3s}.sidebar-search input::placeholder{color:#747c8b}.sidebar-search kbd,.global-search kbd{font:10px Arial,sans-serif;direction:ltr;color:#848a97;white-space:nowrap;background:#ffffff0b;border:1px solid #ffffff12;padding:4px 5px;border-radius:5px}.menu-caption{font-size:11px;font-weight:700;color:#757e8e;margin:21px 9px 10px;white-space:nowrap;flex-shrink:0;transition:all .65s var(--ease);display:flex;gap:9px;align-items:center}.menu-caption span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#ffffff1a)}
.navigation{position:relative;display:flex;flex-direction:column;gap:2px;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ff89002d transparent;padding:2px 2px 5px;flex:1}.navigation::-webkit-scrollbar{width:3px}.navigation::-webkit-scrollbar-thumb{background:#ff890048;border-radius:3px}.nav-item{position:relative;flex:0 0 43px;min-height:43px;display:flex;align-items:center;gap:12px;width:100%;padding:0 13px;background:transparent;color:#a4a8b2;border-radius:12px;text-align:right;white-space:nowrap;transition:color .3s,background .3s,transform .24s}.nav-item svg{width:19px;height:19px;flex-shrink:0;transition:filter .3s,transform .35s,color .3s}.nav-item:hover{color:#fff;background:#ffffff07}.nav-item:hover svg{transform:translateY(-2px);color:#ffae4a}.nav-item:active{transform:scale(.98)}.nav-item.active{color:#fff}.nav-item.active svg{color:#ff9c29;filter:drop-shadow(0 0 6px #ff89008a)}.item-label{font-size:12.7px;font-weight:550;overflow:hidden;max-width:200px;white-space:nowrap;opacity:1;transition:opacity .3s,transform .5s var(--ease),max-width .65s var(--ease)}.nav-item.active .item-label{font-weight:800}.active-track{position:absolute;top:2px;right:2px;height:43px;width:calc(100% - 4px);border-radius:12px;border:1px solid #ff890032;background:linear-gradient(270deg,#ff89002b 0%,#ff89000d 75%,transparent);box-shadow:inset 0 1px #ffb54e12;pointer-events:none;transition:transform .63s var(--ease),width .7s var(--ease),opacity .18s;z-index:-0}.active-track::after{position:absolute;content:'';right:-3px;top:8px;bottom:8px;width:3px;background:var(--orange);border-radius:5px;box-shadow:0 0 11px #ffa52f,0 0 25px 5px #ff89006e;animation:glow 3s ease-in-out infinite}.nav-item{z-index:1}.count-badge{margin-right:auto;min-width:22px;height:22px;padding:0 5px;background:#ff9100d6;color:#16100a;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:0 0 13px #ff890032;transition:all .6s var(--ease)}.count-badge.warn{background:#6f2e26;color:#ff918b}.no-results{font-size:11px;text-align:center;padding:18px;color:var(--muted)}.sidebar-bottom{padding-top:10px;border-top:1px solid #ffffff0e;flex-shrink:0;margin-top:8px}.support-link{height:55px;display:flex;align-items:center;gap:9px;width:100%;padding:6px;background:linear-gradient(110deg,#ff89001a,#ff890005);border:1px solid #ff890025;border-radius:13px;text-align:right}.support-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;background:#ff890021;border-radius:9px;color:#ff9c23}.support-icon svg{height:18px}.bottom-copy strong{font-size:12px}.bottom-copy small{font-size:10px;color:#88919e}.bottom-arrow{width:15px;margin-right:auto;color:var(--orange)}.sidebar-user{display:flex;align-items:center;gap:9px;padding:12px 5px 1px}.user-avatar{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;background:linear-gradient(135deg,#eaa04b,#a94819);color:white;border-radius:10px;font:700 12px Arial}.online-dot{margin-right:auto;width:7px;height:7px;border-radius:50%;background:#45d6a1;box-shadow:0 0 10px #45d6a1b0}
.sidebar.collapsed{width:81px;flex-basis:81px;padding-right:11px;padding-left:11px}.sidebar.collapsed .brand{margin-right:4px;gap:0}.sidebar.collapsed .brand-copy,.sidebar.collapsed .workspace-text,.sidebar.collapsed .bottom-copy{max-width:0;opacity:0;transform:translateX(-10px)}.sidebar.collapsed .brand-mark{min-width:49px;width:49px}.sidebar.collapsed .workspace{padding:6px;justify-content:center}.sidebar.collapsed .workspace-arrow{display:none}.sidebar.collapsed .sidebar-search{padding:0 16px;cursor:pointer}.sidebar.collapsed .sidebar-search input,.sidebar.collapsed .sidebar-search kbd{width:0;opacity:0;position:absolute;pointer-events:none}.sidebar.collapsed .menu-caption{font-size:0;margin-right:7px;opacity:.7}.sidebar.collapsed .menu-caption span{height:2px;background:#ff89004d}.sidebar.collapsed .navigation{overflow-x:hidden}.sidebar.collapsed .nav-item{padding:0 17px;gap:0}.sidebar.collapsed .item-label{opacity:0;max-width:0;transform:translateX(-10px)}.sidebar.collapsed .active-track{width:calc(100% - 4px)}.sidebar.collapsed .count-badge{position:absolute;min-width:7px;width:7px;height:7px;font-size:0;padding:0;right:38px;top:6px;box-shadow:0 0 9px #ff890088}.sidebar.collapsed .support-link{justify-content:center}.sidebar.collapsed .support-icon{min-width:35px}.sidebar.collapsed .bottom-arrow,.sidebar.collapsed .online-dot{display:none}.sidebar.collapsed .sidebar-user{justify-content:center}.sidebar.collapsed .collapse-toggle svg{transform:rotate(180deg)}
/* Main dashboard */
.content-shell{min-width:0;flex:1}.topbar{position:relative;display:flex;align-items:center;gap:15px;min-height:63px;padding:0 7px 13px;border-bottom:1px solid #ffffff0e}.top-start{display:flex;align-items:center}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;white-space:nowrap}.breadcrumb span{color:#797f8d}.breadcrumb strong{font-weight:650;color:#e5e6e8}.breadcrumb svg{width:14px;color:#737d8c;transform:rotate(180deg)}.global-search{height:43px;display:flex;align-items:center;gap:10px;padding:0 13px;margin-right:auto;min-width:190px;width:clamp(210px,37vw,485px);border-radius:12px;background:#1b1e24;border:1px solid #ffffff14;box-shadow:inset 0 1px 2px #fff1}.global-search svg{color:#a3a9b5;width:19px}.global-search input{width:100%;border:0;background:transparent;color:#fff;font-size:11px}.global-search input::placeholder{color:#767f8d}.top-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.top-date{font-size:11px;color:#aaaebb;border-left:1px solid #ffffff1a;padding-left:15px}.icon-button{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#1b1e25;border:1px solid #ffffff12;transition:background .2s,box-shadow .2s}.icon-button:hover{background:#282c34;box-shadow:0 0 0 3px #ff890014}.icon-button svg{width:19px}.alert-button{position:relative}.alert-button i{position:absolute;right:2px;top:0;background:var(--orange);border-radius:50%;width:15px;height:15px;font-size:9px;color:#211103;font-style:normal;line-height:15px;font-weight:800}.profile-button{display:flex;align-items:center;gap:8px;background:#1b1e25;border:1px solid #ffffff12;border-radius:13px;padding:5px 8px}.profile-avatar{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#ffad28,#9d4b1b);color:#fff;display:grid;place-items:center;font:bold 11px Arial}.profile-info{display:flex;flex-direction:column;text-align:right;line-height:1.5}.profile-info strong{font-size:11px}.profile-info small{color:var(--muted);font-size:9px}.profile-button svg{width:13px;transform:rotate(90deg);color:#848a95}.mobile-menu{display:none}.notification-popover{position:absolute;top:58px;left:65px;background:#22252d;border:1px solid #ffffff25;padding:15px;border-radius:15px;width:310px;box-shadow:0 20px 50px #000b;z-index:30}.notification-popover[hidden]{display:none}.notification-popover p{font-size:11px;padding:12px 0;color:#bdc1ca;margin:0;border-bottom:1px solid #ffffff0e}.popover-title{display:flex;justify-content:space-between}.popover-title span{color:var(--orange);font-size:11px}
.main-body{max-width:1900px;margin:auto;padding:14px 0 35px}.demo-label{display:flex;align-items:center;gap:6px;color:#8b94a2;font-size:10px;padding:1px 7px 12px}.demo-label svg{width:14px;color:var(--orange)}.view[hidden]{display:none}.welcome{min-height:164px;position:relative;overflow:hidden;border-radius:19px;background:linear-gradient(105deg,#231c14 0%,#1a1d23 32%,#12181d 100%);border:1px solid #ff9a2430;display:flex;align-items:center;justify-content:space-between;padding:24px 29px;gap:14px;box-shadow:inset 0 1px #ffebba08,0 8px 32px #0003}.welcome::before{content:'';position:absolute;width:330px;height:330px;left:26%;top:-122px;border-radius:50%;border:55px solid #ff890025;filter:blur(1px);transform:rotate(-17deg)}.welcome::after{content:'';position:absolute;width:170px;height:170px;left:13%;top:-125px;border-radius:50%;border:28px solid #ff89000c}.welcome-glow{position:absolute;left:2%;top:-40px;width:370px;height:260px;background:radial-gradient(ellipse,#ff89002a,transparent 68%);filter:blur(12px);pointer-events:none}.welcome-copy,.quick-actions{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:8px;color:#ffaa43;font-size:10px;font-weight:700}.eyebrow-ping{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #ff890027}.welcome h1{font-size:clamp(18px,2vw,27px);font-weight:800;margin:10px 0 4px;letter-spacing:-.7px}.welcome h1 em{font-style:normal;color:#ff9b29}.welcome p{font-size:11px;color:#afb4bd;margin:0;line-height:2}.welcome-footer{margin-top:18px;display:flex;gap:10px;align-items:center;color:#7f8896;font-size:10px}.health-pill{border:1px solid #28c38e3b;color:#80dbc0;padding:4px 8px;border-radius:7px}.health-pill span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#41d7a6;margin-left:3px}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(105px,1fr));gap:9px;max-width:330px;min-width:280px}.quick-action{min-height:57px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;background:#26272ab5;border:1px solid #ffffff18;border-radius:12px;font-size:11px;font-weight:750;transition:transform .25s,border .3s,box-shadow .3s,background .3s}.quick-action svg{color:var(--orange);width:18px}.quick-action:hover{transform:translateY(-3px);border-color:#ff89006c;box-shadow:0 8px 24px #0005}.quick-action.primary{background:linear-gradient(115deg,#ffab1e,#ff7a00);color:#211305;border-color:#ffc36174;box-shadow:0 8px 25px #ff89003f}.quick-action.primary svg{color:#231303}.quick-action .action-mini{width:13px}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 3px 13px}.section-heading h2{font-size:15px;margin:0 0 3px}.section-heading span{font-size:10px;color:#969fac}.section-heading .period-chip{display:flex;align-items:center;gap:6px;background:#1a1d24;padding:7px 10px;border:1px solid #ffffff12;border-radius:8px}.period-chip svg{width:14px;color:var(--orange)}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.kpi-card{position:relative;min-width:0;min-height:130px;background:linear-gradient(150deg,#21252b,#181b20 72%);border:1px solid #ffffff14;border-radius:15px;padding:14px 12px;overflow:hidden;transition:transform .25s,border-color .3s,box-shadow .3s}.kpi-card:hover{transform:translateY(-3px);border-color:#ff890043;box-shadow:0 10px 28px #0004}.kpi-card::after{content:'';position:absolute;right:-24px;top:-40px;width:90px;height:90px;background:radial-gradient(circle,#ff890011,transparent 70%)}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px;color:#b1b7c2;min-height:32px}.kpi-icon{display:grid;place-items:center;min-width:34px;height:34px;background:#ff890014;color:#ff9e2e;border:1px solid #ff890026;border-radius:10px}.kpi-icon svg{width:17px}.kpi-icon.cool{background:#4b7ba01d;color:#91aed2;border-color:#6e9cc023}.kpi-icon.red{color:#ff777a;background:#ff55550e;border-color:#ff555522}.kpi-value{font-size:clamp(14px,1.4vw,20px);font-weight:800;margin-top:7px;direction:rtl;white-space:nowrap;letter-spacing:-.6px}.kpi-value small{font-size:9px;color:#929aaa;font-weight:400;letter-spacing:0}.kpi-foot{border-top:1px solid #ffffff0b;margin-top:9px;padding-top:9px;font-size:9px;color:#7d8795;white-space:nowrap}.trend{font-weight:800;margin-left:4px;font-size:11px}.trend.up{color:var(--green)}.trend.down{color:var(--red)}
.charts-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1.05fr) minmax(240px,.77fr);gap:11px;margin-top:13px}.panel{min-width:0;background:linear-gradient(155deg,#1c2026 0%,#171b20 85%);border:1px solid #ffffff15;border-radius:15px;padding:16px;box-shadow:inset 0 1px 0 #ffffff03;transition:border-color .3s}.panel:hover{border-color:#ffffff23}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:35px}.panel-name h3{margin:0;color:#f3f3f4;font-size:12px;font-weight:800}.panel-name span{display:block;font-size:9px;color:#8f97a3;margin-top:4px}.panel-select,.plain-arrow{border:1px solid #ffffff1a;border-radius:8px;background:#252a31;color:#c9cdd4;font-size:10px;padding:6px 7px;white-space:nowrap}.panel-select option{background:#1d2027}.panel-select.passive{cursor:default}.bar-chart{height:180px;margin-top:19px;display:flex;direction:rtl;align-items:flex-end;gap:6px;padding:11px 0 21px;border-bottom:1px solid #ffffff17;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 42px,#ffffff0b 43px)}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;position:relative;min-width:0}.bar{display:block;min-height:6px;max-width:30px;width:67%;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,#cc5500,#ff9e22 70%,#ffae39);box-shadow:0 0 13px #ff890016;transition:height .6s var(--ease),filter .25s,transform .25s}.bar-group:hover .bar{filter:brightness(1.35);transform:scaleX(1.1)}.bar-group .month{position:absolute;top:calc(100% + 3px);font-size:8px;color:#89909a;white-space:nowrap}.bar-group::after{content:attr(data-tooltip);opacity:0;pointer-events:none;position:absolute;bottom:calc(var(--height) + 16px);background:#efe5d9;color:#24201d;white-space:nowrap;border-radius:6px;padding:4px 6px;font-size:9px;font-weight:700;z-index:3;transition:opacity .2s}.bar-group:hover::after{opacity:1}.chart-legend{display:flex;gap:13px;font-size:10px;color:#b3b9c3;margin-top:8px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i,.donut-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.orange{background:var(--orange)}.gray{background:#8e99aa}.green{background:#2dd69f}.red{background:#fa6173}.line-chart{margin-top:6px}.line-chart svg{width:100%;height:171px;display:block}.gridline{stroke:#ffffff14;stroke-width:1;stroke-dasharray:3 5}.line-orange{fill:none;stroke:#ff8e0a;stroke-width:3;filter:drop-shadow(0 3px 4px #ff890050)}.line-gray{fill:none;stroke:#aeb5c2;stroke-width:2}.line-points circle{stroke:#262022;stroke-width:2}.month-row{display:flex;justify-content:space-between;font-size:8px;color:#929ba7}.donut-content{display:flex;align-items:center;justify-content:space-around;gap:8px;min-height:198px}.donut{width:130px;height:130px;min-width:115px;min-height:115px;border-radius:50%;background:conic-gradient(#28d29c 0 60.87%,#ff910e 60.87% 82.61%,#ff5869 82.61% 91.30%,#8e97a3 91.30% 100%);display:grid;place-items:center;box-shadow:0 0 28px #0003}.donut-center{width:72%;height:72%;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:#1b1e24;box-shadow:inset 0 0 15px #0007}.donut-center strong{font-size:25px}.donut-center span{font-size:9px;color:#9ba2ae}.donut-legend{display:flex;flex-direction:column;gap:12px;min-width:0;font-size:10px;color:#a7afba}.donut-legend>div{display:flex;gap:6px;align-items:center;white-space:nowrap}.donut-legend b{margin-right:auto;color:#fff;font-size:12px;font-weight:700}
.details-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.05fr) minmax(0,1.1fr);gap:11px;margin-top:13px}.details-grid .panel{min-height:274px}.tiny-button{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:9px;color:#babfca;background:#292d33;border:1px solid #ffffff16;padding:6px 8px;border-radius:8px;transition:.2s}.tiny-button:hover{background:#ff890020;color:#ffad46;border-color:#ff89005a}.tiny-button svg{width:12px;height:12px}.table-scroll{overflow:auto;scrollbar-color:#ff890025 transparent;scrollbar-width:thin}.table-panel .table-scroll,.lowstock-panel .table-scroll{margin-top:9px}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap;font-size:10px}th{color:#8992a0;font-weight:450;border-bottom:1px solid #ffffff13;padding:11px 7px}td{padding:12px 7px;border-bottom:1px solid #ffffff0c;color:#c4c9d1}tr:hover td{background:#ffffff02}.status{font-weight:650;border-radius:15px;padding:3px 8px;font-size:9px;display:inline-block;white-space:nowrap}.status.good{color:#43e0ae;background:#19ae7d20}.status.pending{color:#ffaf42;background:#ff890020}.status.bad{color:#ff747b;background:#ff5f6b1d}.reminders{margin-top:8px;display:flex;flex-direction:column;gap:7px}.reminder{display:flex;align-items:center;text-align:right;gap:9px;background:#12161c90;border:1px solid #ffffff0a;width:100%;min-height:62px;border-radius:10px;padding:8px;transition:background .2s,border .2s,transform .2s}.reminder:hover{background:#ff89000d;border-color:#ff890039;transform:translateX(-2px)}.reminder-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:#ff890019;color:#ffa336}.reminder-icon svg{width:17px}.reminder-details{display:flex;flex-direction:column;gap:2px;min-width:0}.reminder-details strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reminder-details small{font-size:9px;color:#949cab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reminder-time{margin-right:auto;flex-shrink:0;display:flex;flex-direction:column;text-align:center;gap:2px;color:#ffb04e;font-size:11px;font-weight:800}.reminder-time small{font-size:9px;color:#8e97a5;font-weight:400}
/* Additional preview modules */
.module-hero{min-height:160px;border-radius:17px;padding:27px;background:radial-gradient(ellipse at 15% 0,#ff89001d,transparent 55%),linear-gradient(125deg,#22262c,#14181d);border:1px solid #ff890028;display:flex;align-items:center;justify-content:space-between;gap:15px}.module-kicker{font-size:10px;color:#ffa236}.module-hero h1{font-size:25px;margin:8px 0}.module-hero p{color:#a3acb9;font-size:11px;margin:0}.button-primary{background:linear-gradient(120deg,#ffb237,#ff8200);border:1px solid #ffbf73;color:#1b1007;border-radius:11px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:12px;white-space:nowrap;box-shadow:0 7px 21px #ff890027;transition:transform .2s,filter .2s}.button-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.button-primary svg{width:17px}.module-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.module-stat{background:linear-gradient(125deg,#22262d,#191d23);border:1px solid #ffffff16;border-radius:14px;padding:20px 16px}.module-stat span{font-size:10px;color:#9ba4af}.module-stat strong{display:block;font-size:20px;margin-top:7px;color:#f5f6f7}.module-table{margin-top:14px;min-height:320px}.module-filter{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;border:1px solid #ffffff17;background:#111419}.module-filter svg{width:15px;color:#9da4b0}.module-filter input{width:160px;font-size:10px;background:none;border:0;color:#f7f7f7}.module-table table{margin-top:14px;font-size:12px}.module-table th{padding:16px 12px}.module-table td{padding:19px 12px}.empty-row{text-align:center;color:#9ba2ae;padding:28px!important}
/* Popups / status */
.floating-tooltip{position:fixed;z-index:100;background:#272b33;border:1px solid #ff890044;border-radius:9px;padding:8px 13px;color:#f6f4f1;white-space:nowrap;box-shadow:0 15px 35px #0009,0 0 16px #ff890015;font-size:11px;pointer-events:none;opacity:0;transform:translateX(8px);transition:opacity .17s,transform .17s}.floating-tooltip.visible{opacity:1;transform:translateX(0)}.floating-tooltip[hidden]{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:60;background:#272a30ee;border:1px solid #ff890042;border-radius:13px;padding:12px 18px;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 30px);box-shadow:0 14px 50px #0009;transition:opacity .35s,transform .35s;font-size:11px}.toast.visible{transform:translate(-50%,0);opacity:1}.toast-dot{width:7px;height:7px;flex-shrink:0;background:var(--orange);border-radius:50%;box-shadow:0 0 10px var(--orange)}.form-dialog{border:1px solid #ff89004e;border-radius:20px;padding:24px;width:min(430px,calc(100vw - 30px));background:#20242b;color:#f7f7f7;box-shadow:0 25px 100px #000b}.form-dialog::backdrop{background:#020304ba;backdrop-filter:blur(4px)}.form-dialog[open]{animation:pop .25s var(--ease)}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h2{margin:7px 0;font-size:20px}.dialog-x{background:#ffffff0e;border-radius:9px;display:grid;place-items:center;width:32px;height:32px}.dialog-x svg{width:16px}.form-dialog p{font-size:11px;color:#9da5b1;line-height:2}.form-dialog label{font-size:11px;font-weight:600;display:flex;flex-direction:column;gap:8px;margin:16px 0}.form-dialog input{background:#11161c;border:1px solid #ffffff20;border-radius:10px;padding:11px;color:white;width:100%;direction:rtl}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.button-muted{padding:10px 13px;background:#ffffff10;border-radius:10px}.scrim{display:none}
@keyframes glow{50%{box-shadow:0 0 14px #ffad39,0 0 28px 8px #ff890067}}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width:1320px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{min-height:119px}.kpi-value{font-size:19px}.charts-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.invoice-status{grid-column:1/-1}.invoice-status .donut-content{min-height:135px;justify-content:center;gap:45px}.details-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.lowstock-panel{grid-column:1/-1}.lowstock-panel .table-scroll{max-height:225px}}
@media (max-width:1120px){.sidebar{width:242px;flex-basis:242px}.global-search{width:215px}.top-date{display:none}.welcome{flex-wrap:wrap}.quick-actions{width:100%;max-width:100%;grid-template-columns:repeat(4,minmax(100px,1fr))}.kpi-grid{grid-template-columns:repeat(3,1fr)}.charts-grid{grid-template-columns:1fr}.invoice-status{grid-column:auto}.details-grid{grid-template-columns:1fr}.lowstock-panel{grid-column:auto}}
@media (max-width:770px){.app-shell{padding:10px;display:block}.sidebar{position:fixed;top:10px;right:10px;bottom:10px;height:calc(100dvh - 20px);width:min(290px,calc(100vw - 55px));max-width:290px;transform:translateX(calc(100% + 45px));z-index:42}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{width:min(290px,calc(100vw - 55px));flex-basis:auto}.sidebar.collapsed .brand-copy,.sidebar.collapsed .workspace-text,.sidebar.collapsed .bottom-copy{max-width:220px;opacity:1;transform:none}.sidebar.collapsed .workspace{justify-content:flex-start}.sidebar.collapsed .sidebar-search{padding:0 12px}.sidebar.collapsed .sidebar-search input{width:100%;position:static;opacity:1;pointer-events:auto}.sidebar.collapsed .sidebar-search kbd{position:static;opacity:1;width:auto}.sidebar.collapsed .menu-caption{font-size:11px;margin-right:9px}.sidebar.collapsed .nav-item{padding:0 13px;gap:12px}.sidebar.collapsed .item-label{max-width:200px;opacity:1;transform:none}.sidebar.collapsed .count-badge{position:static;min-width:22px;height:22px;font-size:11px;padding:0 5px;margin-right:auto}.sidebar.collapsed .bottom-arrow,.sidebar.collapsed .online-dot{display:block}.sidebar.collapsed .support-link{justify-content:flex-start}.sidebar.collapsed .collapse-toggle{display:none}.collapse-toggle{display:none}.scrim{position:fixed;inset:0;background:#0009;z-index:40}.scrim.visible{display:block}.mobile-menu{display:grid}.content-shell{width:100%}.topbar{flex-wrap:wrap;gap:9px}.breadcrumb{font-size:10px}.global-search{order:3;width:100%;margin:0}.top-actions{margin-right:auto}.profile-info,.profile-button>svg{display:none}.main-body{padding-top:12px}.welcome{padding:20px;gap:20px}.quick-actions{grid-template-columns:repeat(2,1fr);min-width:0}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid,.details-grid{grid-template-columns:1fr}.module-hero{align-items:flex-start;flex-direction:column}.module-stats{grid-template-columns:1fr}.module-filter input{width:95px}}
@media (max-width:440px){.welcome h1{font-size:19px}.kpi-grid{grid-template-columns:1fr 1fr;gap:7px}.kpi-card{padding:11px 9px;min-height:117px}.kpi-head{font-size:9px}.kpi-value{font-size:15px}.kpi-foot{font-size:8px}.topbar{padding-bottom:9px}.profile-button{padding:4px}.top-actions{gap:5px}.bar-group .month{font-size:6px}.panel{padding:12px}.donut-content{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}