@import "https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Public Sans,sans-serif}#root{width:100%;min-height:100vh}:root{--primary:#00478d;--primary-container:#005eb8;--on-primary:#fff;--secondary:#46617b;--secondary-container:#c4e0fe;--tertiary:#793100;--tertiary-container:#9f4300;--error:#ba1a1a;--background:#f6fafe;--surface:#f6fafe;--on-surface:#171c1f;--on-surface-variant:#424752;--outline:#727783;--outline-variant:#c2c6d4;--emerald:#059669}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--on-surface);font-family:Public Sans,sans-serif}.app-layout{min-height:100vh;display:flex}.sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;width:16rem;height:100vh;padding:2rem 1.5rem;display:flex;position:fixed;top:0;left:0}.sidebar-logo{align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.logo-icon{background:var(--primary-container);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex}.logo-text h1{color:var(--primary);font-size:1.125rem;font-weight:700}.logo-text p{text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-size:.625rem}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-item{color:#475569;cursor:pointer;border-radius:.25rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--primary);background:#f1f5f9}.nav-item.active{color:var(--primary);border-right:3px solid var(--primary);background:#eff6ff;font-weight:600}.sidebar-footer{border-top:1px solid #e2e8f0;padding-top:1.5rem}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:4rem;padding:0 1.5rem;display:flex;position:fixed;top:0;left:16rem;right:0}.topbar-title{align-items:center;gap:1rem;display:flex}.topbar-title h2{font-size:1.25rem;font-weight:700}.topbar-title .divider{background:#e2e8f0;width:1px;height:1.5rem}.topbar-title span{color:#64748b;font-size:.875rem}.topbar-right{align-items:center;gap:1.5rem;display:flex}.search-box{background:#f1f5f9;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:0 .75rem;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--primary)}.search-box input{background:0 0;border:none;outline:none;width:14rem;font-size:.875rem}.search-box span{color:#94a3b8}.topbar-actions{color:#64748b;align-items:center;gap:1rem;display:flex}.user-info{align-items:center;gap:.5rem;display:flex}.user-info .details{text-align:right}.user-info .name{color:var(--on-surface);font-size:.75rem;font-weight:600}.user-info .role{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.625rem}.user-avatar{border:2px solid #e2e8f0;border-radius:50%;width:2.5rem;height:2.5rem}.main-content{min-height:100vh;margin-left:16rem;padding-top:4rem}.content-container{max-width:1440px;margin:0 auto;padding:2rem 1.5rem}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.breadcrumb{color:#64748b;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.breadcrumb .current{color:var(--primary);font-weight:500}.header-title h1{margin-bottom:.25rem;font-size:2rem;font-weight:600}.header-title p{color:#475569;max-width:36rem;font-size:.875rem}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600;transition:background .15s;display:flex}.btn-primary:hover{background:var(--primary-container)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.stat-label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:.75rem;font-weight:600}.stat-value{align-items:baseline;gap:.5rem;margin-top:.5rem;display:flex}.stat-value>span:first-child{font-size:1.875rem;font-weight:800}.stat-value .primary{color:var(--on-surface)}.stat-value .error{color:var(--error)}.stat-change{color:#059669;align-items:center;gap:.125rem;font-size:.75rem;font-weight:600;display:flex}.stat-subtext{color:#64748b;font-size:.75rem}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 1px 3px #0000000d}.table-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.table-header h3{font-size:1rem;font-weight:600}.table-actions{gap:.75rem;display:flex}.btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.btn-secondary:hover{background:#f8fafc}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;color:#64748b;text-align:left;border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem}tr:hover{background:#f8fafc}.text-center{text-align:center}.text-right{text-align:right}.patient-cell{align-items:center;gap:.75rem;display:flex}.patient-avatar{width:2rem;height:2rem;color:var(--primary);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;font-size:.625rem;font-weight:600;display:flex}.patient-name{font-size:.875rem;font-weight:500}.patient-info{color:#94a3b8;font-size:.6875rem}.patient-id,.patient-date{color:#475569;font-size:.875rem}.score-badge{background:#f1f5f9;border-radius:.25rem;padding:.25rem .625rem;font-size:.875rem;font-weight:600}.risk-badge{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.risk-badge .dot{border-radius:50%;width:.5rem;height:.5rem}.risk-badge.error .dot{background:var(--error)}.risk-badge.error{color:var(--error)}.risk-badge.tertiary .dot{background:var(--tertiary-container)}.risk-badge.tertiary{color:var(--tertiary-container)}.risk-badge.emerald .dot{background:var(--emerald)}.risk-badge.emerald{color:var(--emerald)}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600}.btn-link:hover{color:var(--primary-container)}.table-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.75rem;display:flex}.pagination{gap:.25rem;display:flex}.pagination button{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.pagination button:hover{background:#f1f5f9}.pagination .page-active{background:var(--primary);color:#fff}.pagination button:disabled{opacity:.3;cursor:not-allowed}.insight-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.chart-header h3{margin-bottom:.25rem;font-size:1rem;font-weight:600}.chart-header p{color:#64748b;font-size:.875rem}.live-badge{color:#475569;background:#f1f5f9;border-radius:.25rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600}.chart-bars{align-items:flex-end;gap:1rem;height:10rem;display:flex}.chart-bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.chart-bar{border-radius:.25rem .25rem 0 0;width:100%;transition:height .3s}.chart-bar.bar-0{background:#d1fae5}.chart-bar.bar-1{background:#fed7aa}.chart-bar.bar-2{background:#bfdbfe}.chart-bar.bar-3{background:var(--primary)}.chart-label{color:#64748b;text-transform:uppercase;font-size:.625rem;font-weight:600}.insight-card{background:var(--primary-container);color:#fff;border-radius:.75rem;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.insight-icon{opacity:.5;margin-bottom:1rem;font-size:2rem}.insight-card h3{margin-bottom:.5rem;font-size:1rem;font-weight:600}.insight-card p{opacity:.9;font-size:.875rem;line-height:1.5}.btn-insight{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:.25rem;width:100%;margin-top:1.5rem;padding:.5rem;font-size:.75rem;font-weight:600;transition:background .15s}.btn-insight:hover{background:#ffffff4d}.insight-card:after{content:"";filter:blur(2rem);background:#ffffff1a;border-radius:50%;width:10rem;height:10rem;position:absolute;bottom:-2.5rem;right:-2.5rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:.75rem;width:100%;max-width:42rem;animation:.3s ease-out fadeIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h3{font-size:1.125rem;font-weight:600}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.25rem}.modal-close:hover{color:#475569}.modal-stepper{background:#f8fafc;justify-content:space-between;padding:1.5rem 2rem;display:flex;position:relative}.modal-stepper:before{content:"";z-index:0;background:#e2e8f0;height:2px;position:absolute;top:41%;left:5rem;right:4rem;transform:translateY(-50%)}.step{z-index:1;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.step-number{border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;display:flex}.step.active .step-number{background:var(--primary);color:#fff;box-shadow:0 4px 12px #00478d4d}.step.completed .step-number{background:var(--primary);color:#fff}.step.pending .step-number{color:#94a3b8;background:#fff;border:2px solid #e2e8f0}.step-label{text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:600}.step.active .step-label{color:var(--primary)}.step.pending .step-label{color:#94a3b8}.modal-form{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group.full{grid-column:span 2}.form-group label{text-transform:uppercase;color:#64748b;font-size:.75rem;font-weight:600}.form-group input{border:1px solid #e2e8f0;border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;transition:all .15s}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #00478d1a}.form-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;gap:.75rem;padding:1rem;display:flex}.form-info span{color:var(--primary);font-size:1rem}.form-info p{color:var(--primary);font-size:.75rem;line-height:1.5}.modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;padding:1rem 2rem;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-cancel:hover{color:var(--on-surface)}.btn-next{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.btn-next:hover{background:var(--primary-container)}