:root{font-family:Inter,Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;color:#17313a;background:#f3f6f7;font-synthesis:none;--bg: #f3f6f7;--surface: #ffffff;--surface-soft: #f7f9fa;--line: #e1e9eb;--text: #17313a;--muted: #708188;--primary: #0f877c;--primary-dark: #096b64;--nav: #071e27;--nav-muted: #8da1a8;--shadow: 0 10px 32px rgba(20, 54, 63, .07)}:root[data-theme=dark]{color:#dce9eb;background:#09171c;--bg: #09171c;--surface: #10242b;--surface-soft: #142b32;--line: #234049;--text: #e5eff0;--muted: #98aaaf;--nav: #061318;--shadow: 0 12px 36px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{color:inherit}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:30;width:236px;display:flex;flex-direction:column;color:#e6f1f2;background:var(--nav);padding:24px 18px}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 24px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#13a092,#0a6f69);box-shadow:0 7px 18px #0c8b8140}.brand-mark:before{content:"";width:16px;height:21px;border:2px solid currentColor;border-radius:50% 50% 44% 44%;transform:rotate(-9deg)}.brand-mark span{display:none}.brand strong{display:block;font-size:18px;letter-spacing:-.2px}.brand small{display:block;margin-top:3px;color:#6f9fa0;font-size:9px;font-weight:800;letter-spacing:2px}.workspace-label{margin:24px 10px 10px;color:#5d7980;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar nav{display:grid;gap:5px}.sidebar button{border:0;cursor:pointer}.sidebar nav button,.sidebar-bottom>button{width:100%;min-height:43px;display:flex;align-items:center;gap:13px;padding:0 13px;border-radius:9px;color:var(--nav-muted);background:transparent;text-align:start;transition:.18s ease}.sidebar nav button:hover,.sidebar-bottom>button:hover{color:#fff;background:#ffffff0d}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#11978c4d,#11978c14);box-shadow:inset 3px 0 #20b5a7}[dir=rtl] .sidebar nav button.active{box-shadow:inset -3px 0 #20b5a7}.sidebar nav button b{margin-inline-start:auto;min-width:22px;height:20px;display:grid;place-items:center;border-radius:7px;color:#8ad5ce;background:#18a89b29;font-size:11px}.sidebar-bottom{margin-top:auto;display:grid;gap:16px}.demo-card{display:flex;gap:10px;align-items:flex-start;margin:0 4px;padding:14px 12px;border:1px solid rgba(74,190,175,.16);border-radius:11px;background:#0c756e1a}.status-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#2ed4a4;box-shadow:0 0 0 4px #2ed4a41a}.demo-card strong{display:block;font-size:11px}.demo-card small{display:block;margin-top:4px;color:#718e94;font-size:9px;line-height:1.4}.mobile-close{display:none;margin-inline-start:auto;color:#fff;background:none}.sidebar-backdrop{display:none}.main{width:calc(100% - 236px);min-width:0;margin-inline-start:236px}.topbar{height:70px;display:flex;align-items:center;gap:20px;padding:0 30px;border-bottom:1px solid var(--line);background:var(--surface)}.search-box{width:min(420px,42vw);display:flex;align-items:center;gap:10px;color:#91a0a5}.search-box input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:13px}.search-box input::placeholder{color:#9aa8ad}.top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.icon-button,.language-button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:9px;color:var(--muted);background:transparent;cursor:pointer}.icon-button:hover,.language-button:hover{background:var(--surface-soft);color:var(--primary)}.language-button{font-size:12px;font-weight:800}.notification{position:relative}.notification>span{position:absolute;inset-block-start:7px;inset-inline-end:7px;width:5px;height:5px;border-radius:50%;background:#ee735e}.avatar{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#116b68;background:#d8efed;font-size:12px;font-weight:800}.avatar.small{width:32px;height:32px;font-size:9px}.user-avatar{width:34px;height:34px;margin-inline-start:5px;border:2px solid var(--surface);box-shadow:0 0 0 1px #d3e0e2}.role-select,.filters select{min-height:35px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface);outline:0;font-size:11px}.session-identity{max-width:210px;text-align:end}.session-identity strong,.session-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-identity strong{color:var(--text);font-size:11px}.session-identity small{margin-top:3px;color:var(--muted);font-size:8px}.logout-button{min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface);cursor:pointer;font-size:10px;font-weight:700}.logout-button:hover{border-color:#c4d9d8;color:var(--primary)}.logout-button:disabled{cursor:wait;opacity:.6}.menu-button{display:none}.content{padding:30px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.welcome p{margin:0 0 7px;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.welcome h1{margin:0;color:var(--text);font-size:clamp(23px,2.5vw,31px);letter-spacing:-.6px}.welcome span{display:block;margin-top:7px;color:var(--muted);font-size:12px}.new-case{min-height:40px;padding:0 17px;border:0;border-radius:9px;color:#fff;background:var(--primary);font-size:12px;font-weight:700}.new-case:disabled{cursor:not-allowed;opacity:.58}.demo-disclosure{margin:18px 0 0;padding:9px 12px;border:1px solid #cfeae7;border-radius:8px;color:#3f7775;background:#effaf8;font-size:10px}:root[data-theme=dark] .demo-disclosure{border-color:#28514f;color:#8fc8c2;background:#102d2d}.session-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.session-summary div{min-width:0}.session-summary small,.session-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-summary small{color:var(--muted);font-size:8px}.session-summary strong{margin-top:4px;color:var(--text);font-size:10px}.logout-error{margin:10px 0 0;padding:9px 12px;border:1px solid #efc9c5;border-radius:8px;color:#a7443e;background:#fff2f0;font-size:10px}:root[data-theme=dark] .logout-error{border-color:#653b38;color:#efa49e;background:#331e1d}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:17px 0 21px}.stat-card{min-width:0;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 3px 16px #22474f06}.stat-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px}.stat-icon .icon{width:18px}.stat-icon.teal{color:#148b80;background:#e4f5f2}.stat-icon.blue{color:#4480b5;background:#eaf2fa}.stat-icon.amber{color:#c78828;background:#fff3dd}.stat-icon.green{color:#3c9b66;background:#e9f7ee}.stat-icon.red{color:#d4645c;background:#fbedeb}.stat-card strong{display:block;color:var(--text);font-size:20px;line-height:1}.stat-card span{display:block;overflow:hidden;margin-top:6px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.workflow-panel{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.panel-header{min-height:69px;display:flex;align-items:center;gap:18px;padding:13px 19px;border-bottom:1px solid var(--line)}.panel-header>div:first-child span{color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.panel-header h2{margin:4px 0 0;font-size:16px}.filters{display:flex;gap:8px;margin-inline-start:auto}.kanban{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));overflow-x:auto;background:var(--surface-soft)}.kanban-column{min-width:0;padding:14px 12px 18px;border-inline-end:1px solid var(--line)}.kanban-column:last-child{border-inline-end:0}.kanban-column>header{display:flex;align-items:center;gap:8px;margin:0 2px 13px}.kanban-column>header>span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-size:10px;font-weight:800}.column-1>header>span{color:#4b7f9a;background:#e6f1f6}.column-2>header>span{color:#7b66a9;background:#eee9f8}.column-3>header>span{color:#b07a2c;background:#faefd9}.column-4>header>span{color:#308f6a;background:#e1f3e9}.kanban-column>header h3{margin:0;font-size:11px}.kanban-column>header b{margin-inline-start:auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:var(--surface);font-size:9px}.cards{display:grid;gap:10px}.case-card{width:100%;display:block;padding:13px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface);box-shadow:0 3px 10px #223c4409;cursor:pointer;text-align:start;transition:.18s ease}.case-card:hover{border-color:#b6d8d5;box-shadow:0 8px 22px #16635c17;transform:translateY(-1px)}.case-card-top,.case-meta,.stage-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.case-card code{color:#8b9a9f;font:8px ui-monospace,monospace}.priority{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;font-size:8px;font-weight:800}.priority-normal{color:#57737a;background:#edf2f3}.priority-high{color:#a36e20;background:#fff0d7}.priority-urgent{color:#c5534c;background:#fde9e7}.case-card h3{margin:11px 0 10px;font-size:12px}.patient-line{display:flex;align-items:center;gap:9px}.patient-line strong{display:block;font-size:10px}.patient-line small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.case-clinic{min-width:0;display:flex;align-items:center;gap:5px;margin:10px 0;color:var(--muted);font-size:8px}.case-clinic .icon{width:13px;height:13px}.case-clinic span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-meta{padding-top:9px;border-top:1px solid var(--line)}.case-meta>span:first-child{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:8px}.case-meta .icon{width:12px}.digital-tag,.physical-tag,.status-pill{padding:3px 7px;border-radius:5px;font-size:8px;font-weight:700}.digital-tag{color:#187c76;background:#e3f4f1}.physical-tag{color:#7b6b58;background:#f1ece6}.status-pill{color:#557480;background:#eaf1f3}.progress{height:3px;overflow:hidden;margin-top:11px;border-radius:5px;background:#e5ecee}.progress span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#18a294,#46c2a4)}.progress.large{height:6px}.stage-row{margin-top:6px;color:var(--muted);font-size:8px}.stage-row b{color:var(--primary)}.empty-column{display:grid;min-height:90px;place-items:center;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:9px}.state-message{min-height:350px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);font-size:12px}.state-message button{padding:7px 13px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.spinner{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drawer-layer{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end}.drawer-backdrop{position:absolute;inset:0;border:0;background:#0414197a;backdrop-filter:blur(2px)}.drawer{position:relative;width:min(520px,94vw);height:100%;overflow:hidden;color:var(--text);background:var(--surface);box-shadow:-20px 0 60px #0000002e;animation:drawerIn .24s ease-out}[dir=rtl] .drawer-layer{justify-content:flex-start}[dir=rtl] .drawer{box-shadow:20px 0 60px #0000002e}@keyframes drawerIn{0%{transform:translate(30px);opacity:.4}}[dir=rtl] .drawer{animation-name:drawerInRtl}@keyframes drawerInRtl{0%{transform:translate(-30px);opacity:.4}}.drawer-header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;border-bottom:1px solid var(--line)}.drawer-header span{color:var(--muted);font-size:9px}.drawer-header h2{margin:5px 0 0;font-size:20px}.drawer-body{height:calc(100% - 80px);overflow-y:auto;padding:20px 22px 40px}.drawer-status{display:flex;align-items:center;gap:7px;margin-bottom:16px}.patient-hero{display:flex;align-items:center;gap:13px;padding:17px;border-radius:11px;background:linear-gradient(135deg,#edf8f6,#f4f9f8)}:root[data-theme=dark] .patient-hero{background:#142e32}.patient-hero small,.patient-hero span{color:var(--muted);font-size:9px}.patient-hero h3{margin:3px 0;font-size:15px}.detail-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.detail-section>h3,.section-heading h3{margin:0 0 13px;font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading>span{min-width:21px;height:21px;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:#e6f5f3;font-size:9px}.section-heading b{color:var(--primary);font-size:11px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:13px}.facts div{min-width:0}.facts small{display:block;color:var(--muted);font-size:9px}.facts strong{display:block;overflow:hidden;margin-top:4px;font-size:11px;text-overflow:ellipsis}.description{margin:14px 0 0;padding:11px;border-inline-start:3px solid #72c4b9;color:var(--muted);background:var(--surface-soft);font-size:10px;line-height:1.7}.current-stage{display:block;margin:9px 0 12px;color:var(--primary);font-size:11px}.primary-action{width:100%;min-height:39px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;color:#fff;background:var(--primary);cursor:pointer;font-size:11px;font-weight:700}.primary-action:hover{background:var(--primary-dark)}.primary-action:disabled{opacity:.6}.primary-action .icon{width:15px}[dir=rtl] .primary-action .icon{transform:rotate(180deg)}.asset-row{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:10px;border:1px solid var(--line);border-radius:8px}.file-type{width:38px;height:34px;display:grid;place-items:center;border-radius:6px;color:#247b75;background:#e4f3f1;font-size:8px;font-weight:900}.asset-row>div:nth-child(2){min-width:0}.asset-row strong{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.asset-row small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.ready-badge{display:flex;align-items:center;gap:2px;margin-inline-start:auto;color:#308b67;font-size:8px}.ready-badge .icon{width:12px}.dropzone{width:100%;min-height:110px;display:grid;place-items:center;align-content:center;gap:6px;border:1px dashed #9ccbc6;border-radius:10px;color:var(--text);background:#f2faf8;cursor:pointer}:root[data-theme=dark] .dropzone{background:#112c30}.dropzone:disabled{cursor:not-allowed;opacity:.7}.dropzone strong{font-size:10px}.dropzone small{color:var(--muted);font-size:8px}.upload-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:#dff2ef}.upload-icon .icon{width:15px}.security-note,.inline-message,.error-message{margin:9px 0 0;color:#8b6d36;font-size:9px;line-height:1.6}.error-message{color:#c0524c}.inline-message{color:#257d62}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;display:flex;gap:11px;padding-bottom:16px}.timeline li:not(:last-child):after{content:"";position:absolute;inset-inline-start:4px;inset-block-start:11px;width:1px;height:calc(100% - 5px);background:var(--line)}.timeline li>span{position:relative;z-index:1;width:9px;height:9px;flex:0 0 auto;margin-top:3px;border:2px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px var(--primary)}.timeline strong{display:block;font-size:10px}.timeline small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.timeline p{margin:5px 0 0;color:var(--muted);font-size:8px}.auth-shell{min-height:100vh;display:grid;place-items:center;position:relative;padding:70px 20px 32px;background:radial-gradient(circle at 18% 8%,rgba(24,162,148,.13),transparent 34%),var(--bg)}.auth-preferences{position:absolute;inset-block-start:20px;inset-inline-end:24px;display:flex;gap:7px}.auth-preferences button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface);cursor:pointer;font-size:12px;font-weight:800}.auth-preferences button:hover{border-color:#afd4d0;color:var(--primary)}.auth-card{width:min(100%,430px);padding:clamp(25px,5vw,38px);border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px #0c363d1f}.auth-brand{display:flex;align-items:center;gap:11px;padding-bottom:24px;border-bottom:1px solid var(--line)}.auth-brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#13a092,#0a6f69);box-shadow:0 7px 18px #0c8b8140}.auth-brand>span:before{content:"";width:16px;height:21px;border:2px solid currentColor;border-radius:50% 50% 44% 44%;transform:rotate(-9deg)}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{color:var(--text);font-size:19px}.auth-brand small{margin-top:3px;color:var(--primary);font-size:9px;font-weight:800;letter-spacing:2px}.auth-heading{margin:28px 0 23px}.auth-heading>span{color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-heading h1,.auth-state h1{margin:7px 0 0;color:var(--text);font-size:clamp(22px,5vw,28px)}.auth-heading p,.auth-state p{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.login-form{display:grid;gap:15px}.login-form label>span{display:block;margin-bottom:7px;color:var(--text);font-size:10px;font-weight:700}.login-form input{width:100%;min-height:45px;padding:0 13px;border:1px solid var(--line);border-radius:9px;outline:0;color:var(--text);background:var(--surface-soft);font-size:12px}.login-form input:focus{border-color:#62b5ad;box-shadow:0 0 0 3px #0f877c1a}.login-form input:disabled{opacity:.7}.auth-field-help{display:block;margin-top:6px;color:var(--muted);font-size:9px;line-height:1.5}.password-field{position:relative;display:block;margin:0!important}.password-field input{padding-inline-end:48px}.password-visibility{position:absolute;inset-block:4px;inset-inline-end:4px;width:38px;display:grid;place-items:center;border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer}.password-visibility:hover{color:var(--primary);background:#0f877c17}.password-visibility:focus-visible{color:var(--primary);background:#0f877c17;outline:2px solid var(--primary);outline-offset:1px}.password-visibility:disabled{cursor:wait;opacity:.6}.password-visibility svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.auth-submit{min-height:45px;margin-top:3px;border:0;border-radius:9px;color:#fff;background:var(--primary);cursor:pointer;font-size:12px;font-weight:800}.auth-submit:hover{background:var(--primary-dark)}.auth-submit:disabled{cursor:wait;opacity:.7}.auth-error{margin:0;padding:10px 11px;border:1px solid #efc9c5;border-radius:8px;color:#a7443e;background:#fff2f0;font-size:10px;line-height:1.6}:root[data-theme=dark] .auth-error{border-color:#653b38;color:#efa49e;background:#331e1d}.auth-state{min-height:230px;display:grid;place-items:center;align-content:center;text-align:center}.auth-state .spinner{margin-bottom:4px}.auth-state button{margin-top:17px;min-height:39px;padding:0 16px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface-soft);cursor:pointer;font-size:11px;font-weight:700}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.kanban{grid-template-columns:repeat(4,265px)}}@media(max-width:780px){.sidebar{transform:translate(-105%);transition:transform .22s ease}[dir=rtl] .sidebar{transform:translate(105%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:29;display:block;border:0;background:#03111680}.mobile-close{display:grid}.main{width:100%;margin:0}.topbar{height:62px;padding:0 14px;gap:8px}.menu-button{display:grid}.search-box{width:auto;flex:1}.search-box input{font-size:11px}.role-select{display:none}.top-actions{margin-inline-start:0;gap:1px}.notification,.user-avatar,.session-identity{display:none}.logout-button{min-width:38px;padding:0 8px;font-size:0}.logout-button:before{content:"↪";font-size:15px}.content{padding:20px 14px}.welcome{align-items:flex-start}.new-case{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card:last-child{grid-column:1 / -1}.panel-header{align-items:flex-start;flex-direction:column}.filters{width:100%;margin:0}.filters select{min-width:0;flex:1}.kanban{grid-template-columns:repeat(4,84vw);scroll-snap-type:x mandatory}.kanban-column{scroll-snap-align:start}.drawer{width:100%}.drawer-body{padding-inline:17px}.session-summary{grid-template-columns:1fr}.auth-shell{padding-inline:14px}.auth-card{padding:24px 20px}.auth-preferences{inset-inline-end:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}