:root{--bg: #0f172a;--panel: #111827;--accent: #2563eb;--accent-2: #22c55e;--accent-3: #ef4444;--text: #e5e7eb;--muted: #9ca3af;--border: #1f2937}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.center{min-height:100%;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 10px 20px #00000059}.title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;margin-bottom:16px}.title img{width:28px;height:28px}.input{width:100%;background:#0b1220;border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:8px;outline:none}.input+.input{margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid transparent;cursor:pointer;color:#fff}.btn-primary{background:var(--accent)}.btn-secondary{background:#374151}.btn-success{background:var(--accent-2)}.btn-danger{background:var(--accent-3)}.row{display:flex;gap:10px;margin-top:14px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border);background:#0b1220}.header-left{display:flex;align-items:center;gap:10px;font-weight:600}.header-left img{width:28px;height:28px}.grid{display:grid;grid-template-columns:1fr;gap:14px;padding:20px 24px}.hour-box{border:1px solid var(--border);background:var(--panel);border-radius:12px;overflow:hidden}.hour-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:14px}.patients{padding:10px;display:flex;flex-direction:column;gap:10px}.patient{border:1px solid var(--border);background:#0b1220;border-radius:10px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px}.patient-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.fullname{font-size:16px;font-weight:700}.meta{font-size:13px;color:var(--muted)}.actions{display:flex;gap:8px;align-items:center}.status-badge{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center}.modal{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.modal-title{font-size:18px;font-weight:600}.modal-content{margin:10px 0 16px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.export-area{background:#fff;color:#000;padding:20px}@media (max-width: 1200px){.grid{grid-template-columns:1fr}}@media (max-width: 900px){.grid{grid-template-columns:1fr}}@media (max-width: 600px){.grid{grid-template-columns:1fr}}