@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-family: "Outfit", sans-serif;--primary-base: 345;--primary: hsl(var(--primary-base), 75%, 50%);--primary-hover: hsl(var(--primary-base), 85%, 45%);--primary-light: hsl(var(--primary-base), 90%, 96%);--primary-glow: hsla(var(--primary-base), 75%, 50%, .2);--bg-dark: #090d16;--bg-dark-card: #121824;--bg-light: #f8fafc;--bg-light-card: #ffffff;--text-dark: #f8fafc;--text-dark-muted: #94a3b8;--text-light: #0f172a;--text-light-muted: #64748b;--success: #10b981;--success-glow: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .15);--danger: #ef4444;--info: #3b82f6;--info-glow: rgba(59, 130, 246, .15);--border-dark: rgba(255, 255, 255, .08);--border-light: rgba(15, 23, 42, .08);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .05);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 16px -6px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .15), 0 12px 24px -8px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px 0 hsla(var(--primary-base), 75%, 50%, .3);--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-light);color:var(--text-light);overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}body.dark-theme{background-color:var(--bg-dark);color:var(--text-dark)}.app-container{display:flex;min-height:100vh;width:100%}.sidebar{width:280px;background-color:var(--bg-light-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:24px;flex-shrink:0;z-index:100;transition:all var(--transition-normal)}.dark-theme .sidebar{background-color:var(--bg-dark-card);border-right:1px solid var(--border-dark)}.logo-container{display:flex;align-items:center;gap:12px;margin-bottom:40px}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 6px var(--primary-glow))}.logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary),#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{list-style:none;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-light-muted);text-decoration:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.dark-theme .nav-item{color:var(--text-dark-muted)}.nav-item:hover{background-color:var(--primary-light);color:var(--primary)}.dark-theme .nav-item:hover{background-color:#e11d4814;color:var(--primary)}.nav-item.active{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.main-content{flex-grow:1;padding:40px;overflow-y:auto;height:100vh}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:70px;background-color:var(--bg-light-card);border-top:1px solid var(--border-light);z-index:1000;box-shadow:0 -4px 20px #0000000d}.dark-theme .mobile-nav{background-color:var(--bg-dark-card);border-top:1px solid var(--border-dark)}.mobile-nav-list{display:flex;height:100%;justify-content:space-around;align-items:center;list-style:none}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-light-muted);text-decoration:none;font-size:.75rem;font-weight:500;flex:1;padding:8px 0;transition:color var(--transition-fast)}.dark-theme .mobile-nav-item{color:var(--text-dark-muted)}.mobile-nav-item.active{color:var(--primary)}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:40px}.card-stat{background-color:var(--bg-light-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.dark-theme .card-stat{background-color:var(--bg-dark-card);border:1px solid var(--border-dark)}.card-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-light-muted);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.dark-theme .stat-header{color:var(--text-dark-muted)}.stat-icon-wrapper{padding:8px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-value{font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:4px}.stat-desc{font-size:.8125rem;color:var(--text-light-muted)}.dark-theme .stat-desc{color:var(--text-dark-muted)}.page-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.page-title{font-size:1.85rem;font-weight:800;letter-spacing:-.5px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px;color:var(--text-light)}.dark-theme .form-label{color:var(--text-dark)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:var(--bg-light);color:var(--text-light);font-size:.95rem;outline:none;transition:all var(--transition-fast)}.dark-theme .form-input,.dark-theme .form-select,.dark-theme .form-textarea{border:1px solid var(--border-dark);background-color:#ffffff08;color:var(--text-dark)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-glow)}.btn-primary:disabled{background-color:var(--text-light-muted);box-shadow:none;cursor:not-allowed;opacity:.6}.dark-theme .btn-primary:disabled{background-color:var(--text-dark-muted)}.btn-secondary{background-color:#0f172a0d;color:var(--text-light)}.dark-theme .btn-secondary{background-color:#ffffff0d;color:var(--text-dark)}.btn-secondary:hover{background-color:#0f172a1a}.dark-theme .btn-secondary:hover{background-color:#ffffff1a}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.1);box-shadow:0 0 15px var(--success-glow)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.layout-split{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}@media (max-width: 1024px){.layout-split{grid-template-columns:1fr}}.panel{background-color:var(--bg-light-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm)}.dark-theme .panel{background-color:var(--bg-dark-card);border:1px solid var(--border-dark)}.panel-title{font-size:1.25rem;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:8px}.queue-ticket{background:radial-gradient(circle at top right,var(--primary) 0%,hsl(var(--primary-base),85%,35%) 100%);color:#fff;border-radius:var(--radius-lg);padding:32px;text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;max-width:380px;margin:0 auto}.queue-ticket:before,.queue-ticket:after{content:"";position:absolute;width:24px;height:24px;background-color:var(--bg-light);border-radius:var(--radius-full)}.dark-theme .queue-ticket:before,.dark-theme .queue-ticket:after{background-color:var(--bg-dark)}.queue-ticket:before{left:-12px;top:50%;transform:translateY(-50%)}.queue-ticket:after{right:-12px;top:50%;transform:translateY(-50%)}.ticket-header{font-size:.8125rem;text-transform:uppercase;letter-spacing:2px;opacity:.8;margin-bottom:12px}.ticket-number{font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:12px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.ticket-info{border-top:1px dashed rgba(255,255,255,.3);padding-top:16px;font-size:.875rem}.table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-light)}.dark-theme .table-wrapper{border:1px solid var(--border-dark)}.table-queue{width:100%;border-collapse:collapse;text-align:left}.table-queue th,.table-queue td{padding:16px 20px;border-bottom:1px solid var(--border-light)}.dark-theme .table-queue th,.dark-theme .table-queue td{border-bottom:1px solid var(--border-dark)}.table-queue th{background-color:#0f172a05;color:var(--text-light-muted);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.dark-theme .table-queue th{background-color:#ffffff03;color:var(--text-dark-muted)}.table-queue tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-registered{background-color:var(--info-glow);color:var(--info)}.badge-eligible{background-color:var(--success-glow);color:var(--success)}.badge-deferred{background-color:#ef44441a;color:var(--danger)}.badge-completed{background-color:var(--success-glow);color:var(--success)}.beds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:24px}.bed-card{border-radius:var(--radius-md);border:2px solid var(--border-light);padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;transition:all var(--transition-fast)}.dark-theme .bed-card{border:2px solid var(--border-dark)}.bed-card.empty{background-color:transparent;border-style:dashed}.bed-card.occupied{background-color:var(--bg-light-card);border-color:var(--primary);box-shadow:0 4px 12px #e11d480d}.dark-theme .bed-card.occupied{background-color:var(--bg-dark-card);box-shadow:0 4px 20px #e11d481a}.bed-header{display:flex;justify-content:space-between;align-items:center}.bed-number-tag{font-weight:700;font-size:1.1rem}.bed-status-dot{width:10px;height:10px;border-radius:var(--radius-full)}.bed-status-dot.empty{background-color:var(--success);box-shadow:0 0 8px var(--success)}.bed-status-dot.occupied{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}.bed-body{flex-grow:1}.bed-donor-name{font-weight:600;font-size:1rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bed-donor-details{font-size:.8125rem;color:var(--text-light-muted)}.dark-theme .bed-donor-details{color:var(--text-dark-muted)}.monitor-container{min-height:100vh;background-color:#030712;color:#f9fafb;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.monitor-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.05);padding-bottom:20px;margin-bottom:30px}.monitor-title-group{display:flex;align-items:center;gap:16px}.monitor-title{font-size:2rem;font-weight:800;letter-spacing:-.5px}.monitor-subtitle{font-size:1rem;color:#9ca3af}.monitor-clock{font-size:2.25rem;font-weight:700;font-feature-settings:"tnum"}.monitor-body{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;flex-grow:1;margin-bottom:30px}@media (max-width: 1024px){.monitor-body{grid-template-columns:1fr}}.monitor-calling-section{background-color:#0b1120;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 25px 50px -12px #00000080;position:relative;overflow:hidden}.monitor-calling-section:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#ef4444)}.calling-label{font-size:1.5rem;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:3px;margin-bottom:20px}.calling-number{font-size:6rem;font-weight:900;letter-spacing:-2px;color:#ff3b30;animation:pulse-red 2s infinite;margin-bottom:16px}.calling-dest{font-size:2.5rem;font-weight:700}.calling-name{font-size:1.85rem;color:#9ca3af;margin-top:12px}@keyframes pulse-red{0%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(239,68,68,.2))}50%{transform:scale(1.03);filter:drop-shadow(0 0 25px rgba(239,68,68,.7))}to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(239,68,68,.2))}}.monitor-beds-section{background-color:#0b1120;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:30px}.monitor-beds-title{font-size:1.25rem;font-weight:700;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px;color:#9ca3af}.monitor-beds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.monitor-bed-card{background-color:#111827;border:1px solid rgba(255,255,255,.03);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;gap:16px}.monitor-bed-card.occupied{border-color:#ef444433;background-color:#ef444405}.monitor-bed-card.empty{border-color:#10b98133;background-color:#10b98105}.monitor-bed-num{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem}.monitor-bed-card.occupied .monitor-bed-num{background-color:#ef44441a;color:#ef4444}.monitor-bed-card.empty .monitor-bed-num{background-color:#10b9811a;color:#10b981}.monitor-bed-status{font-size:.8125rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.monitor-bed-card.occupied .monitor-bed-status{color:#ef4444}.monitor-bed-card.empty .monitor-bed-status{color:#10b981}.monitor-bed-donor{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.monitor-marquee{background-color:#111827;border-top:1px solid rgba(255,255,255,.05);height:50px;margin:0 -40px -40px;overflow:hidden;position:relative;display:flex;align-items:center}.marquee-content{display:flex;white-space:nowrap;animation:marquee 30s linear infinite;gap:60px;padding-left:100%}.marquee-item{font-size:1.1rem;font-weight:500;color:#e5e7eb;display:flex;align-items:center;gap:8px}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.search-results-list{background-color:var(--bg-light-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:220px;overflow-y:auto;position:absolute;width:calc(100% - 64px);z-index:50;list-style:none}.dark-theme .search-results-list{background-color:var(--bg-dark-card);border:1px solid var(--border-dark)}.search-result-item{padding:12px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-fast)}.dark-theme .search-result-item{border-bottom:1px solid var(--border-dark)}.search-result-item:hover{background-color:#0f172a05}.dark-theme .search-result-item:hover{background-color:#ffffff05}.search-result-item:last-child{border-bottom:none}.timer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.timer-card{background-color:var(--bg-light-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.dark-theme .timer-card{background-color:var(--bg-dark-card);border:1px solid var(--border-dark)}.timer-card.observing{border-left:4px solid var(--warning)}.timer-card.finished{border-left:4px solid var(--success);box-shadow:0 0 15px var(--success-glow)}.timer-display{font-size:2.25rem;font-weight:800;font-feature-settings:"tnum";line-height:1}.timer-display.observing{color:var(--warning)}.timer-display.finished{color:var(--success)}.timer-progress{width:100%;height:6px;background-color:#0f172a0d;border-radius:var(--radius-full);overflow:hidden}.dark-theme .timer-progress{background-color:#ffffff0d}.timer-progress-fill{height:100%;background-color:var(--warning);transition:width 1s linear}.timer-card.finished .timer-progress-fill{background-color:var(--success)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animated-view{animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 768px){.sidebar{display:none}.mobile-nav{display:block}.main-content{padding:20px 20px 90px;height:calc(100vh - 70px)}.page-title{font-size:1.5rem}}