@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--page: 168 30% 97%;--surface: 0 0% 100%;--surface-hover: 168 24% 94%;--surface-elevated: 168 26% 97%;--surface-muted: 168 20% 93%;--app-bg: 168 30% 98%;--surface-border: 168 18% 88%;--text-primary: 176 18% 16%;--text-secondary: 174 10% 40%;--text-muted: 174 8% 52%;--brand: 174 62% 32%;--brand-hover: 174 64% 26%;--brand-light: 172 55% 90%;--brand-soft: 170 45% 95%;--accent: 201 65% 40%;--accent-hover: 201 68% 34%;--accent-light: 201 60% 92%;--success: 152 55% 36%;--success-light: 152 50% 91%;--warning: 40 72% 42%;--warning-light: 42 70% 91%;--danger: 4 62% 47%;--danger-light: 4 65% 93%;--sidebar: 0 0% 100%;--sidebar-muted: 174 10% 52%;--sidebar-active: 174 62% 32%;--sidebar-hover: 168 26% 95%;--chart-1: 174 62% 36%;--chart-2: 199 65% 42%;--chart-3: 152 50% 40%;--chart-4: 222 35% 50%;--chart-5: 4 60% 50%;--chart-6: 187 60% 38%;--chart-7: 262 30% 55%;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(10,50,45,.04), 0 0 0 1px rgba(10,50,45,.03);--shadow-md: 0 4px 12px rgba(10,50,45,.05), 0 0 0 1px rgba(10,50,45,.03);--shadow-lg: 0 8px 24px rgba(10,50,45,.06);--shadow-xl: 0 16px 40px rgba(10,50,45,.08);--ease-spring: cubic-bezier(.34,1.56,.64,1);--ease-smooth: cubic-bezier(.22,1,.36,1);--line: hsl(var(--surface-border));--ink: hsl(var(--text-primary));--mut: hsl(var(--text-secondary));--info: hsl(var(--accent));--orange: hsl(var(--brand));--orange2: hsl(var(--brand-hover));--orange-soft: hsl(var(--brand-soft));--ok: hsl(var(--success));--ok-soft: hsl(var(--success-light));--bad: hsl(var(--danger));--bad-soft: hsl(var(--danger-light));--warn: hsl(40 72% 34%);--warn-soft: hsl(var(--warning-light));--info-soft: hsl(var(--accent-light));--card: hsl(var(--surface));--shadow: var(--shadow-lg);--radius: var(--radius-lg)}.dark{--page: 176 24% 7%;--surface: 176 20% 11%;--surface-hover: 176 18% 16%;--surface-elevated: 176 19% 14%;--surface-muted: 176 16% 17%;--app-bg: 176 22% 9%;--surface-border: 176 14% 24%;--text-primary: 168 18% 92%;--text-secondary: 170 12% 66%;--text-muted: 170 10% 56%;--brand: 172 58% 46%;--brand-hover: 172 60% 54%;--brand-light: 174 35% 18%;--brand-soft: 174 30% 14%;--accent: 199 75% 58%;--accent-hover: 199 78% 64%;--accent-light: 199 35% 18%;--success: 152 50% 50%;--success-light: 152 30% 17%;--warning: 40 80% 55%;--warning-light: 40 35% 17%;--danger: 4 70% 60%;--danger-light: 4 35% 19%;--sidebar: 176 20% 10%;--sidebar-muted: 170 10% 52%;--sidebar-active: 172 58% 50%;--sidebar-hover: 176 18% 16%;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4);--shadow-xl: 0 16px 40px rgba(0,0,0,.5);--warn: hsl(40 80% 62%)}*{box-sizing:border-box}html{direction:rtl}html,body{overflow-x:clip}.nowrap{white-space:nowrap}body{margin:0;font-family:IBM Plex Sans Arabic,Inter,system-ui,-apple-system,sans-serif;background:hsl(var(--page));color:hsl(var(--text-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:hsl(var(--brand-light));color:hsl(var(--brand-hover))}h1,h2,h3{font-family:IBM Plex Sans Arabic,Inter,sans-serif;font-weight:700}button{font-family:inherit;cursor:pointer}button,a,input,select,textarea,[role=button]{touch-action:manipulation}:where(button,a,[role=button]):focus-visible{outline:2px solid hsl(var(--brand));outline-offset:2px}*{scrollbar-width:thin}input,select,textarea{font-family:inherit;font-size:14px;padding:9px 12px;border:1px solid hsl(var(--surface-border));border-radius:var(--radius-md);background:hsl(var(--surface));width:100%;color:hsl(var(--text-primary));transition:border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-smooth)}input:focus,select:focus,textarea:focus{outline:none;border-color:hsl(var(--brand));box-shadow:0 0 0 3px hsl(var(--brand)/.18)}textarea{resize:vertical;min-height:60px}label{font-size:12.5px;font-weight:700;color:hsl(var(--text-secondary));display:block;margin-bottom:5px}.muted{color:hsl(var(--text-secondary))}.small{font-size:12.5px}.num,[dir=ltr]{font-family:Inter,IBM Plex Sans Arabic,sans-serif}.icon-btn{background:hsl(var(--surface));border:1px solid hsl(var(--surface-border));width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:hsl(var(--text-primary));position:relative;flex-shrink:0;box-shadow:var(--shadow-sm);transition:.15s var(--ease-smooth)}.icon-btn:hover{border-color:hsl(var(--brand));color:hsl(var(--brand-hover))}.theme-corner{position:fixed;top:16px;inset-inline-end:16px;z-index:60}.btn{border:0;background:hsl(var(--brand));color:#fff;padding:10px 18px;border-radius:var(--radius-md);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:7px;justify-content:center;text-decoration:none;transition:all .15s var(--ease-smooth);box-shadow:0 1px 2px hsl(var(--brand)/.2)}.btn:hover{background:hsl(var(--brand-hover));box-shadow:0 4px 12px hsl(var(--brand)/.3)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:hsl(var(--surface));color:hsl(var(--text-primary));border:1px solid hsl(var(--surface-border));box-shadow:none}.btn.ghost:hover{border-color:hsl(var(--brand));color:hsl(var(--brand-hover));background:hsl(var(--surface))}.btn.navy{background:#192e2d;color:#fff;box-shadow:none}.btn.navy:hover{background:#25413f}.dark .btn.navy{background:hsl(var(--surface-elevated));border:1px solid hsl(var(--surface-border));color:hsl(var(--text-primary))}.btn.green{background:hsl(var(--success))}.btn.green:hover{background:#22774f}.btn.sm{padding:6px 12px;font-size:12.5px;border-radius:9px}.btn.lg{padding:13px 22px;font-size:15.5px}.btn.block{width:100%}.btn.danger{background:hsl(var(--danger-light));color:hsl(var(--danger))}.btn.danger:hover{background:hsl(var(--danger-light));filter:brightness(.97)}.rowbtns{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.login-shell{min-height:100vh;background:radial-gradient(900px 480px at 85% -10%,hsl(var(--brand)/.14) 0%,transparent 60%),radial-gradient(700px 420px at 5% 110%,hsl(var(--accent)/.12) 0%,transparent 60%),linear-gradient(180deg,hsl(var(--page)),hsl(var(--surface)));display:flex;align-items:center;justify-content:center;padding:22px}.login-card{background:hsl(var(--surface));border:1px solid hsl(var(--surface-border));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:520px;width:100%;padding:34px 30px}.login-mark{width:58px;height:58px;border-radius:16px;background:hsl(var(--brand));display:grid;place-items:center;font-weight:800;font-size:27px;color:#fff;margin-bottom:12px;box-shadow:0 6px 16px hsl(var(--brand)/.3)}.login-card h1{margin:0 0 4px;font-size:27px}.login-users{display:grid;gap:8px}.login-user{display:flex;align-items:center;gap:10px;text-align:right;background:hsl(var(--surface-elevated));border:1.5px solid hsl(var(--surface-border));border-radius:13px;padding:10px 13px;width:100%;transition:.12s var(--ease-smooth);color:hsl(var(--text-primary))}.login-user:hover{border-color:hsl(var(--text-muted))}.login-user-on{border-color:hsl(var(--brand))!important;background:hsl(var(--brand-soft))}.login-user b{font-size:14.5px}.login-user .role{color:hsl(var(--text-secondary));font-size:12px;display:block}.login-pin{margin-inline-start:auto;font-weight:700;font-family:Inter,sans-serif;color:hsl(var(--brand-hover));background:hsl(var(--brand-light));border-radius:8px;padding:3px 9px;font-size:12.5px}.form{display:grid;gap:14px}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.form-error{background:hsl(var(--danger-light));color:hsl(var(--danger));border-radius:var(--radius-md);padding:9px 12px;font-size:13px;font-weight:700}.app{display:flex;min-height:100vh;background-color:hsl(var(--page));background-image:radial-gradient(ellipse 60% 50% at 85% -10%,hsl(var(--brand)/.07),transparent 60%),radial-gradient(ellipse 50% 45% at 5% 110%,hsl(var(--accent)/.07),transparent 60%)}.dark .app{background-image:none}.side{width:76px;background:hsl(var(--sidebar));border-inline-end:1px solid hsl(var(--surface-border));color:hsl(var(--text-primary));padding:16px 10px;position:sticky;top:0;height:100vh;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;overflow-y:auto;overflow-x:hidden;box-shadow:0 0 12px #0a322d08}.side>div{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.brand{flex-direction:column;justify-content:flex-start;padding:2px 0 12px;gap:0}.brand .mark{width:42px;height:42px;border-radius:12px;background:hsl(var(--brand));display:grid;place-items:center;font-weight:800;font-size:20px;color:#fff;flex-shrink:0;box-shadow:0 4px 10px hsl(var(--brand)/.28)}.brand .mark-img{width:44px;height:44px}.brand>div{display:none}.brand b{font-size:18.5px;font-weight:800;color:hsl(var(--text-primary));display:block;line-height:1.15}.brand small{color:hsl(var(--sidebar-muted));font-size:11px}.nav-group{font-size:0;line-height:0;color:transparent;width:34px;height:5px;margin:11px auto 7px;background-image:radial-gradient(circle,hsl(var(--text-muted)/.5) 1.2px,transparent 1.4px);background-size:9px 5px;background-repeat:repeat-x;background-position:center}.navbtn{position:relative;border:0;background:transparent;color:hsl(var(--text-secondary));padding:0;border-radius:14px;font-size:14px;font-weight:600;display:grid;place-items:center;width:52px;height:48px;transition:.15s var(--ease-smooth)}.navbtn>span:not(.nbadge){display:none}.navbtn:hover{background:hsl(var(--sidebar-hover));color:hsl(var(--text-primary))}.navbtn.on{background:hsl(var(--brand));color:#fff;font-weight:800;box-shadow:0 4px 12px hsl(var(--brand)/.3)}.navbtn.on svg{color:#fff}.navbtn .nbadge{position:absolute;top:-4px;inset-inline-start:-4px;background:hsl(var(--danger));color:#fff;font-size:11px;font-weight:800;border-radius:99px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 6px}.navbtn.on .nbadge{background:hsl(var(--danger));color:#fff}.side .foot{display:none}.side-user{margin-top:auto;padding-top:12px;border-top:1px solid hsl(var(--surface-border))}.side-user .icon-btn{width:36px;height:36px;border-radius:11px}.main{flex:1;padding:0 26px 90px;max-width:1280px;margin:0 auto;width:100%;min-width:0}.header{position:sticky;top:0;z-index:30;background:hsl(var(--surface)/.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:14px;padding:18px 2px 14px;border-bottom:1px solid hsl(var(--surface-border));margin-bottom:22px}.header .h-title b{font-size:16.5px;font-weight:800;display:block;line-height:1.2}.header .h-title span{color:hsl(var(--text-secondary));font-size:12px}.header .spacer{flex:1}.user-chip{display:flex;align-items:center;gap:9px;background:hsl(var(--surface));border:1px solid hsl(var(--surface-border));border-radius:99px;padding:5px 12px 5px 6px;box-shadow:var(--shadow-sm)}.user-chip b{font-size:13px}.user-chip span{display:block;color:hsl(var(--text-secondary));font-size:11px}.bell-wrap{position:relative}.bell-badge{position:absolute;top:-5px;inset-inline-start:-5px;background:hsl(var(--danger));color:#fff;font-size:10.5px;font-weight:800;min-width:19px;height:19px;border-radius:99px;display:grid;place-items:center;padding:0 5px;border:2px solid hsl(var(--page))}.bell-panel{position:absolute;top:46px;inset-inline-end:0;width:350px;max-width:88vw;background:hsl(var(--surface));border:1px solid hsl(var(--surface-border));border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:60;overflow:hidden}.bell-head{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid hsl(var(--surface-border))}.bell-list{list-style:none;margin:0;padding:0;max-height:380px;overflow:auto}.bell-item{padding:11px 15px;border-bottom:1px solid hsl(var(--surface-border));cursor:pointer;display:grid;gap:2px}.bell-item:hover{background:hsl(var(--surface-hover))}.bell-item b{font-size:13.5px}.bell-unread{background:hsl(var(--brand-soft))}.bell-empty{padding:16px}.toast-stack{position:fixed;bottom:22px;inset-inline-start:22px;z-index:200;display:grid;gap:8px}.toast{background:#172b2a;color:#fff;border-radius:12px;padding:11px 16px;font-size:13.5px;font-weight:700;display:flex;gap:8px;align-items:center;box-shadow:var(--shadow-lg);animation:toast-in .25s var(--ease-smooth)}.dark .toast{background:hsl(var(--surface-elevated));border:1px solid hsl(var(--surface-border))}.toast svg{color:#54d498}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(4,1fr)}.cols2{grid-template-columns:1fr 1fr}.cols3{grid-template-columns:repeat(3,1fr)}.card{background:hsl(var(--surface));border:1px solid hsl(var(--surface-border));border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.card h3.ct{margin:0 0 12px;font-size:16.5px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.topbar h1{margin:0;font-size:23px}.topbar p{margin:3px 0 0;color:hsl(var(--text-secondary));font-size:13px}.page-title{display:flex;gap:12px;align-items:center}.page-icon{width:46px;height:46px;border-radius:13px;background:hsl(var(--brand-soft));color:hsl(var(--brand-hover));display:grid;place-items:center;flex-shrink:0}.page-title h2{margin:0;font-size:21px}.page-title p{margin:2px 0 0;font-size:13px}.searchbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.searchbar input{max-width:330px}.search-wrap{position:relative;max-width:330px;width:100%}.search-wrap svg{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:11px;color:hsl(var(--text-muted))}.search-wrap input{padding-inline-start:36px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tab{border:1px solid hsl(var(--surface-border));background:hsl(var(--surface));color:hsl(var(--text-primary));padding:7px 14px;border-radius:99px;font-weight:700;font-size:13px;transition:.15s var(--ease-smooth)}.tab:hover{border-color:hsl(var(--brand));color:hsl(var(--brand-hover))}.tab.on{background:hsl(var(--brand));color:#fff;border-color:hsl(var(--brand))}.hero{background:linear-gradient(120deg,hsl(var(--brand-soft)),hsl(var(--surface)) 68%);border:1px solid hsl(var(--surface-border));border-radius:var(--radius-xl);color:hsl(var(--text-primary));padding:22px 24px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.hero:after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:230px;height:230px;border-radius:50%;background:hsl(var(--brand)/.12)}.hero h2{margin:0;font-size:22px;position:relative;z-index:1}.hero .hero-sub{color:hsl(var(--text-secondary));font-size:13.5px;margin-top:3px;position:relative;z-index:1}.hero-stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:16px;position:relative;z-index:1}.hero-stats .hs b{font-family:Inter,IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:21px;display:block;color:hsl(var(--brand-hover))}.hero-stats .hs span{color:hsl(var(--text-muted));font-size:12px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:hsl(var(--success));margin-inline-end:6px;animation:pulse-dot 1.6s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.stat-card{background:hsl(var(--surface));border:1px solid hsl(var(--surface-border));border-radius:var(--radius-lg);padding:16px 18px;position:relative;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-tile{position:absolute;top:14px;inset-inline-end:14px;width:36px;height:36px;border-radius:11px;background:hsl(var(--brand-soft));color:hsl(var(--brand-hover));display:grid;place-items:center}.stat-label{color:hsl(var(--text-secondary));font-size:12.5px;font-weight:700}.stat-value{font-family:Inter,IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:27px;margin-top:3px;color:hsl(var(--text-primary))}.stat-sub{color:hsl(var(--text-muted));font-size:12px;margin-top:2px}.stat-accent{background:linear-gradient(140deg,hsl(var(--brand)),hsl(var(--brand-hover)));color:#fff;border-color:transparent}.stat-accent .stat-label,.stat-accent .stat-sub{color:#ffffffc7}.stat-accent .stat-value{color:#fff}.stat-accent .stat-tile{background:#ffffff38;color:#fff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:right;color:hsl(var(--text-secondary));font-size:11.5px;font-weight:700;padding:8px;border-bottom:2px solid hsl(var(--surface-border));white-space:nowrap}td{padding:9px 8px;border-bottom:1px solid hsl(var(--surface-border));vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr{transition:.1s}tbody tr:hover{background:hsl(var(--surface-hover))}.badge{display:inline-block;padding:2.5px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.b-ok{background:hsl(var(--success-light));color:#206f4a}.b-wait{background:hsl(var(--warning-light));color:#8c6517}.b-in{background:hsl(var(--accent-light));color:#1d6287}.b-bad{background:hsl(var(--danger-light));color:#a52f27}.b-mut{background:hsl(var(--surface-muted));color:hsl(var(--text-secondary))}.b-org{background:hsl(var(--brand-light));color:hsl(var(--brand-hover))}.dark .b-ok{color:#71d6a7}.dark .b-wait{color:#f1c255}.dark .b-in{color:#71caf4}.dark .b-bad{color:#ec8179}.dark .b-org{color:#6cdacc}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,hsl(var(--brand)),hsl(var(--accent)));color:#fff;display:inline-grid;place-items:center;font-weight:800;font-size:13.5px;flex-shrink:0}.avatar-sm{width:30px;height:30px;font-size:11.5px}.person{display:flex;align-items:center;gap:9px}.person b{font-size:13.5px;display:block;line-height:1.25}.person span{color:hsl(var(--text-secondary));font-size:11.5px}.empty{color:hsl(var(--text-secondary));text-align:center;padding:28px 16px;font-size:14px;display:grid;justify-items:center;gap:6px}.empty-mark{width:52px;height:52px;border-radius:50%;background:hsl(var(--surface-muted));color:hsl(var(--text-muted));display:grid;place-items:center}.empty p{margin:0}.sched-doc{margin-bottom:16px}.sched-doc:last-child{margin-bottom:0}.sched-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.sched-head b{font-size:14px}.sched-track{position:relative;height:34px;background:hsl(var(--surface-muted));border-radius:10px;overflow:hidden}.sched-seg{position:absolute;top:4px;bottom:4px;border-radius:7px;font-size:10.5px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px;white-space:nowrap;overflow:hidden}.seg-done{background:#96a6a5}.seg-in{background:hsl(var(--accent))}.seg-wait{background:hsl(var(--warning))}.seg-next{background:hsl(var(--surface-border));color:hsl(var(--text-secondary))}.sched-scale{display:flex;justify-content:space-between;color:hsl(var(--text-muted));font-size:10.5px;margin-top:4px}.qchip{display:inline-flex;align-items:center;gap:6px;background:hsl(var(--brand));color:#fff;border-radius:10px;padding:4px 11px;font-weight:800;font-size:14px}.qchip small{font-weight:600;color:#ffffffc7;font-size:10.5px}.timeline{border-inline-start:3px solid hsl(var(--surface-border));padding-inline-start:17px;display:grid;gap:15px;margin-inline-start:5px}.tl-item{position:relative}.tl-item:before{content:"";position:absolute;inset-inline-start:-23.5px;top:5px;width:10px;height:10px;border-radius:50%;background:hsl(var(--brand));border:2px solid hsl(var(--surface));box-shadow:0 0 0 2px hsl(var(--surface-border))}.day-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px;padding:2px 2px 0}.day-head h2{margin:0;font-size:21px;font-weight:700}.day-head p{margin:4px 0 0;color:hsl(var(--text-secondary));font-size:13px}.day-open{color:hsl(var(--success));font-weight:700}.day-closed{color:hsl(var(--text-muted));font-weight:700}.day-stats{display:flex;gap:20px;flex-wrap:wrap}.day-stats .ds{text-align:center}.day-stats .ds b{font-family:Inter,IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:18px;display:block;color:hsl(var(--brand-hover));line-height:1.2}.day-stats .ds span{color:hsl(var(--text-muted));font-size:11.5px}.day-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.day-side{display:grid;gap:14px}.tl-hour{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px}.tl-hour:last-child .tl-lane{padding-bottom:2px}.tl-gutter{font-family:Inter,IBM Plex Sans Arabic,sans-serif;font-weight:600;font-size:12.5px;color:hsl(var(--text-muted));text-align:end;padding-top:11px;white-space:nowrap}.tl-lane{border-inline-start:2px solid hsl(var(--surface-border));padding:2px 12px 16px 0;padding-inline-end:0;padding-inline-start:12px}.appt-card{background:hsl(var(--surface));border:1px solid hsl(var(--surface-border));border-inline-start:4px solid hsl(var(--brand));border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;box-shadow:var(--shadow-sm)}.appt-card:last-child{margin-bottom:0}.appt-card.st-wait{border-inline-start-color:hsl(var(--warning))}.appt-card.st-in{border-inline-start-color:hsl(var(--accent))}.appt-card.st-done{border-inline-start-color:#a7b4b3;opacity:.78}.appt-main{min-width:0}.appt-main b{font-size:14px;display:block;line-height:1.3}.appt-main .sub{color:hsl(var(--text-secondary));font-size:12px;display:block}.sum-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid hsl(var(--surface-border));font-size:13.5px}.sum-row:last-child{border-bottom:0}.sum-row .sum-label{display:flex;align-items:center;gap:8px;color:hsl(var(--text-secondary));font-weight:600}.sum-row .sum-label svg{color:hsl(var(--brand-hover))}.sum-row b{font-family:Inter,IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:15px}@media (max-width:1100px){.day-grid{grid-template-columns:1fr}}.pf-head{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.pf-head .avatar{width:58px;height:58px;font-size:19px}.pf-head h1{margin:0;font-size:23px;line-height:1.25}.pf-head .pf-meta{color:hsl(var(--text-secondary));font-size:13px;margin-top:2px}.pf-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.pf-chip{display:inline-flex;align-items:center;gap:6px;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--surface-border));border-radius:99px;padding:4px 12px;font-size:12.5px;font-weight:600;color:hsl(var(--text-secondary))}.pf-chip b{color:hsl(var(--text-primary));font-weight:700}.pf-chip svg{color:hsl(var(--brand-hover))}.pf-chip.chip-alert{background:hsl(var(--danger-light));border-color:transparent;color:#9d2d25}.pf-chip.chip-alert b{color:#8c2821}.dark .pf-chip.chip-alert{color:#ed8982}.dark .pf-chip.chip-alert b{color:#f09a94}.visit-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px;align-items:start}.visit-side{display:grid;gap:14px}.vital-grid{display:grid;gap:11px}@media (max-width:1000px){.visit-grid{grid-template-columns:1fr}}.sum-card{padding-top:8px;padding-bottom:8px}.sum-row .sum-sub{color:hsl(var(--text-muted));font-size:12px;font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:120;padding:14px;overflow-y:auto}.dark .modal-backdrop{background:#0009}.modal{background:hsl(var(--surface));border:1px solid hsl(var(--surface-border));border-radius:18px;padding:22px;width:100%;max-width:560px;max-height:92vh;overflow:auto;box-shadow:var(--shadow-xl);animation:modal-in .25s var(--ease-smooth)}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.modal-wide{max-width:780px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h3{margin:0;font-size:18.5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;gap:8px;margin-top:17px;flex-wrap:wrap}.rxline{display:grid;grid-template-columns:1.4fr 1fr .8fr auto;gap:8px;margin-bottom:8px}.labline{display:grid;grid-template-columns:.7fr 1.6fr auto;gap:8px;margin-bottom:8px}.attach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:11px}.attach{border:1px solid hsl(var(--surface-border));border-radius:13px;overflow:hidden;background:hsl(var(--surface));cursor:pointer;text-align:right;padding:0;width:100%;color:hsl(var(--text-primary));transition:.15s var(--ease-smooth)}.attach:hover{border-color:hsl(var(--brand))}.attach img{width:100%;height:96px;object-fit:cover;display:block}.attach .cap{padding:8px 10px;font-size:12px}.attach .cap b{display:block;font-size:12.5px}.attach .cap span{color:hsl(var(--text-secondary))}.lightbox-img{width:100%;border-radius:12px;display:block}.alert-strip{border:1.5px solid hsl(var(--danger)/.4);background:hsl(var(--danger-light));border-radius:var(--radius-lg);padding:13px 16px;display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;font-size:13.5px}.alert-strip svg{color:hsl(var(--danger));flex-shrink:0;margin-top:1px}.split-box{background:hsl(var(--surface-muted));border:1px dashed hsl(var(--text-muted)/.45);border-radius:12px;padding:12px 14px;display:grid;gap:5px;font-size:13.5px}.split-box .row{display:flex;justify-content:space-between}.queue-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:radial-gradient(900px 480px at 80% -10%,hsl(var(--brand)/.22) 0%,transparent 55%),linear-gradient(150deg,#121212,#0a0a0a);color:#fff;padding:30px 36px;overflow:auto}.queue-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}.queue-top h1{margin:0;font-size:30px}.queue-clock{font-family:Inter,IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:34px;color:#42d7c3}.queue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.queue-card{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.12);border-radius:22px;padding:24px}.queue-card .qc-doc{color:#adadad;font-size:15px;font-weight:700}.queue-now-label{color:#59cf98;font-weight:800;font-size:14px;margin-top:14px}.queue-now-num{font-family:Inter,IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:96px;line-height:1.05;color:#fff}.queue-now-name{font-size:24px;font-weight:700}.queue-next-label{color:#5fddcc;font-weight:800;font-size:14px;margin-top:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.queue-next{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.queue-next .qn{background:#ffffff17;border-radius:13px;padding:9px 16px;font-weight:800;font-size:21px}.queue-next .qn span{display:block;font-weight:500;font-size:12px;color:#adadad}.queue-idle{color:#adadad;font-size:17px;margin-top:12px}.bar-row{display:grid;grid-template-columns:110px 1fr 92px;gap:10px;align-items:center;padding:6px 0;font-size:13px}.bar-track{height:12px;background:hsl(var(--surface-muted));border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,hsl(var(--brand)),hsl(var(--accent)));border-radius:99px;min-width:3px}.bottom-nav{display:none}.more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:130;display:flex;align-items:flex-end;justify-content:center}.dark .more-backdrop{background:#0009}.more-sheet{background:hsl(var(--surface));border:1px solid hsl(var(--surface-border));border-bottom:0;border-radius:20px 20px 0 0;width:100%;max-width:560px;max-height:82vh;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:var(--shadow-xl);animation:sheet-in .25s var(--ease-smooth)}@keyframes sheet-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.more-head b{font-size:16.5px}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.more-item{position:relative;border:1px solid hsl(var(--surface-border));background:hsl(var(--surface-elevated));color:hsl(var(--text-primary));border-radius:var(--radius-lg);padding:14px 8px 11px;display:grid;justify-items:center;gap:6px;font-size:13.5px;font-weight:700;transition:.15s var(--ease-smooth)}.more-item:active{transform:scale(.97)}.more-item.on{background:hsl(var(--brand-soft));border-color:hsl(var(--brand));color:hsl(var(--brand-hover))}.more-item .nbadge{position:absolute;top:7px;inset-inline-end:7px;background:hsl(var(--danger));color:#fff;font-size:10px;font-weight:800;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}@media (max-width:900px){.kpis{grid-template-columns:1fr 1fr}.cols2,.cols3{grid-template-columns:1fr}.side{display:none}.main{padding:0 15px 96px}.bottom-nav{display:flex;position:fixed;bottom:0;right:0;left:0;width:100%;z-index:100;background:hsl(var(--surface));border-top:1px solid hsl(var(--surface-border));padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -6px 20px #0000000f}.bottom-nav button{border:0;background:transparent;display:grid;justify-items:center;gap:2px;font-size:11.5px;font-weight:700;color:hsl(var(--text-muted));padding:5px 8px;border-radius:10px;position:relative}.table-wrap table{min-width:640px}.person b{white-space:nowrap}.bottom-nav button.on{color:hsl(var(--brand-hover))}.bottom-nav .nbadge{position:absolute;top:0;inset-inline-start:6px;background:hsl(var(--danger));color:#fff;font-size:9.5px;font-weight:800;border-radius:99px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px}.toast-stack{bottom:92px}.header .h-title{display:none}}@media (max-width:560px){.kpis{grid-template-columns:1fr 1fr}.form-grid,.rxline,.labline{grid-template-columns:1fr}.queue-now-num{font-size:64px}.hero-stats{gap:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.print-area{display:none}@media print{body *{visibility:hidden}.print-area{display:block;position:absolute;top:0;right:0;bottom:0;left:0;padding:26px;visibility:visible;background:#fff;color:#141a21}.print-area *{visibility:visible}.no-print{display:none!important}}.brand .mark-img{width:42px;height:42px;object-fit:contain;flex-shrink:0}.login-logo{width:66px;height:66px;object-fit:contain;margin-bottom:12px}.sync-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:hsl(var(--surface-muted));color:hsl(var(--text-muted));border:1px solid hsl(var(--surface-border));white-space:nowrap}.sync-badge.on{background:hsl(var(--success-light));color:hsl(var(--success));border-color:transparent}@media (max-width:760px){.sync-badge{display:none}}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:hsl(var(--brand-light));border-bottom:1.5px solid hsl(var(--brand)/.45);color:hsl(var(--brand-hover));font-size:12.5px;font-weight:700;padding:7px 18px}.demo-banner button{background:hsl(var(--brand));color:#fff;border:0;border-radius:999px;font:inherit;font-size:12px;padding:4px 14px;cursor:pointer}.demo-banner button:hover{background:hsl(var(--brand-hover))}.sync-badge.lic-warn{background:hsl(var(--warning-light));color:#845f15;border-color:transparent}@media (max-width: 767px){input[type=text],input[type=number],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=url],input:not([type]),select,textarea{font-size:16px!important}}@media (max-width:767px){.btn{min-height:44px}.btn.sm{min-height:36px}}
