@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-color:var(--bg-primary);color:var(--text-primary);--transition-speed:.2s;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--primary-hue:195;--primary-saturation:85%;--primary-lightness:45%;--accent-hue:215;--primary:hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));--primary-hover:hsl(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) - 8%));--primary-light:hsl(var(--primary-hue), var(--primary-saturation), 95%);--primary-glow:hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .15);--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -2px #0000000a;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-primary:#0b0f19;--bg-secondary:#121824;--bg-tertiary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--primary-light:hsl(var(--primary-hue), var(--primary-saturation), 12%);--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 6px -1px #00000040;--shadow-lg:0 10px 15px -3px #0000004d}}.theme-ocean_breeze{--primary-hue:195;--primary-saturation:85%;--primary-lightness:45%}.theme-royal_amethyst{--primary-hue:265;--primary-saturation:75%;--primary-lightness:52%}.theme-emerald_healing{--primary-hue:145;--primary-saturation:70%;--primary-lightness:38%}.theme-sunset_glow{--primary-hue:25;--primary-saturation:90%;--primary-lightness:48%}.theme-crimson_pulse{--primary-hue:350;--primary-saturation:80%;--primary-lightness:48%}.theme-slate_elegance{--primary-hue:215;--primary-saturation:25%;--primary-lightness:27%}.theme-midnight_oasis{--primary-hue:220;--primary-saturation:80%;--primary-lightness:25%;--accent-hue:45}.theme-nordic_frost{--primary-hue:205;--primary-saturation:70%;--primary-lightness:55%}.theme-terracotta_earth{--primary-hue:15;--primary-saturation:60%;--primary-lightness:45%}.theme-neon_cyber{--primary-hue:85;--primary-saturation:100%;--primary-lightness:50%;--bg-primary:#06060c;--bg-secondary:#0d0e1b;--bg-tertiary:#191b35;--text-primary:#f0f3ff;--text-secondary:#a5b4fc;--text-muted:#6366f1;--border-color:#2e3056}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:inherit;overflow-x:hidden}.master-header{color:#f8fafc;height:52px;font-size:var(--font-size-sm);z-index:1000;background-color:#0f172a;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:relative}.master-logo{letter-spacing:.5px;color:#38bdf8;align-items:center;gap:8px;font-weight:800;display:flex}.master-logo span{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.master-nav-tabs{gap:4px;display:flex}.master-tab{color:#cbd5e1;cursor:pointer;transition:all var(--transition-speed);background:0 0;border:1px solid #0000;border-radius:20px;padding:6px 14px;font-weight:500}.master-tab:hover{color:#f8fafc;background:#1e293b}.master-tab.active{color:#38bdf8;background:#334155;border-color:#475569}.master-controls{align-items:center;gap:16px;display:flex}.demo-badge{color:#facc15;font-size:var(--font-size-xs);background:#eab30826;border:1px solid #eab3084d;border-radius:4px;padding:2px 8px;font-weight:600}.live-badge{color:#4ade80;font-size:var(--font-size-xs);background:#22c55e26;border:1px solid #22c55e4d;border-radius:4px;padding:2px 8px;font-weight:600}.app-container{height:calc(100vh - 52px);display:flex;overflow:hidden}.main-content{background-color:var(--bg-primary);flex:1;position:relative;overflow-y:auto}.layout-modern{padding:1.5rem}.layout-modern .dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.layout-modern .card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-speed), box-shadow var(--transition-speed);padding:1.5rem}.layout-modern .card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.layout-glassmorphic{background:linear-gradient(135deg, var(--bg-primary) 0%, hsl(var(--primary-hue), 30%, 94%) 100%);padding:2rem}@media (prefers-color-scheme:dark){.layout-glassmorphic{background:linear-gradient(135deg, var(--bg-primary) 0%, #111425 100%)}}.layout-glassmorphic .card{-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:var(--border-radius-lg);background:#ffffffa6;border:1px solid #fff6;padding:1.5rem;box-shadow:0 8px 32px #1f26870a}@media (prefers-color-scheme:dark){.layout-glassmorphic .card{background:#1218268c;border:1px solid #ffffff0f;box-shadow:0 8px 32px #0003}}.layout-glassmorphic .card:hover{border-color:hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .4)}.layout-classic{max-width:1200px;margin:0 auto;padding:1.5rem}.layout-classic .card{background:var(--bg-secondary);border-top:4px solid var(--primary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);padding:1.5rem}.phr-panel{border-left:1px solid var(--border-color);background-color:var(--bg-tertiary);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:420px;padding:1rem;display:flex;overflow-y:auto}@media (width<=1024px){.phr-panel{display:none}}.phone-shell{width:375px;height:740px;box-shadow:var(--shadow-lg), 0 25px 50px -12px #00000040;background-color:#0f172a;border:12px solid #1e293b;border-radius:40px;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:999;background-color:#1e293b;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:140px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{color:#0f172a;background-color:#f1f5f9;border-radius:28px;flex-direction:column;flex:1;padding-top:10px;display:flex;position:relative;overflow:hidden auto}@media (prefers-color-scheme:dark){.phone-screen{color:#f8fafc;background-color:#0b0f19}}.phone-screen::-webkit-scrollbar{width:4px}.phone-screen::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.btn{font-size:var(--font-size-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-speed);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:.5rem 1rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--primary-glow) 0px 0px 8px}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.form-group{margin-bottom:1rem}.form-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px;font-weight:600;display:block}.form-input,input,select,textarea{border-radius:var(--border-radius-md);border:1px solid var(--border-color);width:100%;font-size:var(--font-size-sm);transition:border-color var(--transition-speed);background-color:#0f172a;outline:none;padding:.6rem .8rem;color:#f8fafc!important}.form-input:focus,input:focus,select:focus,textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}input::placeholder,textarea::placeholder{opacity:.8;color:#94a3b8!important}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.table-container{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;margin:1rem 0;overflow-x:auto}table.clinic-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);text-align:left}table.clinic-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:10px 14px;font-weight:600}table.clinic-table td{border-top:1px solid var(--border-color);color:var(--text-primary);background-color:var(--bg-secondary);padding:10px 14px}table.clinic-table tr:hover td{background-color:var(--bg-tertiary)}.badge-status{font-size:var(--font-size-xs);border-radius:20px;padding:2px 8px;font-weight:600;display:inline-block}.badge-status.active{color:#22c55e;background:#22c55e26}.badge-status.pending{color:#eab308;background:#eab30826}.badge-status.danger{color:#ef4444;background:#ef444426}.bed-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;display:grid}.bed-card{border-radius:var(--border-radius-md);border:1px solid var(--border-color);text-align:center;cursor:pointer;transition:all var(--transition-speed);background:var(--bg-secondary);padding:1rem}.bed-card.available{border-left:4px solid #22c55e}.bed-card.occupied{background-color:#3c83f60d;border-left:4px solid #3b82f6}.bed-card.cleaning{border-left:4px solid #eab308}pre.code-json{color:#38bdf8;border-radius:var(--border-radius-md);font-family:monospace;font-size:var(--font-size-xs);background-color:#0f172a;border:1px solid #1e293b;padding:1rem;line-height:1.4;overflow-x:auto}.toast-msg{color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:9999;background-color:#0f172a;border:1px solid #334155;align-items:center;gap:8px;padding:12px 20px;animation:.3s slideIn;display:flex;position:fixed;bottom:24px;right:24px}@keyframes slideIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.vital-metric{background-color:var(--bg-tertiary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);align-items:center;gap:12px;padding:8px 12px;display:flex}.vital-metric span.lbl{color:var(--text-secondary);font-weight:500;font-size:var(--font-size-xs)}.vital-metric span.val{color:var(--text-primary);font-weight:700}