:root{--blue: #3d8c40;--blue-dark: #2e7d32;--cyan: #6dbf70;--cyan-soft: #c8e6c9;--ink: #111827;--muted: #6b7280;--bg: #f2faf3;--card: #ffffff;--danger: #e53935;--radius: 10px;--page-pad: 28px;font-family:Segoe UI,Helvetica Neue,Arial,Noto Sans Arabic,Noto Naskh Arabic,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);overflow-x:hidden}img,video{max-width:100%;height:auto}.app{min-height:100vh;min-width:0}.header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:var(--card);padding:18px var(--page-pad);border-bottom:1px solid #dceee0}.brand{display:flex;align-items:center;gap:10px}.brand-mark{height:40px;width:auto;display:block}.brand-text{font-size:22px;font-weight:800;color:var(--blue);letter-spacing:-.5px}.header-title{font-size:26px;font-weight:700}.header-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;flex:1 1 280px;min-width:0;justify-content:flex-end}.header-actions{display:flex;align-items:center;gap:14px;flex:none}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #d5dee6;border-radius:8px;padding:9px 14px;color:#9aa5b1;background:var(--card);min-width:180px;flex:1 1 180px;max-width:360px}.search-box input{border:none;outline:none;font-size:15px;width:100%;color:var(--ink);background:transparent}.search-box input::placeholder{color:#9aa5b1}.select-box{display:flex;align-items:center;gap:26px;border:1px solid #d5dee6;border-radius:8px;padding:10px 16px;font-size:15px;background:var(--card);cursor:pointer;color:var(--ink)}.date-box{display:flex;align-items:center;gap:14px;border:1px solid #d5dee6;border-radius:8px;padding:8px 16px;font-size:16px}.date-box .date-icon{color:#c3ccd4;display:flex}.date-box .date-icon svg{width:22px;height:22px}.lang-select-wrap{display:flex;align-items:center;flex:none}.lang-select{border:1px solid #d5dee6;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:600;background:var(--card);color:var(--ink);cursor:pointer;max-width:150px}.lang-select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #6dbf7040}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.user-chip{display:flex;align-items:center;gap:10px;border:1px solid #d5dee6;border-radius:999px;padding:6px 8px 6px 6px}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--cyan);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.user-name{font-size:14px;font-weight:600}.logout-btn{border:none;background:#f4f6f8;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--blue);cursor:pointer}.logout-btn:hover{background:#e8f5e9}.menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d5dee6;border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer;flex:none}.menu-btn:hover{background:#f2faf3}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:15px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#e8f5e9 0%,var(--bg) 55%,#eef8f0 100%)}.login-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--cyan-soft);border-radius:16px;padding:40px 36px 28px;box-shadow:0 10px 40px #3d8c401f}.login-brand{justify-content:center;margin-bottom:22px}.login-title{font-size:24px;font-weight:800;text-align:center}.login-sub{color:var(--muted);font-size:14px;text-align:center;margin:6px 0 26px}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input{width:100%;border:1px solid #d5dee6;border-radius:8px;padding:11px 14px;font-size:15px;outline:none;background:var(--card);color:var(--ink)}.field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #6dbf7040}.login-row{display:flex;justify-content:flex-end;margin:-6px 0 16px}.login-link{border:none;background:none;color:var(--blue);font-size:13px;font-weight:600;cursor:pointer;padding:0}.login-link:hover{text-decoration:underline}.login-back{display:block;width:100%;text-align:center;margin-top:14px}.login-error{color:var(--danger);background:#ffebee;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}.login-success{color:#2e7d32;background:#e8f5e9;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}.login-btn{width:100%;border:none;border-radius:8px;padding:13px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--cyan) 0%,var(--blue) 100%);cursor:pointer}.login-btn:hover{filter:brightness(1.05)}.login-btn:disabled{opacity:.6;cursor:default}.login-lang{justify-content:center;width:fit-content;margin:18px auto 0}.login-lang .lang-select{max-width:none;min-width:160px}.login-foot{text-align:center;color:var(--muted);font-size:12px;margin-top:14px}.demo-banner{background:#fff8e1;border-bottom:1px solid #ffe082;color:#8d6e00;padding:8px var(--page-pad);font-size:13px}.demo-banner code{background:#fff3cd;padding:1px 5px;border-radius:4px}.nav-tabs{display:flex;gap:6px;background:var(--card);padding:0 var(--page-pad);border-bottom:1px solid #dceee0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.nav-tabs button{border:none;background:none;font-size:15px;font-weight:600;color:var(--muted);padding:12px 18px;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;flex:none}.nav-tabs button.active{color:var(--blue);border-bottom-color:var(--cyan)}.btn-primary{border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--cyan) 0%,var(--blue) 100%);cursor:pointer;white-space:nowrap}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{border:1px solid #d5dee6;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;background:var(--card);color:var(--ink);cursor:pointer;white-space:nowrap}.btn-secondary:hover{background:#f2faf3}.patients-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.patients-title{margin-bottom:0;margin-inline-end:auto}.row-click{cursor:pointer}.row-click:hover td{background:#f2faf3}.status-active{background:#e8f5e9;color:#2e7d32}.status-disabled{background:#eceff1;color:#546e7a}.status-admitted{background:#e8f5e9;color:var(--blue)}.status-admission-scheduled{background:#fff8e1;color:#b26a00}.status-discharge-scheduled{background:#fff3e0;color:#e65100}.status-discharged{background:#eceff1;color:#546e7a}.cell-bad{color:var(--danger);font-weight:700}.status-occupied{background:#fff3e0;color:#e65100}.status-vacant{background:#e8f5e9;color:#2e7d32}.status-in-progress{background:#e8f5e9;color:var(--blue)}.status-pending{background:#fff8e1;color:#b26a00}.status-scheduled{background:#e8f5e9;color:var(--blue)}.status-closed{background:#eceff1;color:#546e7a}.status-no-show{background:#ffebee;color:var(--danger)}.transition-actions{justify-content:flex-start;margin-bottom:14px}.master-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.master-pills button{border:1px solid var(--cyan);background:var(--card);color:var(--cyan);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer}.master-pills button.active{background:var(--cyan);color:#fff}.form-span{grid-column:1 / -1}.detail-facts-column{flex-direction:column;gap:8px}.detail-note{color:var(--muted);font-size:13px;margin-bottom:14px}.detail-head{display:flex;align-items:center;gap:16px;margin-bottom:16px}.detail-title{margin-bottom:0;margin-inline-end:auto}.detail-facts{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;color:var(--muted);border:1px solid var(--cyan-soft);border-radius:var(--radius);padding:14px 18px;margin-bottom:20px}.detail-facts strong{color:var(--ink)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.detail-sub{font-size:15px;font-weight:700;text-transform:uppercase;color:var(--blue);margin-bottom:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:flex-start;justify-content:center;padding:24px;z-index:50;overflow-y:auto}.modal-card{background:var(--card);border-radius:14px;padding:28px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #2e7d3238}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}@media (max-width: 520px){.form-grid{grid-template-columns:1fr}}.field select{width:100%;border:1px solid #d5dee6;border-radius:8px;padding:11px 14px;font-size:15px;outline:none;background:var(--card);color:var(--ink)}.field select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #6dbf7040}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:10px}.content{padding:24px var(--page-pad);min-width:0}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--card);border:1px solid var(--cyan-soft);border-radius:var(--radius);padding:26px 18px}.stat-icon{color:var(--cyan);display:flex}.stat-body{text-align:center}.stat-value{font-size:30px;font-weight:800;line-height:1.1}.stat-label{font-size:14px;font-weight:600;margin-top:4px}.panel-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:20px;margin-top:24px;align-items:start}@media (max-width: 1100px){.panel-grid{grid-template-columns:1fr}}.panel{background:var(--card);border-radius:14px;padding:26px 24px;box-shadow:0 1px 4px #3d8c4014;min-width:0}.panel-title{font-size:22px;font-weight:800;text-transform:uppercase;margin-bottom:18px}.panel-search{width:100%;max-width:none;margin-bottom:14px}.empty{color:var(--muted);padding:18px 4px;font-size:15px}.alert-list{list-style:none;display:flex;flex-direction:column;gap:10px}.alert-item{border:1px solid #dceee0;border-radius:8px;padding:10px 12px}.alert-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}.alert-time{color:var(--muted);font-size:12px}.alert-sub{color:var(--muted);font-size:13px;margin-top:4px}.alert-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;font-size:13px;color:var(--muted)}.alert-metrics .bad{color:var(--danger);font-weight:700}.chip-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.chip-select{position:relative;display:flex;align-items:center;color:var(--cyan);border:1px solid var(--cyan);border-radius:8px;padding:0 10px 0 0}.chip-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--cyan);font-size:15px;font-weight:600;padding:10px 6px 10px 14px;cursor:pointer;outline:none}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:start;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:2px solid #dceee0;white-space:nowrap}.data-table td{padding:10px;border-bottom:1px solid #eaf3eb;white-space:nowrap}.status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#e8f5e9;color:var(--blue)}.status-cancelled{background:#ffebee;color:var(--danger)}.status-checked-in,.status-completed,.status-approved{background:#e8f5e9;color:#2e7d32}.status-draft,.status-open{background:#fff8e1;color:#b26a00}.status-rejected{background:#ffebee;color:var(--danger)}.status-partly-collected{background:#fff3e0;color:#e65100}.status-collected{background:#e8f5e9;color:#2e7d32}.inline-input{width:100%;max-width:140px;border:1px solid #d5dee6;border-radius:6px;padding:6px 8px;font-size:14px}:root{--viz-series-1: #43a047;--viz-good: #0ca30c;--viz-warning: #fab219;--viz-serious: #ec835a;--viz-critical: #d03b3b;--viz-ink: #0b0b0b;--viz-ink-2: #52514e;--viz-muted: #898781;--viz-grid: #e1e0d9;--viz-axis: #c3c2b7;--kpi-good-text: #006300;--kpi-warning-text: #8a6100;--kpi-critical-text: #b3261e}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.kpi-tile{background:var(--card);border:1px solid var(--cyan-soft);border-radius:var(--radius);padding:18px 20px}.kpi-tile-label{font-size:13px;font-weight:600;color:var(--muted)}.kpi-tile-value{font-size:34px;font-weight:800;line-height:1.15;margin-top:6px}.kpi-tile-sub{font-size:12px;color:var(--muted);margin-top:4px}.kpi-tile-tone{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin-top:12px}.kpi-tone-good{color:var(--kpi-good-text)}.kpi-tone-warning{color:var(--kpi-warning-text)}.kpi-tone-critical{color:var(--kpi-critical-text)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:20px;margin-top:20px;align-items:start}.viz-panel{padding:20px 22px;margin-top:20px}.viz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.viz-title{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.viz-note{font-size:12px;color:var(--viz-muted);margin-top:3px}.viz-toggle{border:1px solid #d5dee6;background:var(--card);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:600;color:var(--blue);cursor:pointer;white-space:nowrap}.viz-toggle:hover{background:#f2faf3}.viz-table td,.viz-table th{font-variant-numeric:tabular-nums}.viz-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.viz-dot-good{background:var(--viz-good)}.viz-dot-warning{background:var(--viz-warning)}.viz-dot-serious{background:var(--viz-serious)}.viz-dot-critical{background:var(--viz-critical)}.viz-bars{display:flex;flex-direction:column;gap:10px}.viz-bar-row{display:grid;grid-template-columns:minmax(92px,34%) 1fr auto;align-items:center;gap:10px;min-height:24px;outline:none}.viz-bar-row:focus-visible{box-shadow:0 0 0 2px #6dbf7073;border-radius:4px}.viz-bar-label{font-size:13px;color:var(--viz-ink-2);display:flex;align-items:center;gap:6px}.viz-bar-track{display:block;height:14px}.viz-bar-fill{display:block;height:14px;background:var(--viz-series-1);border-radius:0 4px 4px 0}.viz-fill-critical{background:var(--viz-critical)}.viz-fill-warning{background:var(--viz-warning)}.viz-bar-value{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.viz-columns{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.viz-col-axis{grid-column:1;grid-row:1;height:170px;position:relative;min-width:14px;font-size:11px;color:var(--viz-muted);font-variant-numeric:tabular-nums}.viz-col-axis span{position:absolute;right:0;transform:translateY(50%);line-height:1}.viz-col-plot{grid-column:2;grid-row:1;height:170px;position:relative;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--viz-axis)}.viz-gridline{position:absolute;left:0;right:0;height:1px;background:var(--viz-grid)}.viz-col{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;outline:none}.viz-col:hover{background:#3d8c4014}.viz-col-fill{position:relative;width:100%;max-width:22px;background:var(--viz-series-1);border-radius:4px 4px 0 0}.viz-col-cap{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;font-size:11px;font-weight:700;color:var(--viz-ink-2)}.viz-col-xaxis{grid-column:2;grid-row:2;display:flex;gap:4px;padding-top:6px}.viz-col-xaxis span{flex:1;text-align:center;font-size:11px;color:var(--viz-muted);font-variant-numeric:tabular-nums}.viz-tick-today{color:var(--blue);font-weight:800}.viz-split-bar{display:flex;gap:2px;height:20px;border-radius:4px;overflow:hidden}.viz-split-seg{display:block;min-width:3px;outline:none}.viz-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:13px;color:var(--viz-ink-2)}.viz-legend li{display:flex;align-items:center;gap:6px}.viz-legend strong{font-variant-numeric:tabular-nums}.viz-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.viz-tip{position:fixed;z-index:100;background:#14181f;color:#fff;font-size:12px;padding:6px 10px;border-radius:6px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 14px #00000038}@media (max-width: 1100px){:root{--page-pad: 20px}.header{gap:16px}.header-title{font-size:22px}.stat-card{padding:20px 14px}}@media (max-width: 860px){:root{--page-pad: 16px}.header{padding:12px var(--page-pad);gap:12px}.brand{min-width:0}.brand-mark{height:32px}.brand-text{font-size:18px}.header-actions{margin-inline-start:auto;gap:8px}.header-controls{flex:1 1 100%;order:3;justify-content:stretch;gap:10px}.search-box{flex:1 1 100%;max-width:none;min-width:0}.hide-sm{display:none!important}.user-name{display:none}.lang-select{padding:8px;font-size:13px;max-width:128px}.menu-btn{display:flex}.nav-tabs{display:none;flex-direction:column;gap:0;overflow:visible;padding:8px var(--page-pad) 12px}.nav-tabs.is-open{display:flex}.nav-tabs button{width:100%;text-align:start;padding:12px 10px;border-bottom:1px solid #eaf3eb;border-inline-start:3px solid transparent}.nav-tabs button.active{border-bottom-color:#eaf3eb;border-inline-start-color:var(--cyan);background:#f2faf3}.content{padding:16px var(--page-pad)}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:16px 10px;gap:10px}.stat-icon svg{width:26px;height:26px}.stat-value{font-size:24px}.stat-label{font-size:12px}.panel{padding:18px 16px}.panel-title{font-size:18px;margin-bottom:14px}.panel-grid{margin-top:16px;gap:14px}.patients-toolbar{gap:10px}.detail-head{flex-wrap:wrap;gap:10px}.detail-title{flex:1 1 140px;font-size:18px}.detail-facts{padding:12px 14px;gap:8px 16px}.detail-grid{grid-template-columns:1fr;gap:18px}.modal-overlay{padding:12px}.modal-card{padding:20px 16px;max-height:calc(100dvh - 24px);border-radius:12px}.modal-actions{justify-content:stretch}.modal-actions .btn-primary,.modal-actions .btn-secondary{flex:1}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-tile{padding:14px}.kpi-tile-value{font-size:26px}.kpi-grid{margin-top:14px;gap:14px}.viz-panel{padding:16px}.viz-head{flex-wrap:wrap}.viz-bar-row{grid-template-columns:1fr auto;gap:6px 10px}.viz-bar-track{grid-column:1 / -1}}@media (max-width: 520px){:root{--page-pad: 12px}.login-card{padding:28px 20px 22px}.login-title{font-size:20px}.user-chip{padding:4px 6px 4px 4px}.logout-btn{padding:6px 10px}.chip-select,.chip-select select{max-width:100%}.btn-primary,.btn-secondary{padding:10px 14px}.viz-col-cap{display:none}.viz-tip{max-width:calc(100vw - 24px);white-space:normal}}@media (max-width: 380px){.brand-text{font-size:16px}.lang-select{font-size:12px;max-width:110px}}