.landing-container{min-height:100vh;background:linear-gradient(135deg,#1a73e8,#0d47a1);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing-content{background:#fff;border-radius:20px;padding:40px 30px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.landing-header{margin-bottom:40px}.app-icon{width:80px;height:80px;background:linear-gradient(135deg,#1a73e8,#0d47a1);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:48px;font-weight:700;color:#fff}.landing-header h1{font-size:32px;margin:0 0 10px;color:#1a1a1a}.tagline{font-size:16px;color:#666;margin:0}.features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0;text-align:left}.feature-item{padding:20px;background:#f5f5f5;border-radius:12px;transition:transform .2s}.feature-item:hover{transform:translateY(-5px)}.feature-icon{font-size:32px;margin-bottom:10px}.feature-item h3{font-size:14px;margin:10px 0 5px;color:#1a1a1a}.feature-item p{font-size:12px;color:#666;margin:0}.installation-section{background:#e3f2fd;border-radius:12px;padding:20px;margin:30px 0;border-left:4px solid #1a73e8}.install-prompt{font-size:14px;color:#1a1a1a;margin:0 0 15px;font-weight:500}.install-button{width:100%;padding:14px 20px;background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:10px}.install-button:active{transform:scale(.98)}.install-button:hover{box-shadow:0 8px 16px #1a73e84d}.install-hint{font-size:12px;color:#0d47a1;margin:0}.browser-hint{font-size:12px;color:#0d47a1;margin:0;padding:10px;background:#fff;border-radius:6px}.installed-message{font-size:14px;color:#2e7d32;margin:0;padding:10px;background:#e8f5e9;border-radius:6px}.continue-button{display:inline-block;width:100%;padding:14px 20px;background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;margin:20px 0;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none}.continue-button:active{transform:scale(.98)}.continue-button:hover{box-shadow:0 8px 16px #1a73e84d}.landing-footer{border-top:1px solid #eee;padding-top:20px;margin-top:20px}.landing-footer p{font-size:12px;color:#999;margin:5px 0}.version{font-weight:600;color:#1a73e8}@media (max-width: 500px){.landing-content{padding:30px 20px}.features{grid-template-columns:1fr}.landing-header h1{font-size:28px}}@media (prefers-color-scheme: dark){.landing-content{background:#1e1e1e;color:#fff}.landing-header h1,.feature-item h3{color:#fff}.feature-item{background:#2d2d2d}.landing-footer p{color:#888}.installation-section{background:#1a3a52}.browser-hint,.install-prompt{color:#90caf9}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:400px}.auth-card h1{margin:0 0 10px;color:#333;font-size:28px;text-align:center}.subtitle{text-align:center;color:#666;margin:0 0 30px;font-size:14px}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}form{display:flex;flex-direction:column;gap:20px}.form-group label{margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-button{padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.test-credentials{text-align:center;font-size:12px;color:#999;margin:20px 0 0}.demo-section{margin-top:30px;padding-top:30px;border-top:1px solid #eee}.demo-label{text-align:center;font-size:13px;color:#666;font-weight:500;margin:0 0 12px}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-button{padding:10px;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.demo-button:hover:not(:disabled){background:#e8e8e8;border-color:#bbb}.demo-button:active:not(:disabled){transform:scale(.98)}.demo-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 500px){.demo-buttons{grid-template-columns:1fr}}.dashboard{min-height:100vh;background:#f5f5f5}.dashboard-header{background:#fff;padding:20px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{margin:0;color:#333}.logout-button{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.logout-button:hover{background:#d32f2f}.dashboard-content{padding:20px;max-width:1200px;margin:0 auto}section{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}section h2{margin-top:0;color:#333;border-bottom:2px solid #667eea;padding-bottom:10px}.queue-display{display:flex;flex-direction:column;gap:15px}.queue-count{font-size:16px;color:#666}.patient-list{display:flex;flex-direction:column;gap:10px}.patient-card{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #eee;border-radius:6px;background:#fafafa}.patient-card .position{width:40px;height:40px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.patient-card .info{flex:1}.patient-card h3{margin:0;color:#333}.patient-card .status{margin:5px 0 0;color:#999;font-size:14px}.no-patients{text-align:center;color:#999;padding:20px}.loading{text-align:center;padding:20px;color:#666}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:15px}.refresh-button{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer}.refresh-button:hover{background:#5568d3}.coming-soon{text-align:center;padding:40px 20px;color:#999}.info-section{text-align:center}.info-section p{color:#666}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab-button{padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#666}.tab-button.active{background:#667eea;color:#fff;border-color:#667eea}.tab-button:hover:not(.active){background:#f5f5f5}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid #eee}.data-table th{color:#666;font-size:13px;text-transform:uppercase}.role-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#e8eaf6;color:#3f51b5}.role-admin{background:#fce4ec;color:#c2185b}.role-doctor{background:#e3f2fd;color:#1976d2}.role-nurse{background:#e0f2f1;color:#00796b}.role-patient{background:#fff3e0;color:#e65100}.status-active{color:#2e7d32;font-weight:500}.status-inactive{color:#c62828;font-weight:500}.alert-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border:1px solid #eee;border-radius:6px;background:#fafafa}.alert-info h3{margin:0 0 6px;color:#333;text-transform:capitalize}.alert-info p{margin:4px 0;color:#555;font-size:14px}.alert-time{color:#999!important;font-size:12px!important}.ack-button{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap}.ack-button:hover{background:#5568d3}.success-message{background:#e8f5e9;color:#2e7d32;padding:12px;border-radius:6px;margin-bottom:15px}.vitals-form{display:flex;flex-direction:column;gap:16px;max-width:500px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;color:#333;font-weight:500;font-size:14px}.form-group input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff}@media (max-width: 500px){.form-row{grid-template-columns:1fr}.tabs{flex-wrap:wrap}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333}html,body,#root{height:100%}