:root{--app-bg:#f5f7fb;--surface:#fff;--text:#162033;--muted:#667085;--border:#dfe5ef;--shadow:0 1px 2px #1018280a;--slate-50:#f8fafc;--slate-100:#eef2f7;--slate-300:#cbd5e1;--slate-700:#334155;--blue-50:#eff6ff;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-600:#2563eb;--blue-700:#1d4ed8;--green-50:#ecfdf3;--green-200:#bbf7d0;--green-700:#15803d;--red-50:#fff1f2;--red-200:#fecdd3;--red-700:#be123c;color:var(--text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--app-bg);min-width:320px;min-height:100%}body{background:var(--app-bg);min-width:320px;min-height:100vh;margin:0}button,input,select{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue-300);outline-offset:2px}#root{min-height:100vh}.app-shell{background:var(--app-bg);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.login-page{background:var(--app-bg);grid-template-columns:minmax(360px,460px) minmax(520px,760px);justify-content:center;align-items:center;gap:64px;min-height:100vh;padding:48px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:28px}.compact-brand{padding:0 0 28px}.login-heading{margin-bottom:24px}.login-heading p:last-child{color:var(--muted);margin:8px 0 0}.login-form,.login-form label{gap:8px;display:grid}.login-form{gap:14px}.login-form label{color:var(--text);font-size:13px;font-weight:700}.login-form input{border:1px solid var(--border);width:100%;height:40px;color:var(--text);background:var(--surface);font:inherit;border-radius:8px;padding:0 12px}.form-error,.app-alert{border:1px solid var(--red-200);background:var(--red-50);color:var(--red-700);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:650}.app-alert{margin:0}.app-alert.success{border-color:var(--green-200);background:var(--green-50);color:var(--green-700)}.demo-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.login-preview{justify-content:center;align-items:center;display:flex}.preview-shell{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(100%,760px);min-height:460px;overflow:hidden;box-shadow:0 24px 70px #1018281f}.preview-main{padding:22px}.preview-top{background:var(--slate-50);border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:56px;margin-bottom:22px;padding:12px 14px;display:flex}.preview-top strong{color:var(--text)}.preview-board{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.preview-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.preview-card strong,.preview-card small{display:block}.preview-card small{color:var(--muted);margin-top:2px;font-size:13px}.preview-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.preview-grid span{border:1px solid var(--green-200);background:var(--green-50);border-radius:8px;height:54px}.preview-grid span.booked{border-color:var(--blue-200);background:var(--blue-50)}.preview-grid span.cancelled{border-color:var(--red-200);background:var(--red-50)}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:20px 14px}.brand{align-items:center;gap:12px;padding:8px 8px 24px;display:flex}.brand-mark,.avatar,.doctor-avatar,.patient-avatar{flex:none;justify-content:center;align-items:center;display:inline-flex}.brand-mark{background:var(--blue-600);color:#fff;border-radius:8px;width:38px;height:38px}.brand strong,.doctor-card strong,.patient-card strong,.compact-row strong{color:var(--text);font-weight:650;display:block}.brand span,.doctor-card small,.patient-card small,.compact-row small,.subtle{color:var(--muted);font-size:13px;display:block}.nav-list{gap:4px;display:grid}.nav-item{width:100%;min-height:40px;color:var(--muted);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.nav-item:hover,.nav-item.active{background:var(--blue-50);color:var(--blue-700)}.nav-item.muted{cursor:default}.workspace{grid-template-rows:auto auto minmax(0,1fr);min-width:0;display:grid}.alert-stack{gap:8px;padding:16px 24px 0;display:grid}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}h1,h2{color:var(--text);letter-spacing:0;margin:0}h1{font-size:24px;line-height:1.15}h2{font-size:18px;line-height:1.2}.topbar-actions{align-items:center;gap:12px;display:flex}.search-field{border:1px solid var(--border);background:var(--surface);width:320px;height:40px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-field.compact{width:260px}.search-field input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.user-menu,.icon-button,.icon-text-button,.secondary-button,.primary-button,.segmented button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;font-size:14px;font-weight:650}.user-menu{align-items:center;gap:8px;height:40px;padding:0 10px;display:inline-flex}.avatar{background:var(--slate-100);width:26px;height:26px;color:var(--slate-700);border-radius:50%;font-size:11px;font-weight:800}.screen-grid{gap:16px;min-height:0;padding:24px}.reception-grid{grid-template-columns:300px minmax(520px,1fr) 320px;display:grid}.admin-grid{grid-template-columns:minmax(560px,1fr) 360px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px}.doctor-panel,.details-panel,.inspector-panel{padding:18px}.schedule-panel,.table-panel{padding:18px;overflow:auto}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-heading{border-bottom:1px solid var(--border);align-items:flex-start;padding-bottom:16px}.page-hint{max-width:420px;color:var(--muted);text-align:right;margin:0;font-size:13px;font-weight:600;line-height:1.45}.schedule-title-row{align-items:center}.icon-button{width:34px;height:34px;color:var(--muted);justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-text-button{height:40px;color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.icon-text-button:disabled,.primary-button:disabled,.secondary-button:disabled,.slot-cell:disabled{cursor:not-allowed;opacity:.62}.field-label,.section-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:750;display:block}.control{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text);font:inherit;border-radius:8px;padding:0 10px;font-size:14px}input,select,textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px}textarea{resize:vertical;min-height:96px;padding:10px 12px}.doctor-list,.compact-list,.stack{gap:10px;display:grid}.doctor-list{margin-top:14px}.department-picker{gap:8px;margin-bottom:16px;display:grid}.department-pill{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.department-pill:hover,.department-pill.active{border-color:var(--blue-300);background:var(--blue-50)}.department-pill strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.department-pill span{color:var(--muted);flex:none;font-size:12px;font-weight:700}.doctor-card,.compact-row,.patient-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.doctor-card{cursor:pointer;text-align:left;width:100%}.doctor-card.selected{border-color:var(--blue-300);background:var(--blue-50)}.doctor-card>span:nth-child(2){flex:1;min-width:0}.doctor-avatar,.patient-avatar{background:var(--slate-100);width:34px;height:34px;color:var(--slate-700);border-radius:8px;font-size:12px;font-weight:800}.metric-row,.toolbar,.segmented,.inspector-stats{align-items:center;gap:8px;display:flex}.toolbar{justify-content:space-between;margin-bottom:14px}.inline-form,.form-grid{gap:10px;display:grid}.inline-form{border:1px solid var(--border);background:var(--slate-50);border-radius:8px;grid-template-columns:repeat(3,minmax(130px,1fr));align-items:end;min-width:min(100%,560px);padding:12px}.inline-form input,.inline-form select,.form-grid input,.form-grid select{width:100%;min-height:38px;padding:0 10px}.inline-form label,.form-grid label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:750;display:grid}.schedule-form{grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(90px,.7fr)) auto;margin-bottom:14px}.metric{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:2px;min-width:86px;padding:8px 10px;display:grid}.metric span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.metric strong{color:var(--text);font-size:17px}.metric-blue{border-color:var(--blue-200)}.metric-green{border-color:var(--green-200)}.metric-red{border-color:var(--red-200)}.schedule-grid{grid-template-columns:82px repeat(5,minmax(128px,1fr));gap:8px;display:grid}.schedule-scroll{max-height:calc(100vh - 260px);padding-right:4px;overflow:auto}.grid-corner,.day-cell,.time-cell,.slot-cell{border:1px solid var(--border);border-radius:8px}.grid-corner,.day-cell,.time-cell{background:var(--slate-50);min-height:38px;color:var(--muted);text-transform:uppercase;justify-content:center;align-items:center;font-size:12px;font-weight:750;display:flex}.day-cell{flex-direction:column;gap:2px}.day-cell.today{border-color:var(--blue-300);background:var(--blue-50);color:var(--blue-700)}.day-cell small{font-size:10px}.time-cell{min-height:66px}.slot-cell{background:var(--surface);min-height:66px;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-content:center;gap:4px;padding:10px;display:grid}.slot-cell span{font-size:13px;font-weight:800}.slot-cell small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.slot-cell.available{border-color:var(--green-200);background:var(--green-50)}.slot-cell.booked{border-color:var(--blue-200);background:var(--blue-50)}.slot-cell.cancelled{border-color:var(--red-200);background:var(--red-50)}.slot-cell.past,.slot-cell.empty{background:var(--slate-50);color:var(--muted);cursor:default;opacity:.72}.empty-state{border:1px dashed var(--border);color:var(--muted);border-radius:8px;padding:16px;font-size:13px;line-height:1.45}.skeleton-list{gap:8px;margin-top:12px;display:grid}.skeleton-list span{background:linear-gradient(90deg, var(--slate-50), var(--slate-100), var(--slate-50));background-size:220% 100%;border-radius:8px;height:42px;animation:1.2s ease-in-out infinite skeleton-pulse;display:block}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.status-badge{border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 8px;font-size:12px;font-weight:750;display:inline-flex}.status-badge.success{background:var(--green-50);color:var(--green-700)}.status-badge.muted{background:var(--slate-100);color:var(--muted)}.status-badge.blue{background:var(--blue-50);color:var(--blue-700)}.patient-card{margin-bottom:18px}.detail-list{gap:0;margin:0 0 18px;display:grid}.detail-list div{border-top:1px solid var(--border);grid-template-columns:92px minmax(0,1fr);gap:8px;padding:12px 0;display:grid}.detail-list dt{color:var(--muted);font-size:13px;font-weight:650}.detail-list dd{color:var(--text);margin:0;font-size:13px;font-weight:650}.primary-button,.secondary-button{justify-content:center;align-items:center;min-height:38px;padding:0 12px;display:inline-flex}.primary-button{border-color:var(--blue-600);background:var(--blue-600);color:#fff}.secondary-button:hover,.icon-button:hover,.user-menu:hover{border-color:var(--slate-300);background:var(--slate-50)}.secondary-button.danger{border-color:var(--red-200);color:var(--red-700)}.segmented{border:1px solid var(--border);background:var(--slate-50);border-radius:8px;padding:3px}.segmented button{height:30px;color:var(--muted);background:0 0;border:0;padding:0 10px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;padding:13px 12px}.data-table th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.data-table tr{cursor:pointer}.data-table tbody tr:hover,.selected-row{background:var(--blue-50)}.inspector-stats{margin-bottom:20px}.section-label{margin-top:4px}.activity-label{margin-top:18px}.activity-list{gap:8px;display:grid}.activity-row{border:1px solid var(--border);background:var(--slate-50);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.activity-row strong{color:var(--text);font-size:13px}.activity-row small{color:var(--muted);font-size:12px;font-weight:700}.table-select,.table-input{width:100%;min-height:34px;padding:0 9px}.table-actions,.compact-inline{align-items:center;gap:8px;display:flex}.cell-stack{gap:4px;display:grid}.cell-stack small{color:var(--red-700);font-size:12px;font-weight:650}.compact-inline{background:0 0;border:0;grid-template-columns:minmax(120px,1fr) auto;min-width:0;padding:0}.compact-action{white-space:nowrap;min-height:32px}.inline-error{margin-top:12px}.summary-box{border:1px solid var(--blue-200);background:var(--blue-50);border-radius:8px;gap:3px;padding:12px;display:grid}.summary-box.danger{border-color:var(--red-200);background:var(--red-50)}.summary-box strong{color:var(--text)}.summary-box span{color:var(--muted);font-size:13px}.modal-backdrop{z-index:40;background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(100%,460px);box-shadow:0 24px 80px #0f172a3d}.modal.danger{border-color:var(--red-200)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.modal-body{gap:14px;padding:18px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=1180px){.reception-grid,.admin-grid{grid-template-columns:1fr}.details-panel,.inspector-panel{order:3}}@media (width<=820px){.login-page{grid-template-columns:1fr;padding:24px}.login-preview{display:none}.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--border);position:sticky;top:0}.nav-list{grid-template-columns:repeat(3,1fr)}.nav-item.muted{display:none}.topbar,.topbar-actions,.toolbar,.schedule-title-row,.page-heading{flex-direction:column;align-items:stretch}.page-hint{text-align:left;max-width:none}.search-field,.search-field.compact{width:100%}.screen-grid{padding:14px}.schedule-grid{grid-template-columns:72px repeat(5,120px);overflow-x:auto}.inline-form,.schedule-form{grid-template-columns:1fr}}