/* Shared Cards controls: existing navigation, permissions and account APIs. */
#shell .cards-topbar{min-height:72px!important;background:#fff!important;border-bottom:1px solid #e5eaf3;display:flex;align-items:center;gap:20px!important;padding:10px 24px!important}
#shell .cards-topbar-brand{display:flex;flex-direction:column;gap:4px;flex-shrink:0}
#shell .cards-topbar-brand b{font-size:14px!important}
#shell .cards-topbar-brand small{font-size:11px!important}
#shell .cards-topbar-search{position:relative;flex:1;max-width:500px;margin-inline:auto;display:flex;align-items:center;gap:10px;background:#f6f8fc;border:1px solid #e8edf7;border-radius:8px;padding:0 12px;min-width:120px}
#shell .cards-topbar-search>svg{width:17px;color:#7484a1;flex-shrink:0}
#shell .cards-topbar-search input{background:transparent!important;border:0!important;box-shadow:none!important;margin:0;min-height:38px;width:100%;font-size:13px;color:#33435c!important;padding:8px 0}
#shell .cards-search-results{position:absolute;inset-inline:0;top:calc(100% + 7px);background:#fff;border:1px solid #e4e9f2;border-radius:10px;box-shadow:0 14px 35px #23365020;z-index:100;max-height:360px;overflow:auto;padding:6px}
#shell .cards-search-results a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#33435c;font-size:13px;border-radius:6px;min-height:40px}
#shell .cards-search-results a:hover,#shell .cards-search-results a:focus-visible{background:#fcedf5;color:#c52b84}
#shell .cards-search-results svg{width:16px}
#shell .cards-search-results p{padding:10px;font-size:13px}
#shell .cards-topbar-actions{margin:0!important;gap:8px;flex-shrink:0}
#shell .cards-topbar-actions>.icon-btn{width:36px;height:36px;min-width:36px;border:0;background:transparent!important;color:#647792!important;box-shadow:none}
#shell .cards-topbar-actions>.icon-btn svg{width:19px;height:19px}
#shell .cards-account-link{display:flex;flex-direction:row-reverse;align-items:center;gap:9px;min-height:46px;padding:5px 9px;border:1px solid #e8edf7;border-radius:10px;background:#fcfcff;color:#30415f}
#shell .cards-account-link img{width:34px;height:34px;border-radius:50%;object-fit:cover}
#shell .cards-account-link span{display:flex;flex-direction:column;gap:3px;text-align:right}
#shell .cards-account-link b{font-size:12px!important;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#shell .cards-account-link small{font-size:10px!important}
#shell .cards-account-link>svg{width:13px;height:13px}

