:root{--bg: #f5f3ee;--bg-card: #ffffff;--bg-sidebar: #1a1f2e;--bg-sidebar-hover: #2a3142;--ink: #1a1f2e;--ink-soft: #4a5168;--ink-mute: #8a91a4;--line: #e2dfd6;--line-strong: #c9c5b8;--accent: #2d5f4e;--accent-soft: #d8e6df;--warn: #b8541e;--warn-soft: #f5e3d4;--danger: #a83232;--danger-soft: #f5dada;--info: #2c5e8a;--info-soft: #d6e6f2;--token-bg: #1a1f2e;--serif: "Fraunces", Georgia, serif;--sans: "Inter Tight", sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.5;font-size:14px}.doc-header{background:var(--ink);color:var(--bg);padding:32px 48px;border-bottom:4px solid var(--accent)}.doc-header h1{font-family:var(--serif);font-size:42px;font-weight:500;letter-spacing:-.02em;margin-bottom:8px}.doc-header h1 em{font-style:italic;color:#a8c7b8}.doc-header .meta{font-family:var(--mono);font-size:12px;color:#a8b0c0;text-transform:uppercase;letter-spacing:.1em}.doc-nav{background:#fff;border-bottom:1px solid var(--line);padding:16px 48px;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000a}.doc-nav-inner{display:flex;flex-wrap:wrap;gap:8px;max-width:1400px;margin:0 auto}.doc-nav a{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);text-decoration:none;padding:6px 12px;border:1px solid var(--line);border-radius:4px;background:var(--bg);transition:all .15s}.doc-nav a:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pages-container{max-width:1400px;margin:0 auto;padding:48px}.page-section{margin-bottom:80px;scroll-margin-top:80px}.page-section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--ink)}.page-section-header h2{font-family:var(--serif);font-size:32px;font-weight:500;letter-spacing:-.01em}.page-section-header p{color:var(--ink-soft);margin-top:4px;font-size:14px}.page-mockup{background:var(--bg-card);border:1px solid var(--line-strong);border-radius:8px;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 12px #0000000a}.page-mockup-label{background:var(--ink);color:var(--bg);padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.page-mockup-label .title{font-family:var(--serif);font-size:18px;font-weight:500}.page-mockup-label .meta{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#a8b0c0}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:600px}.app-sidebar{background:var(--bg-sidebar);color:#d4d8e0;padding:20px 0}.app-logo{padding:0 20px 20px;border-bottom:1px solid #2a3142;margin-bottom:16px}.app-logo-name{font-family:var(--serif);font-size:22px;font-weight:600;color:#fff}.app-logo-name em{color:#a8c7b8;font-style:italic}.app-logo-role{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8a91a4;margin-top:2px}.app-nav-section{padding:8px 0}.app-nav-section-title{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#5a6178;padding:8px 20px 4px}.app-nav-item{padding:8px 20px;font-size:13px;color:#c4c8d0;cursor:pointer;border-left:3px solid transparent;display:flex;align-items:center;gap:10px}.app-nav-item:hover{background:#2a3142}.app-nav-item.active{background:#2a3142;color:#fff;border-left-color:var(--accent)}.app-nav-icon{width:16px;display:inline-block;text-align:center;opacity:.8;font-size:12px}.app-main{background:var(--bg);padding:24px 32px;overflow:hidden}.app-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.app-topbar h1{font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:-.01em}.app-topbar h1 em{font-style:italic;color:var(--accent)}.app-topbar-right{display:flex;gap:12px;align-items:center}.user-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid var(--line);border-radius:20px;font-size:12px}.user-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.btn{padding:8px 16px;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--sans)}.btn-secondary{background:#fff;color:var(--ink)}.btn-accent{background:var(--accent);border-color:var(--accent)}.btn-warn{background:var(--warn);border-color:var(--warn)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-sm{padding:4px 10px;font-size:11px}.data-table td .btn+.btn{margin-left:6px}.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px}.card-title{font-family:var(--serif);font-size:16px;font-weight:500;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.card-title .meta{font-family:var(--mono);font-size:10px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.1em;font-weight:400}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px}.stat-card .label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);margin-bottom:4px}.stat-card .value{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1}.stat-card .delta{font-size:11px;color:var(--ink-soft);margin-top:4px}.stat-card .delta.up{color:var(--accent)}.stat-card .delta.down{color:var(--danger)}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th{text-align:left;padding:10px 12px;background:var(--bg);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:500;border-bottom:1px solid var(--line)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px}.data-table tr:hover{background:#fafaf7}.token{display:inline-flex;align-items:center;justify-content:center;background:var(--token-bg);color:#fff;font-family:var(--mono);font-weight:600;padding:4px 10px;border-radius:3px;font-size:13px;letter-spacing:.05em;min-width:40px}.token.priority{background:var(--warn)}.token.large{font-size:18px;padding:8px 16px;min-width:60px}.token.huge{font-size:36px;padding:16px 28px;min-width:100px}.badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:500;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}.badge.scheduled{background:#e8e8e8;color:#5a5a5a}.badge.arrived{background:var(--info-soft);color:var(--info)}.badge.in-progress{background:var(--warn-soft);color:var(--warn)}.badge.completed{background:var(--accent-soft);color:var(--accent)}.badge.cancelled{background:var(--danger-soft);color:var(--danger)}.badge.no-show{background:#f0d4d4;color:#6b1f1f}.badge.priority{background:var(--warn);color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=password],input[type=search],input[type=date],input[type=time],select,textarea{padding:8px 12px;border:1px solid var(--line-strong);border-radius:6px;font-family:var(--sans);font-size:13px;color:var(--ink);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2d5f4e1f}input:disabled,select:disabled,textarea:disabled{background:#f5f6f8;color:#9aa0ac;cursor:not-allowed}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.queue-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.queue-column{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.queue-column-header{padding:12px 16px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center}.queue-column-header .who{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.queue-column-header .name{font-family:var(--serif);font-weight:500}.queue-column-header .room{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.queue-column-header .count{font-family:var(--mono);font-size:11px;background:#ffffff26;padding:2px 8px;border-radius:10px}.queue-now{padding:16px;background:var(--accent);color:#fff;text-align:center;border-bottom:1px solid var(--line)}.queue-now-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:4px}.queue-now-name{font-family:var(--serif);font-size:18px;font-weight:500}.queue-item{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;cursor:grab}.queue-item:hover{background:#fafaf7}.queue-item:last-child{border-bottom:none}.queue-item .name{font-size:13px;flex:1}.queue-item .wait{font-family:var(--mono);font-size:11px;color:var(--ink-mute)}.queue-empty{padding:32px 16px;text-align:center;color:var(--ink-mute);font-size:12px;font-style:italic}.calendar{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.calendar-header{display:grid;grid-template-columns:80px repeat(5,1fr);background:var(--bg);border-bottom:1px solid var(--line)}.calendar-header>div{padding:10px 8px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);border-right:1px solid var(--line);text-align:center}.calendar-row{display:grid;grid-template-columns:80px repeat(5,1fr);border-bottom:1px solid var(--line);min-height:40px}.calendar-row>div{border-right:1px solid var(--line);padding:4px;position:relative}.calendar-time{font-family:var(--mono);font-size:11px;color:var(--ink-mute);text-align:center;background:var(--bg);padding-top:8px!important}.calendar-slot{background:var(--accent-soft);border-left:3px solid var(--accent);padding:4px 6px!important;font-size:11px;margin:1px;border-radius:2px}.calendar-slot.warn{background:var(--warn-soft);border-left-color:var(--warn)}.calendar-slot.info{background:var(--info-soft);border-left-color:var(--info)}.calendar-slot .name{font-weight:500;font-size:11px}.calendar-slot .type{color:var(--ink-soft);font-size:10px}.notif-rule{display:grid;grid-template-columns:30px 1fr 200px 100px;gap:16px;padding:12px;border:1px solid var(--line);border-radius:4px;margin-bottom:8px;background:#fff;align-items:center}.toggle{width:36px;height:20px;background:var(--accent);border-radius:10px;position:relative;cursor:pointer}.toggle:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;right:2px;transition:.2s}.toggle.off{background:#ccc}.toggle.off:after{right:auto;left:2px}.template-editor{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.template-tabs{display:flex;background:var(--bg);border-bottom:1px solid var(--line)}.template-tab{padding:10px 16px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-bottom:2px solid transparent;color:var(--ink-soft)}.template-tab.active{background:#fff;color:var(--ink);border-bottom-color:var(--accent)}.template-body{padding:16px}.template-textarea{width:100%;min-height:100px;padding:12px;border:1px solid var(--line-strong);border-radius:4px;font-family:var(--mono);font-size:12px;line-height:1.6;resize:vertical}.placeholder-pills{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.placeholder-pill{background:var(--info-soft);color:var(--info);padding:3px 8px;border-radius:3px;font-family:var(--mono);font-size:11px;cursor:pointer;border:1px solid transparent}.placeholder-pill:hover{border-color:var(--info)}.consult-layout{display:grid;grid-template-columns:1fr 320px;gap:20px}.consult-main{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px}.patient-banner{display:flex;gap:20px;align-items:center;padding:16px;background:var(--bg);border-radius:6px;margin-bottom:20px}.patient-banner .avatar{width:60px;height:60px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:24px;font-weight:500}.patient-banner .info h2{font-family:var(--serif);font-size:22px;font-weight:500;margin-bottom:2px}.patient-banner .info .meta{font-size:12px;color:var(--ink-soft)}.visit-history-item{padding:12px 0;border-bottom:1px solid var(--line)}.visit-history-item:last-child{border-bottom:none}.visit-history-item .header{display:flex;justify-content:space-between;margin-bottom:4px}.visit-history-item .date{font-family:var(--mono);font-size:11px;color:var(--ink-mute)}.visit-history-item .type{font-weight:500;font-size:13px}.visit-history-item .notes{font-size:12px;color:var(--ink-soft);margin-top:4px;line-height:1.5}.login-page{background:linear-gradient(135deg,#1a1f2e,#2d5f4e);height:600px;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;padding:48px 40px;border-radius:8px;width:380px;box-shadow:0 20px 60px #0000004d}.login-card .logo{font-family:var(--serif);font-size:32px;font-weight:500;text-align:center;margin-bottom:4px}.login-card .logo em{font-style:italic;color:var(--accent)}.login-card .tagline{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;text-align:center;color:var(--ink-mute);margin-bottom:32px}.mobile-row{display:flex;gap:24px;overflow-x:auto;padding-bottom:16px}.mobile-frame{width:320px;flex-shrink:0;background:#fff;border:8px solid #1a1f2e;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #00000026}.mobile-screen{height:560px;overflow-y:auto;background:var(--bg)}.mobile-header{background:var(--ink);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.mobile-header h3{font-family:var(--serif);font-weight:500;font-size:16px}.mobile-content{padding:16px}.mobile-label{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);text-align:center;margin-top:12px}.kiosk-frame{background:#eef2ee;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006;aspect-ratio:16/9;color:#16241d;position:relative;font-family:var(--sans)}.kiosk-bezel{background:#000;padding:12px;border-radius:16px;box-shadow:0 30px 80px #00000080}.kiosk-tv-stand{width:200px;height:24px;background:linear-gradient(180deg,#2a2a2a,#0a0a0a);margin:0 auto;border-radius:0 0 8px 8px}.kiosk-tv-base{width:320px;height:12px;background:linear-gradient(180deg,#1a1a1a,#000);margin:0 auto;border-radius:4px}.kiosk-header{background:#fff;padding:18px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:4px solid #2d6a4f;box-shadow:0 2px 10px #0000000d}.kiosk-header-center{text-align:center}.kiosk-header-info{justify-self:end;text-align:right;font-family:var(--mono);font-size:clamp(20px,2.1vw,32px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#12503b}.kiosk-clinic-name{font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:-.01em;color:#16241d}.kiosk-clinic-name em{font-style:italic;color:#2d6a4f}.kiosk-clock{font-family:var(--mono);font-size:clamp(40px,4.6vw,68px);color:#12503b;font-weight:800;line-height:1;letter-spacing:.01em}.kiosk-date{font-family:var(--mono);font-size:clamp(14px,1.4vw,20px);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#2d6a4f;margin-top:6px;text-align:center}.kiosk-grid{padding:24px;display:grid;gap:16px;height:calc(100% - 80px)}.kiosk-grid.cols-2{grid-template-columns:repeat(2,1fr)}.kiosk-grid.cols-3{grid-template-columns:repeat(3,1fr)}.kiosk-grid.cols-4{grid-template-columns:repeat(4,1fr)}.kiosk-doctor-card{background:#fff;border:1px solid #d7ded8;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 14px #14281e0f}.kiosk-doctor-card.calling{border-color:#2d6a4f;animation:kioskCall 1.1s ease-in-out infinite}@keyframes kioskCall{0%,to{box-shadow:0 0 #2d6a4f00,0 4px 14px #14281e0f;background:#fff}50%{box-shadow:0 0 0 8px #2d6a4f47,0 4px 14px #14281e0f;background:#eafaf0}}.kiosk-doctor-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e8e4;padding-bottom:12px}.kiosk-doctor-name{font-family:var(--serif);font-size:23px;font-weight:600;color:#16241d}.kiosk-doctor-room{background:#2d6a4f;color:#fff;padding:8px 18px;border-radius:22px;font-family:var(--mono);font-size:clamp(16px,1.5vw,22px);font-weight:800;letter-spacing:.04em;white-space:nowrap;animation:kioskRoomFlash 2.4s ease-in-out infinite}@keyframes kioskRoomFlash{0%,to{box-shadow:0 0 #2d6a4f00}50%{box-shadow:0 0 0 6px #2d6a4f38}}.kiosk-doctor-status{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px}.kiosk-doctor-status.active{color:#6dac8a}.kiosk-doctor-status.inactive{color:#c98a3a}.kiosk-doctor-status.not-started{color:#5a6178}.kiosk-now-serving{background:#fff;border:2px solid #e3e8e4;padding:18px 12px;border-radius:10px;text-align:center}.kiosk-now-label{font-family:var(--mono);font-size:clamp(18px,1.9vw,28px);font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:#2d6a4f;margin-bottom:6px}.kiosk-now-token{font-family:var(--mono);font-size:clamp(56px,7vw,116px);font-weight:800;letter-spacing:.02em;line-height:1;color:#14201a}.kiosk-now-serving:not(.kiosk-now-idle){animation:kioskTokenFlash 1.8s ease-in-out infinite}.kiosk-doctor-card.calling .kiosk-now-serving{border-color:#2d6a4f;animation:kioskTokenFlash .9s ease-in-out infinite}@keyframes kioskTokenFlash{0%,to{background:#fff;border-color:#e3e8e4}50%{background:#d7f3e2;border-color:#7fd4a3}}.kiosk-coming-up-label{font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#6a7a70;margin-top:4px}.kiosk-coming-up{display:flex;gap:8px;flex-wrap:wrap}.kiosk-token-pill{background:#f1f5f2;border:1px solid #d4dcd6;color:#24352c;padding:8px 14px;border-radius:6px;font-family:var(--mono);font-weight:700;font-size:20px;letter-spacing:.05em}.kiosk-empty-state{color:#93a099;font-style:italic;font-size:15px;text-align:center;padding:14px}.kiosk-now-idle{background:#f4f6f4;border-color:#e3e8e4}.kiosk-wait-msg{font-family:var(--serif);font-weight:700;font-size:clamp(24px,3vw,52px);line-height:1.12;color:#2f4a3d}.kiosk-hero{padding:24px;display:flex;flex-direction:column;gap:20px;height:calc(100% - 80px)}.kiosk-hero-now{background:#fff;border:2px solid #cfe8d9;border-radius:12px;padding:32px;display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center;flex:1;box-shadow:0 4px 14px #14281e0f}.kiosk-hero-token{font-family:var(--mono);font-size:clamp(120px,16vw,240px);font-weight:800;line-height:1;letter-spacing:.02em;text-align:center;color:#12503b}.kiosk-hero-divider{width:2px;height:80%;background:#dbe4de}.kiosk-hero-room-label{font-family:var(--mono);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#2d6a4f;margin-bottom:8px}.kiosk-hero-room-num{font-family:var(--serif);font-size:72px;font-weight:700;line-height:1;color:#16241d}.kiosk-hero-doctor{font-family:var(--serif);font-size:22px;font-weight:600;margin-top:12px;color:#2f4a3d}.kiosk-hero-coming{background:#fff;border:1px solid #d7ded8;border-radius:10px;padding:14px 20px;display:flex;align-items:center;gap:16px}.kiosk-hero-coming-label{font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#6a7a70;min-width:100px}.kiosk-carousel{padding:24px;height:calc(100% - 80px);display:flex;flex-direction:column;gap:16px}.kiosk-carousel-card{background:#fff;border:1px solid #d7ded8;border-radius:12px;padding:24px;flex:1;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 14px #14281e0f}.kiosk-carousel-dots{display:flex;justify-content:center;gap:8px}.kiosk-carousel-dot{width:8px;height:8px;border-radius:50%;background:#cdd5cf}.kiosk-carousel-dot.active{background:#2d6a4f}.info-strip{background:var(--info-soft);border-left:3px solid var(--info);padding:12px 16px;border-radius:0 4px 4px 0;font-size:13px;color:var(--info);margin-bottom:20px}.row-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.row-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.legend-section{background:var(--ink);color:#fff;padding:32px 48px;margin-top:40px}.legend-section h3{font-family:var(--serif);font-size:22px;margin-bottom:16px}.legend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;font-size:13px}.legend-item{padding:12px;background:#ffffff0d;border-radius:4px}.legend-item strong{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#a8c7b8;display:block;margin-bottom:4px}body>.app-shell,body>div>.app-shell{min-height:100vh}.app-sidebar{display:flex;flex-direction:column}.app-sidebar>*:not(:last-child){flex-shrink:0}.app-nav-item.active{background:#ffffff0f;border-left:3px solid #6dac8a}a.app-nav-item:hover{background:#ffffff0a}.empty-hint{padding:60px 40px;text-align:center;color:var(--ink-mute);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;background:#fff;border:1px dashed var(--line-strong);border-radius:8px;margin-top:24px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.switch{display:inline-block;position:relative;width:40px;height:22px}.switch input{display:none}.switch-slider{position:absolute;cursor:pointer;inset:0;background:#c9c5b8;border-radius:22px;transition:.2s}.switch-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.switch-slider{background:#2d5f4e}.switch input:checked+.switch-slider:before{transform:translate(18px)}.form-field{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field label{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:6px;font-weight:600}.form-field input,.form-field select,.form-field textarea{width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:5px;font-size:14px;font-family:var(--sans);background:#fff}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2d5f4e1a}.field-hint{font-size:11px;color:var(--ink-mute);margin-top:4px}.required{color:#a83232}html,body{margin:0;padding:0;height:100%;background:var(--bg)}body>.app-shell{min-height:100vh}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap;padding:14px 16px;background:#fff;border:1px solid var(--line-strong);border-radius:6px}.toolbar .preset{padding:6px 12px;border:1px solid var(--line-strong);border-radius:20px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#fff;color:var(--ink-soft)}.toolbar .preset.active{background:var(--accent);color:#fff;border-color:var(--accent)}.toolbar .spacer{flex:1}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card .value{font-size:32px;font-family:var(--serif);font-weight:600;color:var(--ink)}.stat-card .delta.up{color:#2d5f4e}.stat-card .delta.down{color:#a83232}.badge{display:inline-block;padding:3px 8px;border-radius:3px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.badge-green{background:#dfefe4;color:#2d5f4e}.badge-blue{background:#dfe8f2;color:#2c5e8a}.badge-orange{background:#f5e0d0;color:#b8541e}.badge-red{background:#fbe0e0;color:#a83232}.badge-gray{background:#ececea;color:#4a5168}.subheading{font-family:var(--serif);font-size:20px;font-weight:500;margin:32px 0 14px;color:var(--ink)}.cell-muted{color:var(--ink-mute);font-family:var(--mono);font-size:11px}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:160px 1fr 60px;gap:12px;align-items:center;font-size:13px}.bar-track{background:#eee9dd;height:18px;border-radius:3px;position:relative;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#2d5f4e,#4a9d6c);height:100%;border-radius:3px}.bar-value{font-family:var(--mono);font-size:11px;color:var(--ink-soft);text-align:right}.heatmap{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px}.heatmap-cell{padding:8px;text-align:center;font-family:var(--mono);font-size:11px;border-radius:3px;color:#4a5168}.kiosk-viewport{min-height:100vh;margin:0;display:flex;flex-direction:column;background:#fff;color:#1a1f2e}.kiosk-fullscreen{background:#fff;width:100%;flex:1;color:#1a1f2e;display:flex;flex-direction:column;font-family:var(--sans)}.kiosk-fullscreen .kiosk-header{background:linear-gradient(90deg,#fff,#f5f3ee);border-bottom:1px solid #e2dfd6;padding:24px 40px}.kiosk-fullscreen .kiosk-clinic-name{font-size:32px;color:#1a1f2e}.kiosk-fullscreen .kiosk-clinic-name em{color:#2d5f4e}.kiosk-fullscreen .kiosk-clock{font-size:28px;color:#4a5168}.kiosk-fullscreen .kiosk-date{font-size:12px;color:#8a91a4}.kiosk-fullscreen .kiosk-grid{padding:32px;flex:1;display:grid;gap:20px}.kiosk-fullscreen .kiosk-grid.cols-3{grid-template-columns:repeat(3,1fr)}.kiosk-fullscreen .kiosk-doctor-card{padding:20px;background:#fff;border:1px solid #e2dfd6;box-shadow:0 2px 8px #0000000a}.kiosk-fullscreen .kiosk-doctor-card.calling{background:linear-gradient(180deg,#fff,#eef7f1);border-color:#2d5f4e;box-shadow:0 0 0 3px #2d5f4e26,0 4px 16px #2d5f4e33}.kiosk-fullscreen .kiosk-doctor-name{font-size:22px;color:#1a1f2e}.kiosk-fullscreen .kiosk-doctor-status{font-size:11px;color:#4a5168}.kiosk-fullscreen .kiosk-doctor-room{font-size:13px;padding:5px 12px;background:#2d5f4e;color:#fff}.kiosk-fullscreen .kiosk-now-serving{background:linear-gradient(135deg,#eef7f1,#d8e6df);border:1px solid #b8d1c3}.kiosk-fullscreen .kiosk-doctor-card.calling .kiosk-now-serving{background:linear-gradient(135deg,#2d5f4e,#1a4d3e);border-color:#2d5f4e}.kiosk-fullscreen .kiosk-now-label{color:#4a5168}.kiosk-fullscreen .kiosk-doctor-card.calling .kiosk-now-label{color:#cfe0d7}.kiosk-fullscreen .kiosk-now-token{font-size:56px;color:#1a1f2e}.kiosk-fullscreen .kiosk-doctor-card.calling .kiosk-now-token{color:#fff}.kiosk-fullscreen .kiosk-now-room{font-size:17px;color:#4a5168}.kiosk-fullscreen .kiosk-doctor-card.calling .kiosk-now-room{color:#cfe0d7}.kiosk-fullscreen .kiosk-coming-up{border-top:1px solid #e2dfd6}.kiosk-fullscreen .kiosk-coming-up-label{font-size:10px;color:#8a91a4}.kiosk-fullscreen .kiosk-token-pill{font-size:16px;padding:7px 12px;background:#f5f3ee;border:1px solid #e2dfd6;color:#4a5168}.kiosk-fullscreen .kiosk-empty-state{background:#fff;color:#1a1f2e}.kiosk-fullscreen .kiosk-empty-state h2{color:#1a1f2e}.kiosk-fullscreen .kiosk-empty-state p{color:#4a5168}.kiosk-fullscreen .kiosk-page-indicator{color:#4a5168;background:#ffffffe6;border:1px solid #e2dfd6}.kiosk-fullscreen .kiosk-page-dot{background:#c9c5b8}.kiosk-fullscreen .kiosk-page-dot.active{background:#2d5f4e}.kiosk-fullscreen>div[style*="0a1420"]{background:#f5f3ee!important;color:#4a5168!important;border-top:1px solid #e2dfd6!important}.auth-viewport{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ee,#e8ede2);padding:20px;position:relative}.login-container{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:48px 40px;box-shadow:0 12px 40px #0000000f;transition:opacity .3s,transform .3s}.login-container.hidden{opacity:0;transform:scale(.95);pointer-events:none;position:absolute}.login-container .logo{font-family:var(--serif);font-size:42px;font-weight:500;color:var(--ink);letter-spacing:-.02em;text-align:center;margin-bottom:4px}.login-container .logo em{font-style:italic;color:#2d5f4e}.login-container .tagline{text-align:center;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-mute);margin-bottom:40px}.login-container .form-field{display:block;margin-bottom:20px}.login-container .form-field label{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);margin-bottom:6px;font-weight:600}.login-container .form-field input{width:100%;padding:12px 14px;font-size:14px;font-family:var(--sans);border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);transition:border-color .15s}.login-container .form-field input:focus{outline:none;border-color:#2d5f4e;box-shadow:0 0 0 3px #2d5f4e1a}.login-container .form-field input.field-error{border-color:#a83232}.login-container .btn-primary{width:100%;padding:13px;background:#2d5f4e;color:#fff;border:none;border-radius:5px;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.03em;transition:background .15s;margin-top:8px}.login-container .btn-primary:hover{background:#244d3f}.login-container .btn-primary:disabled{background:#a8b0a4;cursor:not-allowed}.login-container .forgot-link{text-align:center;margin-top:20px;font-size:12px}.login-container .forgot-link a{color:#2c5e8a;text-decoration:none}.login-container .forgot-link a:hover{text-decoration:underline}.demo-hint{margin-top:24px;padding:12px 14px;background:#f5f3ee;border:1px dashed #c9c5b8;border-radius:5px;font-size:11px;color:var(--ink-soft);text-align:center;line-height:1.5}.demo-hint strong{color:var(--ink);font-weight:600}.login-loading{display:none;text-align:center;margin-top:16px;font-size:12px;color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}.login-loading.active{display:block}.error-banner{display:none;padding:10px 14px;background:#fbe8e8;color:#a83232;border-radius:5px;font-size:13px;text-align:center;margin-bottom:20px;font-weight:500}.error-banner.active{display:block}.role-picker{width:100%;max-width:960px;opacity:0;transform:scale(.95);pointer-events:none;transition:opacity .4s ease-out,transform .4s ease-out}.role-picker.visible{opacity:1;transform:scale(1);pointer-events:all}.role-picker-header{text-align:center;margin-bottom:36px}.role-picker-header .welcome{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-mute);margin-bottom:8px}.role-picker-header h2{font-family:var(--serif);font-size:36px;font-weight:500;letter-spacing:-.01em;color:var(--ink);margin-bottom:10px}.role-picker-header p{font-size:15px;color:var(--ink-soft);max-width:620px;margin:0 auto;line-height:1.55}.role-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.role-card{display:flex;align-items:center;padding:24px 28px;background:#fff;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);transition:all .2s;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--role-color);transition:width .2s}.role-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:var(--role-color)}.role-card:hover:before{width:6px}.role-card-header{flex-shrink:0;margin-right:20px}.role-card-tag{display:inline-block;background:var(--role-color);color:#fff;padding:6px 12px;border-radius:4px;font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.role-card-body{flex:1}.role-card-body h3{font-family:var(--serif);font-size:20px;font-weight:500;margin-bottom:4px;letter-spacing:-.01em}.role-card-body p{font-size:12px;color:var(--ink-soft);line-height:1.5}.role-card-arrow{font-size:24px;color:var(--role-color);margin-left:16px;opacity:.4;transition:all .2s}.role-card:hover .role-card-arrow{opacity:1;transform:translate(4px)}.role-picker-footer{text-align:center;margin-top:32px}.role-picker-footer a{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-mute);text-decoration:none;cursor:pointer}.role-picker-footer a:hover{color:var(--ink)}a{color:inherit}.spacer{flex:1}html,body{height:100%;margin:0}app-root,app-shell{display:block;min-height:100vh}.app-shell{min-height:100vh}app-sidebar{display:flex;flex-direction:column}app-sidebar>.app-sidebar{flex:1}.app-shell{grid-template-columns:220px minmax(0,1fr)}.app-main{overflow:auto}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}