:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f6;--surface:#fff;--surface-alt:#eef4f2;--line:#d9dfdc;--text:#1d2522;--muted:#69746f;--accent:#0f766e;--accent-strong:#0b5d57;--warning:#b65f20;--success:#247a4a;--danger:#a43d34;--ink:#16201d;--sidebar-bg:#12211f;--sidebar-text:#f7fbf9;--sidebar-muted:#dce7e3b8;--sidebar-active:#ffffff1f;--sidebar-border:#ffffff21;--sidebar-brand-bg:#ffffff24;--sidebar-brand-text:#fff;--shadow:0 12px 30px #1d252214;--font-family:Inter, "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-family);margin:0}button,a{font:inherit}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.sidebar{background:var(--sidebar-bg);border-inline-end:1px solid var(--sidebar-border);color:var(--sidebar-text);flex-direction:column;gap:34px;min-width:0;padding:24px;transition:padding .18s,background .18s;display:flex}.sidebar-top{justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--sidebar-brand-bg);width:42px;height:42px;color:var(--sidebar-brand-text);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.brand-logo{width:100%;height:100%;display:block}.brand-copy{min-width:0}.brand strong,.brand span{display:block}.brand span{color:var(--sidebar-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.sidebar-toggle{border:1px solid var(--sidebar-border);color:var(--sidebar-text);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.nav-list{gap:8px;display:grid}.nav-list a{min-height:42px;color:var(--sidebar-muted);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.nav-list a.active,.nav-list a:hover{background:var(--sidebar-active);color:var(--sidebar-text)}.nav-list a svg{flex:none}.nav-list a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-collapsed .sidebar{align-items:center;padding:22px 16px}.sidebar-collapsed .sidebar-top{flex-direction:column}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-list a span{display:none}.sidebar-collapsed .nav-list a{justify-content:center;width:46px;padding:10px}.sidebar-collapsed .nav-list{justify-items:center}.workspace{align-content:start;gap:22px;padding:28px;display:grid}.workspace-context-bar{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;max-width:1180px;margin:0 auto;display:flex}.workspace-context-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.active-tenant-badge{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);border-radius:8px;align-items:center;gap:10px;max-width:min(46vw,560px);min-height:54px;padding:8px 12px;line-height:1.35;display:flex}.active-tenant-main{align-items:center;gap:10px;min-width:0;display:flex}.active-tenant-badge img,.active-tenant-placeholder{border:1px solid var(--line);border-radius:8px;flex:none;width:38px;height:38px}.active-tenant-badge img{background:var(--surface-alt);object-fit:contain}.active-tenant-placeholder{background:color-mix(in srgb, var(--accent) 9%, var(--surface-alt));color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.active-tenant-badge strong{overflow-wrap:anywhere;font-size:14px;display:block}.active-tenant-badge select{background:var(--surface-alt);border:1px solid var(--line);color:var(--text);border-radius:8px;flex:0 220px;min-width:150px;min-height:34px;padding:0 8px}.user-menu{z-index:20;position:relative}.user-menu-trigger{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);cursor:pointer;text-align:start;border-radius:8px;align-items:center;gap:10px;min-height:54px;padding:7px 10px;display:inline-flex}.user-menu-avatar{background:color-mix(in srgb, var(--accent) 10%, var(--surface-alt));border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));color:var(--accent);object-fit:cover;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.user-menu-text,.user-menu-identity div{gap:2px;min-width:0;display:grid}.user-menu-trigger strong,.user-menu-trigger span,.user-menu-identity strong,.user-menu-identity span,.user-menu-identity small{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.user-menu-trigger strong,.user-menu-identity strong{font-size:13px}.user-menu-trigger span,.user-menu-identity span,.user-menu-identity small{color:var(--muted);font-size:12px}.user-menu-chevron{color:var(--muted);transition:transform .15s}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-popover{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);inset-inline-end:0;border-radius:8px;gap:10px;inline-size:286px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px)}.user-menu-identity{background:var(--surface-alt);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.user-menu-actions{gap:6px;display:grid}.user-menu-action{color:var(--text);cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 10px;display:flex}.user-menu-action:hover{background:var(--surface-alt);border-color:var(--line)}.topbar,.panel-heading,.topbar-actions,.metric,.company-row,.company-stats,.timeline-item span{align-items:center;display:flex}.topbar{justify-content:space-between;gap:18px}.eyebrow{color:var(--muted);margin:0 0 6px;font-size:14px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.25}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.icon-button,.primary-action,.secondary-action,.text-button{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;min-height:40px}.icon-button{place-items:center;width:42px;display:grid}.preference-toolbar{z-index:5;align-items:center;gap:8px;display:flex;position:relative}.preference-menu{position:relative}.stacked-icon-button{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:62px;min-height:44px;padding:5px 8px;display:inline-flex}.stacked-icon-button.wide{min-width:132px}.stacked-icon-button span{text-overflow:ellipsis;white-space:nowrap;max-width:128px;font-size:11px;font-weight:800;line-height:1.1;overflow:hidden}.preference-popover{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);inset-inline-end:0;border-radius:8px;gap:12px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px)}.language-popover{width:172px}.theme-popover{width:360px;max-height:420px;overflow:auto}.preference-popover>strong{font-size:13px}.popover-grid,.theme-option-list{gap:6px;display:grid}.popover-option,.theme-option{background:var(--surface-alt);color:var(--text);cursor:pointer;text-align:start;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:8px 10px;display:flex}.popover-option:hover,.theme-option:hover{border-color:var(--accent)}.theme-swatch-row{gap:3px;display:inline-flex}.theme-swatch-row i{border-radius:999px;width:14px;height:14px;display:block}.theme-option>span:nth-child(2){flex:1;font-weight:700}.mode-switch{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;min-height:44px;padding:3px;display:inline-flex}.mode-option{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.mode-option.active{background:var(--accent);color:#fff}.primary-action{background:var(--accent);color:#fff;border-color:var(--accent);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.primary-action:disabled{cursor:wait;opacity:.68}.secondary-action{justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.feedback-trigger{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:inline-flex}.feedback-trigger:hover{border-color:var(--accent)}.modal-backdrop{z-index:50;background:#00000070;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.feedback-modal{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);border-radius:8px;gap:16px;width:min(100%,560px);max-width:560px;padding:20px;display:grid}.feedback-modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.feedback-modal h2{margin:0;font-size:20px}.feedback-modal p{color:var(--muted);margin-top:4px}.feedback-modal label{gap:7px;display:grid}.feedback-modal label span{color:var(--muted);font-size:13px;font-weight:800}.feedback-modal select,.feedback-modal textarea{background:var(--surface-alt);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.feedback-modal textarea{resize:vertical;min-height:128px}.form-success,.form-error{border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.form-success{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}.form-error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.feedback-inbox-list{gap:12px;display:grid}.feedback-inbox-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:16px;display:grid}.feedback-inbox-card.status-new{border-inline-start:4px solid var(--warning)}.feedback-inbox-card.status-in_review{border-inline-start:4px solid var(--accent)}.feedback-inbox-card.status-resolved{border-inline-start:4px solid var(--success)}.feedback-inbox-card.status-deferred{border-inline-start:4px solid var(--muted)}.feedback-inbox-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.feedback-inbox-heading>div{gap:3px;display:grid}.feedback-inbox-heading strong{font-size:16px}.feedback-inbox-heading span,.feedback-inbox-heading label span{color:var(--muted);font-size:12px;font-weight:800}.feedback-inbox-heading label{gap:6px;min-width:180px;display:grid}.feedback-inbox-heading select{background:var(--surface-alt);border:1px solid var(--line);color:var(--text);border-radius:8px;min-height:38px;padding:7px 10px}.feedback-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}html[dir=rtl] .back-link svg{transform:rotate(180deg)}.text-button{color:var(--accent-strong);padding:0 10px}.metric-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);min-height:90px;box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:16px}.metric svg{color:var(--accent)}.metric span{color:var(--muted);flex:1}.metric strong{font-size:20px}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;min-height:64px;padding:18px}.panel-heading h2{font-size:18px}.panel-state{color:var(--muted);padding:18px}.company-list,.timeline{display:grid}.company-row{border-bottom:1px solid var(--line);gap:14px;padding:16px 18px}.company-row:last-child{border-bottom:0}.company-avatar{background:var(--surface-alt);width:44px;height:44px;color:var(--accent-strong);border-radius:8px;place-items:center;display:grid}.company-main{flex:1;min-width:0}.company-main h3,.timeline-item h3{font-size:16px;line-height:1.45}.company-main p,.timeline-item p{color:var(--muted);margin-top:4px;font-size:14px}.company-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px}.company-stats span{background:var(--surface-alt);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:7px 9px;font-size:13px}.timeline{padding:8px 18px 18px}.timeline-item{border-bottom:1px solid var(--line);padding:14px 0}.timeline-item:last-child{border-bottom:0}.timeline-item time{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));color:var(--accent-strong);border-radius:8px;padding:5px 8px;font-size:13px;font-weight:700;display:inline-flex}.timeline-item h3{color:var(--text);margin-top:10px}.timeline-item span{width:fit-content;color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));border-radius:8px;gap:6px;margin-top:10px;padding:7px 9px;font-size:13px}[lang=ar] body{--font-family:"Tajawal", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.metric-grid,.content-grid{grid-template-columns:1fr}}@media (max-width:680px){.workspace,.sidebar{padding:18px}.topbar,.company-row,.workspace-context-bar{flex-direction:column;align-items:stretch}.active-tenant-badge{max-width:100%}.workspace-context-actions,.topbar-actions,.preference-toolbar{justify-content:flex-start}.preference-popover{inset-inline:0 auto}.language-popover{width:min(88vw,172px)}.theme-popover{width:min(88vw,360px)}.company-stats{justify-content:flex-start}h1{font-size:24px}}