#shell .cards-popover-anchor{position:relative;display:flex;align-items:center;flex-shrink:0}
#shell .cards-popover-anchor>.icon-btn{position:relative;width:34px;height:34px;min-width:34px;padding:6px;border:0;background:transparent!important;color:#8190a9!important;box-shadow:none}
#shell .cards-popover-anchor>.icon-btn svg{width:19px;height:19px}
#shell .cards-account-link{font-family:inherit;cursor:pointer}
#shell .cards-header-popover{position:absolute;top:calc(100% + 12px);left:0;z-index:220;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;background:#fff;color:#30445e;border:1px solid #e6eaf2;border-radius:12px;box-shadow:0 12px 36px #152b4b24;padding:10px;text-align:right;font-size:13px;line-height:1.7;outline:none}
#shell .cards-popover-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eaf2;padding:3px 4px 10px}
#shell .cards-popover-heading button{border:0;background:transparent;color:inherit;padding:4px;display:flex;cursor:pointer}
#shell .cards-popover-heading svg{width:18px;height:18px}
#shell .cards-header-popover p{margin:12px 4px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
#shell .cards-notification-list{max-height:340px;overflow-y:auto;overscroll-behavior:contain}
#shell .cards-notice-item{position:relative;display:flex;flex-direction:column;width:100%;gap:3px;padding:12px 10px 12px 24px;border:0;border-bottom:1px solid #edf0f5;background:transparent;color:inherit;text-align:right;font-family:inherit;cursor:pointer;border-radius:6px}
#shell .cards-notice-item.is-unread{background:#fcf1f8}
#shell .cards-notice-item b{font-size:13px!important;overflow-wrap:anywhere}
#shell .cards-notice-item span{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#shell .cards-notice-item small{font-size:11px;color:#697a94}
#shell .cards-notice-item>svg{position:absolute;left:4px;top:20px;width:16px}
#shell .cards-notification-detail{padding:8px 4px}
#shell .cards-notification-detail h3{font-size:15px!important;overflow-wrap:anywhere}
#shell .cards-notice-back{border:0;background:transparent;color:#b52a88;font:inherit;padding:5px 0;cursor:pointer}
#shell .cards-popover-footer{display:block;text-align:center;border-top:1px solid #e6eaf2;padding:10px 4px 2px;color:#ad2883;font-weight:700}
#shell .cards-account-popover{width:210px}
#shell .cards-account-popover>a,#shell .cards-account-popover>button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 9px;border:0;border-radius:7px;background:transparent;font:inherit;color:inherit;text-align:right;cursor:pointer}
#shell .cards-account-popover svg{width:18px;height:18px}
#shell .cards-header-popover button:hover,#shell .cards-header-popover a:hover{background:#f3f5fa}
#shell .cards-header-popover :focus-visible,#shell .cards-popover-anchor>button:focus-visible{outline:2px solid #b52a88;outline-offset:2px}
#shell .cards-notification-count{position:absolute;top:-3px;right:-4px;border-radius:10px;background:#c42a8b;color:white;font-size:10px;line-height:16px;min-width:16px;padding:0 3px}
#shell[data-color-mode="dark"] .cards-header-popover{background:#1c273a;border-color:#43516b;color:#e2e9f3}
#shell[data-color-mode="dark"] .cards-notice-item.is-unread{background:#392a42}
#shell[data-color-mode="dark"] .cards-header-popover button:hover,#shell[data-color-mode="dark"] .cards-header-popover a:hover{background:#33415b}
#shell[data-color-mode="dark"] .cards-notice-item small{color:#b0bfd4}
@media(max-width:860px){#shell .cards-header-popover{position:fixed;left:12px;right:12px;top:66px;width:auto;max-width:none;max-height:calc(100dvh - 80px)}#shell .cards-account-popover{right:auto;width:210px}#shell .cards-popover-anchor>.icon-btn{width:28px;min-width:28px;height:32px;padding:5px}#shell .cards-popover-anchor .cards-account-link>svg{display:block;width:11px;height:11px}}

/* Header geometry from Code 2.7.2's final .man-refine cascade. */
#shell{--cards-header-height:72px;--cards-header-brand-width:250px}
#shell .cards-header-brand{position:fixed;inset-inline-start:0;top:0;z-index:91;box-sizing:border-box;width:var(--cards-header-brand-width);height:var(--cards-header-height);display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border-inline-end:1px solid #e5edf6;border-bottom:1px solid #e8edf5;text-decoration:none;color:#253954}
#shell .cards-header-brand img{width:45px;height:45px;object-fit:contain;padding:2px;background:#fff;flex:0 0 45px}
#shell .cards-header-brand span{display:flex;flex-direction:column;text-align:left;gap:3px;direction:ltr}
#shell .cards-header-brand b{font-size:10px!important;font-weight:700;letter-spacing:.25px;line-height:1.65;color:#253954!important;white-space:nowrap}
#shell .cards-header-brand small{font-size:12px!important;font-weight:600;line-height:1.6;color:#db238b!important}
#shell .cards-topbar{position:fixed!important;top:0!important;left:0!important;right:var(--cards-header-brand-width)!important;bottom:auto!important;width:auto!important;height:var(--cards-header-height)!important;min-height:var(--cards-header-height)!important;margin:0!important;display:flex!important;flex-wrap:nowrap!important;padding:0 22px!important;gap:20px!important;background:#fff!important;border-bottom:1px solid #e8edf5;box-shadow:0 2px 12px #283b5405;z-index:90;backdrop-filter:none}
#shell .admin-main{padding-top:var(--cards-header-height)!important}
#shell>aside{top:var(--cards-header-height)!important;height:calc(100dvh - var(--cards-header-height))!important;padding-top:12px!important}
#shell>aside .sidebar-head{display:none!important}
#shell .sidebar-shade{top:var(--cards-header-height)!important}
#shell .cards-header-breadcrumb{display:flex!important;align-items:center;gap:9px;flex:0 0 auto;font-size:12px;white-space:nowrap;color:#8494ad}
#shell .cards-header-breadcrumb b{font-size:12px!important;color:#30445e!important;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis}
#shell .cards-header-breadcrumb i{font-style:normal;color:#c1cada}
#shell .cards-topbar-search{flex:1 1 370px;max-width:480px;min-width:130px;margin:0;background:#f6f8fc;border-color:#e8edf7;border-radius:7px;padding-inline:12px}
#shell .cards-topbar-search input{height:39px;min-height:39px;font-size:12px}
#shell .cards-topbar-actions{height:100%;margin-inline-start:auto!important;gap:10px!important;flex-shrink:0}
#shell .cards-header-date{max-width:110px;font-size:10px;color:#8190a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shell .cards-topbar-actions>.icon-btn{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;padding:6px;color:#8190a9!important}
#shell .cards-account-link{flex-direction:row;gap:10px;border:1px solid #edf0f7;border-radius:11px;background:#fcfcfe;padding:6px 10px;min-width:120px;max-width:225px;min-height:44px;height:50px;box-sizing:border-box}
#shell .cards-account-link img{width:36px;height:36px;min-width:36px;border:2px solid #fff;box-shadow:0 0 0 1px #e9dff0}
#shell .cards-account-link b{font-size:12px!important;line-height:1.7;color:#30445e!important;font-weight:700;max-width:147px}
#shell .cards-account-link small{font-size:10px!important;line-height:1.6;color:#8692a6!important;max-width:147px}
#shell .cards-account-link>svg{width:16px;height:16px;color:#93a0b2}
#shell[data-color-mode="dark"] .cards-header-brand,#shell[data-color-mode="dark"] .cards-topbar{background:#1c273a!important;border-color:#354157!important}
#shell[data-color-mode="dark"] .cards-header-brand img{background:#fff;border-radius:5px}
#shell[data-color-mode="dark"] .cards-header-brand b,#shell[data-color-mode="dark"] .cards-header-breadcrumb b,#shell[data-color-mode="dark"] .cards-account-link b{color:#e2e9f3!important}
@media(max-width:1270px){#shell{--cards-header-brand-width:224px}#shell .cards-topbar{gap:12px!important;padding-inline:16px!important}#shell .cards-header-date{display:none}#shell .cards-account-link{max-width:175px;min-width:108px}#shell .cards-account-link b,#shell .cards-account-link small{max-width:110px}}
@media(max-width:1000px){#shell .cards-header-breadcrumb{display:none!important}}
@media(max-width:860px){#shell{--cards-header-height:112px;--cards-header-brand-width:190px}#shell .cards-header-brand{height:64px;padding:8px 12px;gap:8px}#shell .cards-header-brand img{width:38px;height:38px;flex-basis:38px}#shell .cards-header-brand b{font-size:9px!important}#shell .cards-topbar{right:0!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end;padding:8px 10px!important;padding-inline-start:195px!important;gap:6px!important}#shell .cards-topbar-search{position:absolute;top:68px;left:12px;right:12px;height:35px;max-width:none;margin:0}#shell .cards-topbar-search input{height:33px;min-height:33px}#shell .cards-topbar-actions{height:48px;gap:4px!important}#shell .cards-header-refresh{display:none!important}#shell .cards-account-link{height:40px;min-height:40px;min-width:0;padding:3px 5px;gap:5px}#shell .cards-account-link span,#shell .cards-account-link>svg{display:none}#shell .cards-account-link img{width:30px;height:30px;min-width:30px}#shell .cards-topbar-actions>.icon-btn{width:28px;min-width:28px;height:32px;padding:5px}#shell .admin-menu{position:fixed;right:calc(var(--cards-header-brand-width) + 4px);top:18px;width:28px;min-width:28px;height:28px;padding:4px}#shell .cards-header-brand{width:180px}#shell{--cards-header-brand-width:180px}}
@media(max-width:365px){#shell .cards-header-brand{width:150px;padding-inline:7px;gap:4px}#shell .cards-header-brand img{width:30px;height:36px;flex-basis:30px}#shell .cards-header-brand b{font-size:8px!important}#shell .cards-topbar{padding-inline-start:180px!important}#shell .admin-menu{right:152px}}
#shell .cards-header-brand b{font-family:"Segoe UI",Arial,sans-serif!important}
#shell .cards-search-shortcut{font:11px Arial,sans-serif;color:#9aa8be;background:#fff;border:1px solid #dce4f2;border-radius:4px;min-width:18px;height:20px;display:grid;place-items:center;flex:0 0 18px}
#shell[data-color-mode="dark"] .cards-search-shortcut{background:#1c273a;color:#afbdd1;border-color:#43516b}
#shell .cards-topbar{border-bottom-color:#e8edf5!important;box-shadow:0 2px 12px #283b5405!important}
#shell .cards-topbar,#shell .cards-header-brand{font-family:"Noto Sans Arabic",Arial,sans-serif}
#shell .cards-topbar input{font-family:inherit}
#shell[data-color-mode="dark"] .cards-topbar{border-bottom-color:#354157!important}

/* Cards 10.9.153 visual contract; existing Radius DOM and navigation remain authoritative. */
@font-face{font-family:Tajawal;src:url(fonts/tajawal-arabic-400-normal-CyCXRvzh.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url(fonts/tajawal-arabic-700-normal-D2-eand5.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Tajawal;src:url(fonts/tajawal-arabic-800-normal-TQp-UTiE.woff2) format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url(fonts/noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url(fonts/noto-sans-arabic-arabic-600-normal-JPxwL-XU.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url(fonts/noto-sans-arabic-arabic-700-normal-3CqrwsiZ.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--teal:#168cff;--mint:#eef6ff;--ink:#14213d;--muted:#71809c;--paper:#f5f8fd;--line:#e5ebf5;font-family:Tajawal,'Segoe UI',Tahoma,Arial,sans-serif}
body{background:#f5f8fd;color:#14213d}button,input,select,textarea{font-family:inherit}
#shell{--sidebar-rail:72px;--sidebar-open:246px;background:#f5f8fd}
#shell .main{background:radial-gradient(circle at 10% 0,rgba(22,140,255,.065),transparent 28rem),radial-gradient(circle at 92% 18%,rgba(116,62,232,.05),transparent 30rem),#f5f8fd;margin-right:72px;width:calc(100% - 72px);transition:margin-right .26s cubic-bezier(.2,.8,.2,1),width .26s cubic-bezier(.2,.8,.2,1)}
#shell .content{background:transparent;max-width:1480px;margin:auto;padding:24px 24px 44px;min-height:calc(100dvh - 120px)}
#shell .sidebar{position:fixed;inset:72px 0 0 auto;width:72px;height:calc(100dvh - 72px);padding:12px 8px!important;display:flex;flex-direction:column;gap:0;background:#fff;color:#202c45;border-left:1px solid #e5ebf5;box-shadow:-7px 0 28px rgba(33,52,101,.055);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dfe5ef transparent;transition:width .26s cubic-bezier(.2,.8,.2,1),padding .26s cubic-bezier(.2,.8,.2,1)}
#shell .brand-line,#shell .nav-caption{display:none!important}
#shell .sidebar:hover,#shell .sidebar:focus-within{width:246px;padding:12px 13px!important;box-shadow:-14px 0 38px rgba(33,52,101,.13)}
#shell:has(>.sidebar:hover) .main,#shell:has(>.sidebar:focus-within) .main{margin-right:246px;width:calc(100% - 246px)}
#shell .workspace-label{min-height:39px;margin:2px 0 7px;padding:5px 8px;border:1px solid #edf1f6;border-radius:9px;background:#fbfcfe;box-shadow:none;gap:8px}
#shell .workspace-label b{font-size:9px;color:#3a4661}#shell .workspace-label small{font-size:7px;margin:0;color:#718097}
#shell .workspace-icon{width:27px;height:27px;min-width:27px;border-radius:7px;color:#168cff;background:#eef6ff}
#shell .sidebar nav{overflow:visible;gap:1px;flex-shrink:0;padding:0}
#shell .nav-flat,#shell .nav-group{margin:0}
#shell .nav-leaf,#shell .nav-group-title{width:100%;min-width:0;min-height:37px;height:auto;margin:1px 0;padding:8px 9px;display:flex;align-items:center;gap:9px;border:0;border-radius:11px;color:#40516d;background:transparent;font-size:14px;font-weight:600;box-shadow:none;text-align:right;transition:color .2s,background .2s,transform .2s}
#shell .nav-leaf>span,#shell .nav-group-title>span{font-size:14px;font-weight:600}
#shell .nav-leaf svg,#shell .nav-group-title svg{width:17px;height:17px;min-width:17px;color:#a8b4cb;stroke-width:1.75}
#shell .nav-leaf:hover,#shell .nav-group-title:hover{color:#168cff;background:#f2f7ff;transform:translateX(-3px)}
#shell .nav-leaf.active,#shell .nav-group:has(.nav-children a.active)>.nav-group-title{color:#fff!important;background:linear-gradient(105deg,#168cff,#743ee8 68%,#a23fdd)!important;font-weight:800;box-shadow:0 9px 22px rgba(78,73,209,.22)!important;transform:none;border:0!important}
#shell .nav-leaf.active svg,#shell .nav-group:has(.nav-children a.active)>.nav-group-title svg{color:#fff}
#shell .nav-group.expanded>.nav-group-title{box-shadow:none}
#shell .nav-children{display:none;margin:2px 15px 4px 0;padding:2px 8px 2px 0;border-right:1px solid #e7e1f3}
#shell .nav-group.expanded>.nav-children{display:block}
#shell .nav-children .nav-leaf{min-height:31px;padding-block:6px;font-size:12px}
#shell .sidebar-note{margin-top:auto;border-top:1px solid #edf1f6;padding:12px 2px 0;min-height:30px}
#shell .logout{display:flex!important;align-items:center;justify-content:center;gap:9px;align-self:center;margin:7px 0 0;padding:8px;border:1px solid #e7e1f3;border-radius:10px;background:#fff;color:#8190a9;min-width:38px;min-height:38px;font-size:12px}
#shell .logout svg{width:18px;height:18px}
#shell .sidebar:not(:hover):not(:focus-within) .workspace-label,#shell .sidebar:not(:hover):not(:focus-within) .sidebar-note,#shell .sidebar:not(:hover):not(:focus-within) .nav-children,#shell .sidebar:not(:hover):not(:focus-within) .nav-leaf>span,#shell .sidebar:not(:hover):not(:focus-within) .nav-group-title>span,#shell .sidebar:not(:hover):not(:focus-within) .nav-group-title>i,#shell .sidebar:not(:hover):not(:focus-within) .vip-nav>i,#shell .sidebar:not(:hover):not(:focus-within) .logout span{display:none!important}
#shell .sidebar:not(:hover):not(:focus-within) .nav-leaf,#shell .sidebar:not(:hover):not(:focus-within) .nav-group-title{width:50px;min-width:50px;height:42px;min-height:42px;margin:1px auto;padding:0;justify-content:center;gap:0;border-radius:10px}
#shell .sidebar:not(:hover):not(:focus-within) .logout{margin-top:auto}
#shell .sidebar:not(:hover):not(:focus-within) .nav-leaf svg,#shell .sidebar:not(:hover):not(:focus-within) .nav-group-title svg{width:18px;height:18px;min-width:18px}
#shell .topbar{justify-content:flex-start}#shell .breadcrumb span{margin:0}#shell .breadcrumb .top-eyebrow{display:none}
#shell .cards-account-link #avatar{width:36px;height:36px;min-width:36px;border:2px solid #fff;outline:1px solid #e9dff0;border-radius:50%;background:#f2f8ff;color:#743ee8;box-shadow:none;font-size:14px}
#shell .cards-account-link>span:last-of-type{display:flex;flex-direction:column;text-align:right}
#shell .cards-topbar-search input{outline:none;border-radius:0}#shell .cards-topbar-search:focus-within{outline:2px solid #168cff55}
#shell .cards-topbar-actions .icon-btn{display:grid;place-items:center}#shell .cards-topbar-actions .icon-btn svg{width:19px;height:19px}
#shell .page-heading{margin-bottom:18px;gap:16px;flex-wrap:wrap}#shell .page-heading h1{font-size:clamp(21px,2vw,27px);line-height:1.55;color:#14213d;margin:3px 0;font-weight:800}#shell .page-heading p{font-size:11px;color:#718097}
#shell .panel,#shell .metric,#shell .router-card,#shell .package-card,#shell .network-admin-card,#shell .tenant-card{border-color:#e5ebf5;border-radius:18px;background:#fff;box-shadow:0 10px 32px rgba(33,52,101,.07)}
#shell .panel-head{padding:17px;background:transparent;border-color:#eeeaf2}#shell .panel-head h3{font-size:15px;color:#14213d}#shell .panel-head small{font-size:10px;color:#718097}#shell .panel-body{padding:17px}
#shell .primary,#shell button.primary{color:#fff;background:linear-gradient(105deg,#168cff,#743ee8 68%,#e93291);box-shadow:0 10px 24px rgba(78,73,209,.20)}
#shell .secondary{border-color:#e5ebf5;color:#65728a;border-radius:10px}
#shell .executive-metrics-grid{gap:14px;margin-bottom:16px}#shell .executive-metric{min-height:110px;padding:16px 18px;border-radius:14px;background:linear-gradient(125deg,#ea376e,#d3399b);box-shadow:0 15px 30px rgba(220,54,126,.18)}
#shell .executive-metric.metric-sales{background:linear-gradient(125deg,#7047bf,#8a47ca);box-shadow:0 15px 30px rgba(111,69,190,.18)}
#shell .executive-metric.metric-stock{background:linear-gradient(125deg,#27b8d9,#338fe2);box-shadow:0 15px 30px rgba(42,158,221,.18)}
#shell .executive-metric.metric-online{background:linear-gradient(125deg,#ff9e2f,#f58a30);box-shadow:0 15px 30px rgba(245,138,48,.18)}
#shell .executive-metric-copy strong{font-family:Tajawal,Arial,sans-serif;font-size:26px;line-height:1.35}#shell .executive-metric-copy small{font-size:11px;opacity:.94}#shell .executive-metric-copy p{font-size:10px;opacity:.9}
#shell .executive-metric-icon{left:12px;top:auto;bottom:34px;width:18px;height:18px;border:0;border-radius:50%;background:#ffffff30}#shell .executive-metric-icon svg{width:12px;height:12px}
#shell .dashboard-analytics-grid{grid-template-columns:minmax(0,1fr) minmax(275px,.4fr);gap:16px}#shell .dashboard-lower-grid{grid-template-columns:minmax(0,1fr) minmax(265px,300px);gap:16px}
#shell th{background:#f7f9fd;color:#74819a}#shell td{border-color:#e5ebf5}#shell tbody tr:hover{background:#f8fbff}
#shell .footer{background:transparent;border-color:#e5ebf5}#shell .hero{background:#fff;border-color:#e5ebf5}
#login-screen{font-family:Tajawal,Arial,sans-serif;background:radial-gradient(circle at 82% 12%,rgba(22,140,255,.13),transparent 30rem),radial-gradient(circle at 15% 85%,rgba(116,62,232,.10),transparent 28rem),#f5f8fd}
#login-screen .login-story{background:linear-gradient(135deg,#31247f,#743ee8)}#login-screen .login-card{border:1px solid #dce5f2;border-radius:28px;background:#fff;box-shadow:0 28px 75px rgba(43,62,113,.15)}#login-screen .primary{background:linear-gradient(105deg,#168cff,#743ee8 68%,#e93291)}
#shell[data-color-mode=dark]{--ink:#e2e9f3;--muted:#afbdd1;--line:#354157;color-scheme:dark;background:#121a2a!important;color:#e2e9f3}
#shell[data-color-mode=dark] .main,#shell[data-color-mode=dark] .content{background:#121a2a!important}
#shell[data-color-mode=dark] :is(.sidebar,.panel,.metric,.router-card,.package-card,.hero,.cards-search-results){background:#1c273a!important;border-color:#354157;color:#e2e9f3}
#shell[data-color-mode=dark] :is(h1,h2,h3,h4,td b,.workspace-label b,.nav-leaf,.nav-group-title,.cards-account-link b){color:#e2e9f3}
#shell[data-color-mode=dark] :is(input,select,textarea,th,.workspace-label,.logout){background:#243148!important;border-color:#3b4860;color:#e2e9f3}
@media(min-width:861px){#shell #menu-toggle{display:none}}
@media(min-width:861px)and(max-width:1050px){#shell .dashboard-analytics-grid,#shell .dashboard-lower-grid{grid-template-columns:1fr}}
@media(max-width:860px){#shell #menu-toggle{display:block;position:fixed;right:184px;top:18px;z-index:110;width:28px;height:28px;padding:3px;font-size:18px}#shell .main,#shell:has(>.sidebar:hover) .main,#shell:has(>.sidebar:focus-within) .main{margin-right:0;width:100%}#shell .content{padding:18px 14px 28px}#shell .sidebar,#shell .sidebar:hover,#shell .sidebar:focus-within{width:min(88vw,246px);top:112px;height:calc(100dvh - 112px);padding:12px 13px!important;transform:translateX(110%);transition:transform .25s;z-index:100}#shell.menu-open .sidebar{transform:none}#shell.menu-open .sidebar .workspace-label,#shell.menu-open .sidebar .sidebar-note,#shell.menu-open .sidebar .nav-leaf>span,#shell.menu-open .sidebar .nav-group-title>span,#shell.menu-open .sidebar .nav-group-title>i,#shell.menu-open .sidebar .logout span{display:flex!important}#shell.menu-open .sidebar .nav-leaf,#shell.menu-open .sidebar .nav-group-title{width:100%;justify-content:flex-start;padding:8px 9px;gap:9px}#shell.menu-open .sidebar .nav-group.expanded .nav-children{display:block!important}#shell .dashboard-analytics-grid,#shell .dashboard-lower-grid{grid-template-columns:1fr}#shell .cards-account-link #avatar{width:30px;height:30px;min-width:30px}#shell .cards-account-link>span:last-of-type{display:none}}
@media(max-width:600px){#shell .executive-metrics-grid{grid-template-columns:1fr}#shell .executive-metric{min-height:104px;padding:14px 16px}}
@media(max-width:365px){#shell #menu-toggle{right:152px}}
@media(prefers-reduced-motion:reduce){#shell .main,#shell .sidebar,#shell .nav-leaf{transition:none}}

#shell .cards-header-brand{z-index:111!important}#shell .cards-topbar{z-index:110!important}#shell .cards-account-link #avatar{object-fit:contain;padding:3px;background:#fff}
#shell .sidebar-note>span:last-child{display:none}#shell .sidebar-note>div{min-width:0}#shell .sidebar-note small{font-size:9px}
#shell .executive-metric-copy{gap:3px}#shell .executive-metric-copy p{position:relative;z-index:2;line-height:1.8}
#shell .sales-wave-stage{min-height:195px;height:195px;padding:10px 17px 5px}#shell .sales-wave-stage>svg{height:170px;min-height:0}
@media(max-width:860px){#shell .cards-account-link #avatar{display:block!important}#shell .cards-header-brand{width:180px}#shell .cards-topbar{z-index:110!important}#shell #menu-toggle{z-index:112}}

#shell .sales-bar text{font:8px Tajawal,sans-serif;fill:#8892a8}#shell .sales-bar rect{filter:drop-shadow(0 5px 9px #7547c815)}#shell .sales-wave-stage{grid-template-rows:170px 25px}