@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@500;600;700;800;900&display=swap";:root{--red-50:#fff1f2;--red-100:#ffe0e3;--red-200:#ffc5cb;--red-300:#ff9aa5;--red-400:#ff6070;--red-500:#e8192c;--red-600:#c8001a;--red-700:#a50016;--red-800:#880012;--red-900:#720011;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--error:#dc2626;--error-bg:#fef2f2;--info:#2563eb;--info-bg:#eff6ff;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--bg-page:#f8f7f7;--bg-card:#fff;--bg-subtle:#f3f4f6;--border:#e5e7eb;--border-strong:#d1d5db;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000008;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--t-fast:.15s cubic-bezier(.4, 0, .2, 1);--t-smooth:.25s cubic-bezier(.16, 1, .3, 1);--t-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--gray-700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.025em;line-height:1.25}a{color:var(--red-600);transition:color var(--t-fast);text-decoration:none}a:hover{color:var(--red-700)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-sm{max-width:860px;margin:0 auto;padding:0 1.5rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.5rem}.card-sm{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.25rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--t-fast), transform var(--t-fast);padding:1.25rem 1.5rem}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.subtle-card{background:var(--bg-subtle);border-radius:var(--radius-md);padding:1rem}.btn{border-radius:var(--radius-full);transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--red-600);color:#fff;box-shadow:0 1px 3px #c8001a4d,0 1px 2px #c8001a33}.btn-primary:hover{background:var(--red-700);transform:translateY(-1px);box-shadow:0 4px 12px #c8001a59}.btn-secondary{background:var(--bg-card);color:var(--gray-700);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.btn-ghost{color:var(--gray-600);background:0 0;padding:.6rem 1rem}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-danger{background:var(--error-bg);color:var(--error);border:1px solid #fecaca}.btn-danger:hover{background:#fee2e2}.btn-sm{padding:.45rem 1rem;font-size:.82rem}.btn-lg{padding:.85rem 1.75rem;font-size:1rem}.btn-xl{padding:1rem 2rem;font-size:1.05rem}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--gray-700);letter-spacing:.01em;font-size:.85rem;font-weight:600}.form-input{background:var(--bg-card);border:1.5px solid var(--border);color:var(--gray-900);border-radius:var(--radius-md);width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:.7rem .95rem;font-size:.95rem}.form-input::placeholder{color:var(--gray-400)}.form-input:focus{border-color:var(--red-400);outline:none;box-shadow:0 0 0 3px #e8192c1a}.form-input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.form-select{background:var(--bg-card);border:1.5px solid var(--border);color:var(--gray-900);border-radius:var(--radius-md);cursor:pointer;appearance:none;width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding:.7rem 2.2rem .7rem .95rem;font-size:.95rem}.form-select:focus{border-color:var(--red-400);outline:none;box-shadow:0 0 0 3px #e8192c1a}.form-textarea{background:var(--bg-card);border:1.5px solid var(--border);color:var(--gray-900);border-radius:var(--radius-md);resize:vertical;width:100%;min-height:100px;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:.7rem .95rem;font-size:.95rem}.form-textarea:focus{border-color:var(--red-400);outline:none;box-shadow:0 0 0 3px #e8192c1a}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-red{background:var(--red-50);color:var(--red-700);border:1px solid var(--red-200)}.badge-green{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.badge-yellow{background:var(--warning-bg);color:var(--warning);border:1px solid #fde68a}.badge-blue{background:var(--info-bg);color:var(--info);border:1px solid #bfdbfe}.badge-gray{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.blood-pill{border-radius:var(--radius-full);background:var(--red-600);color:#fff;letter-spacing:.01em;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:.7rem;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #c8001a40}.blood-pill-lg{width:3rem;height:3rem;font-size:.85rem}.icon-box{border-radius:var(--radius-md);background:var(--gray-100);flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid}.icon-box-red{background:var(--red-50);color:var(--red-600)}.icon-box-green{background:var(--success-bg);color:var(--success)}.icon-box-blue{background:var(--info-bg);color:var(--info)}.icon-box-lg{border-radius:var(--radius-lg);width:3rem;height:3rem}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;padding:.9rem 1rem;font-size:.9rem;line-height:1.5;display:flex}.alert-error{background:var(--error-bg);color:#991b1b;border:1px solid #fecaca}.alert-success{background:var(--success-bg);color:#065f46;border:1px solid #a7f3d0}.alert-warning{background:var(--warning-bg);color:#92400e;border:1px solid #fde68a}.alert-info{background:var(--info-bg);color:#1e40af;border:1px solid #bfdbfe}.progress-bar{background:var(--gray-200);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--red-500), var(--red-600));height:100%;transition:width .6s}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}thead{background:var(--gray-50)}th{text-align:left;color:var(--gray-600);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle;padding:.85rem 1rem}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--gray-50)}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);z-index:100;flex-direction:column;gap:.25rem;width:260px;min-height:100vh;padding:1.5rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:.75rem;padding:.5rem .75rem 1.5rem;text-decoration:none;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--gray-600);transition:background var(--t-fast), color var(--t-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.65rem .85rem;font-size:.9rem;font-weight:500;display:flex}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--red-50);color:var(--red-700);font-weight:600}.nav-item.active .nav-icon{color:var(--red-600)}.nav-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);padding:.75rem .85rem .4rem;font-size:.72rem;font-weight:700}.dash-layout{min-height:100vh;display:flex}.dash-main{background:var(--bg-page);flex:1;min-height:100vh;margin-left:260px;padding:2rem}@media (width<=768px){.sidebar{display:none}.dash-main{margin-left:0;padding:1rem}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{margin-bottom:.25rem;font-size:1.65rem;font-weight:800}.page-subtitle{color:var(--gray-500);margin:0;font-size:.9rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}@media (width<=900px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.animate-fade-up{animation:fadeUp var(--t-smooth) both}.animate-fade-in{animation:fadeIn var(--t-smooth) both}.animate-scale-in{animation:scaleIn var(--t-spring) both}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.text-red{color:var(--red-600)}.text-green{color:var(--success)}.text-muted{color:var(--gray-500)}.text-sm{font-size:.875rem}.text-xs{font-size:.78rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}