:root{--clr-brand:#1A56DB;--clr-brand-light:#EFF6FF;--clr-bg:#F8FAFC;--clr-border:#E2E8F0;--clr-text:#0F172A;--clr-text-2:#475569;--clr-text-3:#94A3B8;--nav-topbar-bg:#FFFFFF;--nav-topbar-h:56px;--nav-side-bg:#FFFFFF;--nav-side-w-open:220px;--nav-side-w-closed:64px;--nav-active-bg:var(--clr-brand-light);--nav-active-clr:var(--clr-brand);--radius-md:10px;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--font-sans:"Heebo",system-ui,sans-serif;--transition:.25s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;direction:rtl}body{font-family:var(--font-sans);background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--clr-bg)}.topbar{display:flex;align-items:center;justify-content:space-between;height:var(--nav-topbar-h);padding:0 20px;background:var(--nav-topbar-bg);border-bottom:1px solid var(--clr-border);z-index:60;flex-shrink:0;box-shadow:var(--shadow-sm)}.topbar-start,.topbar-end{display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:8px}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--clr-brand)}.brand-name{font-size:17px;font-weight:700;color:var(--clr-text);letter-spacing:-.3px}.brand-name span{color:var(--clr-brand)}.topbar-module-badge{font-size:11px;font-weight:600;color:var(--clr-brand);background:var(--clr-brand-light);padding:3px 10px;border-radius:20px}.icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);color:var(--clr-text-2);transition:background var(--transition),color var(--transition)}.icon-btn:hover{background:var(--clr-brand-light);color:var(--clr-brand)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--clr-brand);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.app-body{display:flex;flex:1;flex-direction:row-reverse;overflow:hidden;height:calc(100vh - var(--nav-topbar-h));position:relative}.app-main{flex:1;overflow-y:auto;padding:32px}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;top:var(--nav-topbar-h);background:#0f172a73;z-index:45;cursor:pointer;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.nav-overlay.visible{display:block}.sidenav{background:var(--nav-side-bg);border-left:1px solid var(--clr-border);display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition);flex-shrink:0;z-index:50}.sidenav.open{width:var(--nav-side-w-open)}.sidenav.closed{width:var(--nav-side-w-closed)}.sidenav-inner{display:flex;flex-direction:column;gap:4px;padding:12px 8px;overflow:hidden}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--radius-md);color:var(--clr-text-2);transition:background var(--transition),color var(--transition);white-space:nowrap;overflow:hidden;text-decoration:none}.nav-item:hover{background:var(--clr-brand-light);color:var(--clr-brand)}.nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-clr);font-weight:600}.nav-item-icon{flex-shrink:0}.nav-item-label{font-size:14px;opacity:1;transition:opacity var(--transition)}.sidenav.closed .nav-item-label{opacity:0;pointer-events:none}.dash-grid{display:grid;grid-template-columns:repeat(3,148px);gap:28px;justify-content:center}@media (max-width:768px){.topbar{padding:0 12px}.brand-name{font-size:15px}.topbar-module-badge{display:none}.sidenav{position:fixed;right:0;top:var(--nav-topbar-h);height:calc(100vh - var(--nav-topbar-h));box-shadow:-4px 0 24px #00000026;border-left:none;background:#fff}.sidenav.closed{width:0!important}.sidenav.open{width:260px!important}.nav-overlay.visible{right:260px}.app-main{padding:16px 12px}.dash-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:320px;margin:0 auto}}@media (max-width:360px){.dash-grid{max-width:268px;gap:12px}}.dash-page{display:flex;flex-direction:column;align-items:center;padding:40px 24px 28px;gap:24px;min-height:100%;box-sizing:border-box}.dash-header{text-align:center}.dash-date{font-size:11px;font-weight:500;color:var(--clr-text-3);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}.dash-clock{font-size:46px;font-weight:700;color:var(--clr-text);letter-spacing:-2px;line-height:1}.dash-greet{font-size:16px;font-weight:500;color:var(--clr-text-2);margin-top:10px}.dash-greet span{color:var(--clr-brand);font-weight:700}.dash-section-label{font-size:12px;font-weight:500;color:var(--clr-text-3);letter-spacing:.3px;margin:0}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:560px;list-style:none;margin:0;padding:0}.dash-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;background:#fff;border:1px solid var(--clr-border);border-radius:16px;text-decoration:none;cursor:pointer;text-align:center;box-shadow:0 1px 4px #0000000d;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);color:inherit}.dash-card:hover:not(.dash-card--disabled){transform:translateY(-3px);box-shadow:0 10px 30px -8px #0000001f,0 2px 8px -2px #0000000f}.dash-card:active:not(.dash-card--disabled){transform:translateY(0);box-shadow:0 1px 4px #0000000d}.dash-card--disabled{opacity:.5;cursor:not-allowed}.dash-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .22s cubic-bezier(.4,0,.2,1)}.dash-card:hover:not(.dash-card--disabled) .dash-card-icon{transform:scale(1.08)}.dash-card-body{display:flex;flex-direction:column;gap:3px}.dash-card-label{font-size:13px;font-weight:600;color:var(--clr-text);line-height:1.2;margin:0}.dash-card-sub{font-size:11px;color:var(--clr-text-3);line-height:1.3;margin:0}.dash-card--disabled .dash-card-label,.dash-card--disabled .dash-card-sub{color:var(--clr-text-3)}.dash-footer{font-size:11px;color:var(--clr-text-3);opacity:.55;margin:0;padding-bottom:4px}@media (max-width: 768px){.dash-page{padding:20px 16px;gap:18px}.dash-clock{font-size:34px;letter-spacing:-1.5px}.dash-greet{font-size:14px;margin-top:7px}.dash-cards{grid-template-columns:repeat(2,1fr);max-width:380px;gap:10px}.dash-card{padding:16px 12px;border-radius:14px;gap:8px}.dash-card-icon{width:44px;height:44px;border-radius:10px}.dash-card-label{font-size:12px}.dash-card-sub{font-size:10px}}@media (max-width: 380px){.dash-cards{max-width:300px;gap:8px}.dash-card{padding:14px 10px;gap:7px}.dash-card-icon{width:40px;height:40px;border-radius:9px}.dash-card-label{font-size:11.5px}}