.app-shell{background:var(--ui-color-background);min-height:100dvh;color:var(--ui-color-text);grid-template-columns:232px minmax(0,1fr);display:grid}.app-sidebar{overscroll-behavior-y:contain;gap:var(--ui-space-6);height:100dvh;padding:var(--ui-space-5) var(--ui-space-4);border-inline-end:1px solid var(--ui-color-border);background:var(--ui-color-surface);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.app-brand{min-height:var(--ui-control-icon);padding-inline:var(--ui-space-3);color:var(--ui-color-brand-deep);font-size:var(--ui-type-task-size);letter-spacing:-.02em;align-items:center;font-weight:700;text-decoration:none;display:flex}.app-sidebar>:not(nav){flex-shrink:0}.app-sidebar nav{overscroll-behavior-y:contain;align-content:start;gap:var(--ui-space-5);flex:auto;min-block-size:0;display:grid;overflow-y:auto}.app-nav-group{gap:var(--ui-space-1);display:grid}.app-nav-label{padding-inline:var(--ui-space-3);color:var(--ui-color-text-secondary);font-size:var(--ui-type-caption-size);line-height:var(--ui-type-caption-line);font-weight:600}.app-sidebar nav a{align-items:center;gap:var(--ui-space-3);min-height:var(--ui-control-web);padding-inline:var(--ui-space-3);border-radius:var(--ui-radius-menu);color:var(--ui-color-text-secondary);font-size:var(--ui-type-label-size);line-height:var(--ui-type-label-line);transition:background-color var(--ui-motion-feedback);font-weight:500;text-decoration:none;display:flex}.app-sidebar nav a svg{color:var(--ui-color-text-secondary);flex:none}.app-sidebar nav a:hover{background:var(--ui-color-surface-subtle);color:var(--ui-color-text)}.app-sidebar nav a[aria-current]{background:var(--ui-color-brand-soft);color:var(--ui-color-brand);font-weight:600}.app-sidebar nav a:focus-visible,.app-brand:focus-visible{outline:var(--ui-focus-width) solid var(--ui-color-brand);outline-offset:calc(var(--ui-focus-width) * -1)}.app-environment{padding-inline:var(--ui-space-3);color:var(--ui-color-text-secondary);font-size:var(--ui-type-caption-size);line-height:var(--ui-type-caption-line);margin-block-start:auto}.app-body{min-width:0}.app-header{justify-content:space-between;align-items:center;gap:var(--ui-space-4);min-height:72px;padding:var(--ui-space-4) var(--ui-space-10);display:flex}.app-office{align-items:center;gap:var(--ui-space-2) var(--ui-space-3);flex-wrap:wrap;flex:auto;min-width:0;display:flex}.app-office-mark{inline-size:var(--ui-size-identity);block-size:var(--ui-size-identity);border-radius:var(--ui-radius-menu);background:var(--ui-color-brand);color:var(--ui-color-on-brand);font-size:var(--ui-type-secondary-size);flex:none;place-items:center;font-weight:700;display:grid}.app-office-name{overflow-wrap:break-word;flex:8rem;min-width:0;display:grid}.app-office-name strong{font-size:var(--ui-type-label-size);line-height:var(--ui-type-label-line);font-weight:600}.app-office-name small{font-size:var(--ui-type-caption-size);line-height:var(--ui-type-caption-line);color:var(--ui-color-text-secondary)}.app-office-name:lang(ar) :is(strong,small){line-height:1.6}.app-header-actions{align-items:center;gap:var(--ui-space-2);display:flex}.app-header .app-account-button,.app-header .app-notifications-button{min-width:var(--ui-control-icon);min-height:var(--ui-control-icon);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.app-header .app-account-button:hover,.app-header .app-notifications-button:hover{background:0 0}.app-header .app-account-button{margin-inline-end:calc((var(--ui-size-identity) - var(--ui-control-icon)) / 2)}.app-notifications-button{border-radius:var(--ui-radius-menu);color:var(--ui-color-text-secondary)}.app-notifications-button[aria-current]{background:var(--ui-color-brand-soft);color:var(--ui-color-brand)}.app-account-icon{inline-size:var(--ui-size-identity);block-size:var(--ui-size-identity);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-menu);background:var(--ui-color-surface);color:var(--ui-color-text);transition:background-color var(--ui-motion-feedback);place-items:center;display:grid}.app-account-button:hover .app-account-icon,.app-account-button:active .app-account-icon{background:var(--ui-color-surface-subtle)}.app-main{width:100%;max-width:calc(1200px + var(--ui-space-10) * 2);padding:var(--ui-space-2) var(--ui-space-10) var(--ui-space-10);margin-inline:0 auto}.app-account-identity{gap:var(--ui-space-2);overflow-wrap:anywhere;display:grid}.app-languages{gap:var(--ui-space-3);display:flex}.app-account-secondary{gap:var(--ui-space-2);display:grid}@media (min-width:768px){.app-account-place{display:none}}.app-mobile-nav{display:none}.app-skip{inset-inline-start:var(--ui-space-4);top:var(--ui-space-3);z-index:100;padding:var(--ui-space-3);background:var(--ui-color-brand);color:var(--ui-color-on-brand);clip-path:inset(50%);position:fixed;transform:translateY(-200%)}.app-skip:focus{clip-path:none;transform:translateY(0)}.app-skip[aria-hidden=true]{visibility:hidden}@media (max-width:1100px) and (min-width:768px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.app-header,.app-main{padding-inline:var(--ui-space-8)}}@media (max-width:767px){.app-shell{padding-block-end:calc(var(--app-nav-block-size,var(--ui-size-navigation)) + var(--ui-space-8) + env(safe-area-inset-bottom));display:block}.app-sidebar{display:none}.app-header{gap:var(--ui-space-3);min-height:0;padding:var(--ui-space-4) var(--ui-space-5) 0}.app-main{padding:var(--ui-space-3) var(--ui-space-5) var(--ui-space-6)}.app-mobile-nav{z-index:20;inset-inline:var(--ui-space-3);bottom:calc(var(--ui-space-4) + env(safe-area-inset-bottom));min-height:var(--ui-size-navigation);padding:0 var(--ui-space-1);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-selectedAccount);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-float);flex-wrap:wrap;justify-content:space-around;align-items:center;display:flex;position:fixed}.app-shell[data-nav-flow]{padding-block-end:env(safe-area-inset-bottom)}html:has(.app-shell){scroll-padding-block-end:calc(var(--ui-size-navigation) + var(--ui-space-8) + env(safe-area-inset-bottom))}.app-shell[data-nav-flow] .app-mobile-nav{margin:var(--ui-space-6) var(--ui-space-3) var(--ui-space-4);position:static}.app-mobile-nav a{justify-content:center;align-items:center;gap:var(--ui-space-1);min-height:calc(var(--ui-size-navigation) - var(--ui-space-2));padding:var(--ui-space-2) 0;color:var(--ui-color-text-secondary);font-size:var(--ui-type-caption-size);line-height:var(--ui-type-caption-line);text-align:center;white-space:nowrap;flex-direction:column;flex:1 0 auto;font-weight:500;text-decoration:none;display:flex}.app-mobile-nav a[aria-current]{color:var(--ui-color-brand);font-weight:600}.app-mobile-nav a:focus-visible{outline:var(--ui-focus-width) solid var(--ui-color-brand);outline-offset:calc(var(--ui-focus-width) * -1);border-radius:var(--ui-radius-menu)}}@media (max-width:359px){.app-header,.app-main{padding-inline:var(--ui-space-4)}}@media (prefers-reduced-motion:reduce){.app-sidebar nav a,.app-account-icon{transition:none}}.app-boundary{min-block-size:100dvh;padding:var(--ui-space-5);background:var(--ui-color-background);place-items:center;display:grid}.app-boundary-status{color:var(--ui-color-text-secondary);font-size:var(--ui-type-secondary-size)}.app-boundary-panel{justify-items:start;gap:var(--ui-space-3);inline-size:100%;max-inline-size:420px;padding:var(--ui-space-6);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-surface);background:var(--ui-color-surface);display:grid}.app-boundary-panel h1{font-size:var(--ui-type-section-size);line-height:var(--ui-type-section-line);margin:0;font-weight:600}.app-boundary-panel p{color:var(--ui-color-text-secondary);font-size:var(--ui-type-secondary-size);line-height:var(--ui-type-secondary-line);margin:0}.app-shell{isolation:isolate;background:#edf3f4;grid-template-columns:252px minmax(0,1fr);position:relative}.app-shell:before,.app-shell:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:fixed}.app-shell:before{filter:blur(100px);opacity:.38;background:#2cc4e6;block-size:460px;inline-size:460px;inset-block-start:-160px;inset-inline-start:120px}.app-shell:after{filter:blur(110px);opacity:.38;background:#ffc93c;block-size:420px;inline-size:420px;inset-block-start:240px;inset-inline-end:-120px}.app-sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff73;border-inline-end:1px solid #ffffffe6;gap:18px;padding:20px 14px}.app-brand{min-block-size:36px;padding-inline:8px}.app-brand .brand-logo{inline-size:174px;padding:5px}.app-workspace-card{text-align:start;cursor:pointer;background:#ffffffb3;border:1px solid #fffffff2;border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex}.app-workspace-avatar{color:#fff;background:linear-gradient(140deg,#2cc4e6,#0b6e8f);border-radius:12px;flex:none;place-items:center;block-size:36px;inline-size:36px;font-weight:600;display:grid}.app-workspace-context{flex:1;min-inline-size:0;display:grid}.app-workspace-context strong{overflow-wrap:anywhere;font-size:13.5px;font-weight:600}.app-workspace-context small{color:#3f5d6b;overflow-wrap:anywhere;font-size:11.5px}.app-workspace-card>svg{color:#6b8693;flex:none}.app-sidebar nav{gap:18px}.app-nav-group{gap:2px}.app-nav-label{color:var(--ui-color-text-secondary);padding:0 12px 6px;font-size:11px}.app-sidebar nav a,.app-sidebar-footer{border-radius:12px;gap:12px;min-block-size:40px;padding-inline:12px;font-size:13.5px;font-weight:400}.app-sidebar nav a svg{color:currentColor;block-size:18px;inline-size:18px}.app-sidebar nav a[aria-current]{color:#082b3b;background:#fff;font-weight:600;box-shadow:0 4px 14px -6px #082b3b40}.app-sidebar nav a[aria-current] svg{color:currentColor}.app-sidebar-footer{color:#3f5d6b;align-items:center;margin-block-start:auto;text-decoration:none;display:flex}.app-sidebar-footer[aria-current],.app-sidebar-footer:hover{background:#fff}.app-header{gap:12px;min-block-size:90px;padding:24px 32px 16px}.app-page-heading{flex:1;min-inline-size:0}.app-page-title,#web-header-title h1{letter-spacing:-.5px;margin:0;font-size:26px;font-weight:600;line-height:1.35}.app-page-heading:has(#web-header-title>*)>.app-page-title{display:none}#web-header-title p{color:#3f5d6b;margin:2px 0 0;font-size:13px}.app-search{color:#6b8693;background:#ffffffb3;border:1px solid #fffffff2;border-radius:999px;align-items:center;gap:8px;min-block-size:42px;inline-size:280px;padding:0 16px;display:flex}.app-search input{color:#082b3b;background:0 0;border:0;outline:none;inline-size:100%;min-inline-size:0;font-size:13px}.app-search:focus-within{outline-offset:2px;outline:2px solid #0b6e8f}.app-search input::placeholder{color:#6b8693}.app-header .app-account-button,.app-header .app-notifications-button{border-radius:50%;min-block-size:42px;inline-size:42px;margin:0}.app-header .app-notifications-button{color:#082b3b;background:#ffffffb3;border:1px solid #fffffff2}.app-account-icon{color:#fff;background:#082b3b;border:0;border-radius:50%;block-size:42px;inline-size:42px}.app-account-button:hover .app-account-icon{background:#0b4258}.app-main{max-inline-size:none;padding:0 32px 32px}#web-header-actions{align-items:center;gap:8px;display:flex}#web-header-actions:empty{display:none}@media (min-width:768px) and (max-width:1100px){.app-shell{grid-template-columns:252px minmax(0,1fr)}.app-header,.app-main{padding-inline:24px}.app-search{inline-size:210px}}@media (max-width:900px){.app-search{display:none}}@media (max-width:767px){.app-shell{display:block}.app-header{flex-wrap:wrap;min-block-size:0;padding:16px 16px 12px}.app-page-title,#web-header-title h1{font-size:26px}.app-main{padding:0 20px 24px}#web-header-actions:not(:empty){inline-size:100%}.app-mobile-nav{-webkit-backdrop-filter:blur(24px)saturate(200%);backdrop-filter:blur(24px)saturate(200%);background:#fff9;border:1px solid #fffffff2;border-radius:999px}}.app-branch-switcher{min-inline-size:0;margin-block:8px 12px}.app-branch-switcher select{inline-size:100%}.app-branch-switcher p{font-size:12px}