@charset "UTF-8";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.hids-page-title{margin:0 0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:2.125rem;font-weight:400;line-height:1.235;letter-spacing:.00735em;color:var(--mud-palette-text-primary)}.custom-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.custom-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.custom-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eeeeee}.custom-card__title{font-size:1.25rem;font-weight:600;color:#000000de;margin:0}.custom-card__body{margin-bottom:1rem}.custom-card__footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid #eeeeee}.stat-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:fadeIn .3s ease-in-out;text-align:center}.stat-card__icon{display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .75rem;border-radius:9999px;background-color:#594ae21a;color:#594ae2;font-size:1.5rem}.stat-card__value{font-size:2.25rem;font-weight:700;color:#594ae2;margin:0 0 .5rem}.stat-card__label{font-size:.875rem;color:#0009;text-transform:uppercase;letter-spacing:.5px}.stat-card--success .stat-card__icon{background-color:#4caf501a;color:#4caf50}.stat-card--success .stat-card__value{color:#4caf50}.stat-card--warning .stat-card__icon{background-color:#ff98001a;color:#ff9800}.stat-card--warning .stat-card__value{color:#ff9800}.stat-card--error .stat-card__icon{background-color:#f443361a;color:#f44336}.stat-card--error .stat-card__value{color:#f44336}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out,transform .3s ease-in-out}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid #594ae2;outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background-color:#594ae2;color:#fff}.btn--primary:hover:not(:disabled){background-color:#3927dc}.btn--primary:active:not(:disabled){background-color:#3221ce}.btn--secondary{background-color:#ff4081;color:#fff}.btn--secondary:hover:not(:disabled){background-color:#ff1766}.btn--secondary:active:not(:disabled){background-color:#ff0359}.btn--success{background-color:#4caf50;color:#fff}.btn--success:hover:not(:disabled){background-color:#409343}.btn--success:active:not(:disabled){background-color:#39843c}.btn--danger{background-color:#f44336;color:#fff}.btn--danger:hover:not(:disabled){background-color:#f21f0f}.btn--danger:active:not(:disabled){background-color:#e11b0c}.btn--outline{background-color:transparent;color:#594ae2;border:2px solid #594ae2}.btn--outline:hover:not(:disabled){background-color:#594ae21a}.btn--ghost{background-color:transparent;color:#594ae2}.btn--ghost:hover:not(:disabled){background-color:#594ae21a}.btn--small{padding:.5rem 1rem;font-size:.875rem}.btn--large{padding:1rem 2rem;font-size:1.125rem}.form-group{margin-bottom:1.5rem}.form-group__label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#000000de}.form-group__input{width:100%;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;color:#000000de;background-color:#fff;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.form-group__input:hover{border-color:#bdbdbd}.form-group__input:focus{outline:2px solid transparent;border-color:#594ae2;box-shadow:0 0 0 3px #594ae273}.form-group__input:focus-visible{outline:2px solid #594ae2;outline-offset:2px}.form-group__input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group__input::placeholder{color:#00000061}.form-group__error{display:block;margin-top:.5rem;font-size:.875rem;color:#f44336}.form-group__hint{display:block;margin-top:.5rem;font-size:.875rem;color:#0009}.form-group--error .form-group__input{border-color:#f44336}.form-group--error .form-group__input:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge--primary{background-color:#594ae21a;color:#3d2eb5}.badge--success{background-color:#4caf501a;color:#2d682f}.badge--warning{background-color:#ff98001a;color:#995b00}.badge--error{background-color:#f443361a;color:#ea1c0d}.badge--info{background-color:#2196f31a;color:#0960a5}.badge__dot{width:6px;height:6px;border-radius:9999px;background-color:currentColor}.alert{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:1rem;padding:1rem;border-radius:8px;border-left:4px solid;animation:slideInTop .3s ease-in-out}.alert__icon{flex-shrink:0;font-size:1.25rem}.alert__content{flex:1}.alert__title{font-weight:600;margin-bottom:.5rem}.alert__message{font-size:.875rem}.alert--info{background-color:#2196f31a;border-left-color:#2196f3;color:#064475}.alert--success{background-color:#4caf501a;border-left-color:#4caf50;color:#1e441f}.alert--warning{background-color:#ff98001a;border-left-color:#ff9800;color:#663d00}.alert--error{background-color:#f443361a;border-left-color:#f44336;color:#ba160a}.spinner{display:flex;justify-content:center;align-items:center;width:40px;height:40px}.spinner__circle{width:100%;height:100%;border:3px solid #eeeeee;border-top-color:#594ae2;border-radius:9999px;animation:spin 1s linear infinite}.spinner--small .spinner__circle{border-width:2px}.spinner--large{width:60px;height:60px}.spinner--large .spinner__circle{border-width:4px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.grid--gap-sm{gap:.5rem}.grid--gap-lg{gap:1.5rem}@media(max-width:959px){.grid{grid-template-columns:1fr}}.grid-item--span-2{grid-column:span 2}.grid-item--span-3{grid-column:span 3}.grid-item--span-4{grid-column:span 4}.grid-item--span-6{grid-column:span 6}.grid-item--span-12{grid-column:span 12}@media(max-width:959px){.grid-item--span-2,.grid-item--span-3,.grid-item--span-4,.grid-item--span-6{grid-column:span 12}}.glass-card{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;border-radius:16px}.glass-card__content{position:relative;z-index:1}.tableau-viz-container{display:flex;flex-direction:column;width:100%;min-height:600px;position:relative}.tableau-viz-iframe{border:0;width:100%;height:100%;min-height:600px;flex:1}.tableau-viz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.report-card{height:100%;display:flex;flex-direction:column}.report-card .mud-card-content{flex:1}.recent-reports-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.recent-reports-scroll::-webkit-scrollbar{height:6px}.recent-reports-scroll::-webkit-scrollbar-track{background:transparent}.recent-reports-scroll::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.recent-report-card{flex-shrink:0;width:200px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.recent-report-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media(prefers-color-scheme:dark){.custom-card{background-color:#424242;color:#fff}.custom-card__header{border-bottom-color:#616161}.custom-card__footer{border-top-color:#616161}.form-group__label{color:#eee}.form-group__input{background-color:#424242;border-color:#757575;color:#fff}.form-group__input:hover{border-color:#9e9e9e}.form-group__input::placeholder{color:#bdbdbd}.stat-card{background-color:#424242;color:#fff}.stat-card__label{color:#e0e0e0}}.hids-dev-banner{position:absolute;top:0;left:0;right:0;background-color:var(--mud-palette-surface);color:var(--mud-palette-success);font-weight:700;font-size:1.125rem;padding:.5rem 1rem;text-align:center;z-index:10}.hids-login-card{position:absolute;top:50%;left:100px;transform:translateY(-50%);width:370px;background-color:#fffffff2;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hids-login-card h1{font-size:1.5rem;font-weight:400;color:var(--mud-palette-text-primary);margin-bottom:1.5rem}.hids-login-card .login-field{margin-bottom:1.25rem}.hids-login-card .login-field label{display:block;font-size:.875rem;color:var(--mud-palette-text-primary);margin-bottom:.5rem}.hids-login-card .login-field input{width:100%;padding:.75rem;border:1px solid var(--mud-palette-divider);border-radius:4px;font-size:1rem}.hids-login-card .login-field input:focus{outline:2px solid transparent;border-color:var(--mud-palette-primary);box-shadow:0 0 0 3px #0066cc73}.hids-login-card .login-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.hids-login-card .login-links a{color:var(--mud-palette-primary);text-decoration:underline;font-size:.875rem;cursor:pointer}.hids-login-card .login-links a:hover{color:var(--mud-palette-primary-darken)}.hids-header{background-color:#7c6650;color:#fff;padding:1.25rem 2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hids-header .hids-header-content{display:flex;align-items:center;max-width:1920px;margin:0 auto}.hids-header .hids-header-content .hids-logo{height:60px;margin-right:1.5rem}.hids-header .hids-header-content .hids-title{font-size:1.5rem;font-weight:400;color:#fff;flex-grow:1}.hids-header .hids-header-content .hids-title .dev-indicator{color:var(--mud-palette-success);font-weight:700}.hids-header .hids-header-content .hids-nav{display:flex;gap:1.5rem}.hids-header .hids-header-content .hids-nav a{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:color .15s ease-in-out}.hids-header .hids-header-content .hids-nav a:hover,.hids-header .hids-header-content .hids-nav a.active{border-bottom-color:#fff}.admin-quick-access{background-color:var(--mud-palette-surface);border-bottom:2px solid var(--mud-palette-divider);padding:.75rem 2rem}.admin-quick-access__content{display:flex;align-items:center;gap:.75rem;max-width:1920px;margin:0 auto}.admin-quick-access__actions{margin-left:auto;display:flex;gap:.5rem}.hids-dashboard{background-color:var(--mud-palette-background-grey);min-height:calc(100vh - 100px);padding:3rem}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1920px;margin:0 auto}@media(max-width:1280px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-grid{grid-template-columns:1fr}}.hids-program-card{background-color:var(--mud-palette-dark);padding:1.5rem;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;min-height:280px;transition:transform .3s ease-in-out,box-shadow .15s}.hids-program-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hids-program-card .card-title{font-size:1.125rem;font-weight:600;color:var(--mud-palette-dark-text);margin-bottom:1rem;line-height:1.25}.hids-program-card .card-description{font-size:.875rem;color:var(--mud-palette-dark-text);opacity:.75;line-height:1.5;flex-grow:1;margin-bottom:1rem}.hids-program-card .card-footer{display:flex;justify-content:flex-end}.hids-program-card .card-footer .learn-more-btn{background-color:var(--mud-palette-primary);color:var(--mud-palette-primary-text);border:none;padding:.5rem 1.25rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.hids-program-card .card-footer .learn-more-btn:hover{filter:brightness(.9)}.hids-program-card.coming-soon{opacity:.7}.hids-program-card.coming-soon .card-title:after{content:" (coming soon)";font-size:.875rem;color:var(--mud-palette-dark-text);opacity:.6;font-weight:400}.hids-request-page{display:flex}.hids-request-page .request-form-container{flex:1;padding:3rem;background-color:var(--mud-palette-surface)}.hids-request-page .request-form-container h1{font-size:1.875rem;font-weight:400;color:var(--mud-palette-text-primary);margin-bottom:2rem}.hids-request-page .request-form-container .form-section-title{font-size:1.25rem;font-weight:500;color:var(--mud-palette-text-primary);margin-bottom:1.5rem}.hids-request-page .request-form-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.25rem}.hids-request-page .request-form-container .form-row.single{grid-template-columns:1fr}.hids-request-page .request-form-container .form-row .form-field{display:flex;flex-direction:column}.hids-request-page .request-form-container .form-row .form-field label{font-size:.875rem;color:var(--mud-palette-text-primary);margin-bottom:.5rem;font-weight:500}.hids-request-page .request-form-container .form-row .form-field input,.hids-request-page .request-form-container .form-row .form-field select,.hids-request-page .request-form-container .form-row .form-field textarea{padding:.75rem;border:1px solid var(--mud-palette-divider);border-radius:4px;font-size:1rem}.hids-request-page .request-form-container .form-row .form-field input:focus,.hids-request-page .request-form-container .form-row .form-field select:focus,.hids-request-page .request-form-container .form-row .form-field textarea:focus{outline:2px solid transparent;border-color:var(--mud-palette-primary);box-shadow:0 0 0 3px #0066cc73}.hids-request-page .request-form-container .form-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--mud-palette-divider)}.hids-request-page .request-form-container .form-footer .login-link{font-size:.875rem;color:var(--mud-palette-text-secondary)}.hids-request-page .request-form-container .form-footer .login-link a{color:var(--mud-palette-primary);text-decoration:underline;cursor:pointer}.hids-request-page .request-stepper{width:300px;background-color:var(--mud-palette-dark);padding:2rem 1.5rem}.hids-request-page .request-stepper .stepper-item{color:#ffffffb3;font-size:1rem;padding:1rem .75rem;margin-bottom:.75rem;border-left:3px solid transparent;transition:all .3s ease-in-out}.hids-request-page .request-stepper .stepper-item.active{color:#fff;background-color:#ffffff1a;border-left-color:#fff;font-weight:500}.hids-request-page .request-stepper .stepper-item.completed{color:#ffffffe6}.hids-setup-page{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--mud-palette-background-grey);padding:2rem}.hids-setup-page .setup-card{background-color:var(--mud-palette-surface);padding:2.5rem;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%}.hids-setup-page .setup-card h1{font-size:1.875rem;font-weight:400;color:var(--mud-palette-text-primary);margin-bottom:.5rem}.hids-setup-page .setup-card .setup-subtitle{font-size:1rem;color:var(--mud-palette-text-secondary);margin-bottom:2rem}.hids-setup-page .setup-card .form-field{margin-bottom:1.25rem}.hids-setup-page .setup-card .form-field label{display:block;font-size:.875rem;color:var(--mud-palette-text-primary);margin-bottom:.5rem;font-weight:500}.hids-setup-page .setup-card .form-field input{width:100%;padding:.75rem;border:1px solid var(--mud-palette-divider);border-radius:4px;font-size:1rem}.hids-setup-page .setup-card .form-field input:focus{outline:2px solid transparent;border-color:var(--mud-palette-primary);box-shadow:0 0 0 3px #0066cc73}.hids-setup-page .setup-card .form-field .field-hint{font-size:.75rem;color:var(--mud-palette-text-secondary);margin-top:.5rem}.hids-setup-page .setup-card .setup-actions{margin-top:2rem;display:flex;justify-content:flex-end}.hids-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.hids-btn.primary:hover{background-color:var(--mud-palette-primary-darken)}.hids-btn.secondary{background-color:var(--mud-palette-divider);color:var(--mud-palette-text-primary)}.hids-btn.secondary:hover{filter:brightness(.9)}.hids-btn:disabled{opacity:.6;cursor:not-allowed}.hids-stepper-container{max-width:1600px;width:100%;margin:0 auto;padding:1.5rem}.stepper-header{text-align:center;margin-bottom:2rem;color:var(--mud-palette-white);text-shadow:2px 2px 4px rgba(0,0,0,.7)}.stepper-header h1{font-size:2.25rem;margin-bottom:.5rem;font-weight:600}.stepper-header p{font-size:1.125rem;opacity:.95}.stepper-content-card{background-color:#b29572f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.step-content{background-color:#fffffffa;padding:2rem;border-radius:8px;min-height:500px;max-width:100%}.step-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--mud-palette-divider)}.program-card{padding:1rem;transition:transform .3s ease-in-out,all .3s ease-in-out;background-color:#fffffff2}.program-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.program-checkbox{width:100%}.program-name{font-weight:600;color:var(--mud-palette-text-primary)}.program-description{margin-left:2rem;margin-top:.25rem;color:var(--mud-palette-text-secondary)}.location-table{background-color:var(--mud-palette-surface)}.role-card{padding:1rem;transition:all .3s ease-in-out;background-color:#fffffff2}.role-card:hover{background-color:var(--mud-palette-primary-hover)}.role-content{margin-left:.5rem}.role-name{font-weight:600;color:var(--mud-palette-text-primary);display:flex;align-items:center}.selected-locations-list{background-color:#4caf500d;border-left:4px solid #4caf50;padding:.75rem;border-radius:4px}.review-card{background-color:var(--mud-palette-surface);padding:1.5rem;border-left:4px solid var(--mud-palette-primary)}.review-section{padding:.5rem 0}.compact-list{margin-left:1.5rem}.hids-request-page{max-width:1200px;margin:0 auto;padding:1.5rem;display:flex;gap:1.5rem}.request-form-container{flex:1;background-color:#b29572f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.request-form-container h1{text-align:center;color:#fff;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.form-section{background-color:#fffffffa;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.form-section-title{font-size:1.25rem;font-weight:600;color:var(--mud-palette-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--mud-palette-divider)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-row.single{grid-template-columns:1fr}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:500;color:var(--mud-palette-text-primary);font-size:.875rem}.form-field input,.form-field select,.form-field textarea{padding:.75rem;border:1px solid var(--mud-palette-divider);border-radius:4px;font-size:1rem;background-color:var(--mud-palette-surface);transition:all .3s ease-in-out}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid transparent;border-color:var(--mud-palette-primary);box-shadow:0 0 0 3px #0066cc73}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:2px solid var(--mud-palette-primary);outline-offset:2px}.form-field input:required:invalid,.form-field select:required:invalid,.form-field textarea:required:invalid{border-color:var(--mud-palette-error)}.form-field textarea{resize:vertical;min-height:120px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--mud-palette-divider)}.hids-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:4px;border:none;cursor:pointer;transition:all .3s ease-in-out;letter-spacing:.5px}.hids-btn.primary{background-color:var(--mud-palette-primary);color:var(--mud-palette-primary-text)}.hids-btn.primary:hover:not(:disabled){background-color:var(--mud-palette-primary-darken);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hids-btn.primary:disabled{opacity:.6;cursor:not-allowed}.hids-btn.secondary{background-color:var(--mud-palette-dark);color:var(--mud-palette-dark-text)}.hids-btn.secondary:hover{filter:brightness(.85)}.form-footer{margin-top:1rem;text-align:center}.form-footer .login-link{color:#fff;font-size:.875rem}.form-footer .login-link a{color:#fff;font-weight:600;text-decoration:underline}.form-footer .login-link a:hover{opacity:.8}.request-stepper{min-width:15rem;max-width:20rem;flex:0 0 auto;background-color:#b29572f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:fit-content}.stepper-item{display:flex;gap:.75rem;margin-bottom:.5rem;padding:.5rem 0;position:relative;color:var(--mud-palette-text-primary);transition:all .3s ease-in-out}.stepper-item.active{color:var(--mud-palette-primary)}.stepper-item.active .stepper-icon:before{background-color:var(--mud-palette-primary);border-color:var(--mud-palette-primary);width:1.25rem;height:1.25rem;box-shadow:0 0 0 .25rem #0066cc26}.stepper-item.active .stepper-icon:after{background-color:var(--mud-palette-primary-lighten)}.stepper-item.completed .stepper-icon:before{background-color:var(--mud-palette-success);border-color:var(--mud-palette-success);content:"✓";display:flex;align-items:center;justify-content:center;color:var(--mud-palette-white);font-size:.625rem;font-weight:700}.stepper-item.completed .stepper-icon:after{background-color:var(--mud-palette-success-lighten)}.stepper-item:last-child .stepper-icon:after{display:none}.stepper-item.disabled{opacity:.5;color:var(--mud-palette-text-disabled)}.stepper-item.disabled .stepper-icon:before{background-color:transparent;border-color:var(--mud-palette-divider);border-style:dashed}.stepper-item.disabled .stepper-icon:after{background-color:var(--mud-palette-divider);opacity:.5;border-style:dashed}.stepper-item.disabled .stepper-title{font-style:italic}.stepper-icon{position:relative;flex-shrink:0;width:1.5rem;display:flex;align-items:flex-start;justify-content:center;padding-top:.125rem}.stepper-icon:before{content:"";width:1rem;height:1rem;border-radius:50%;background-color:var(--mud-palette-divider);border:.125rem solid var(--mud-palette-divider);transition:all .3s ease-in-out;box-sizing:border-box;z-index:1;position:relative}.stepper-icon:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:1.5rem;height:calc(100% + 1rem);width:.125rem;background-color:var(--mud-palette-divider);transition:all .3s ease-in-out}.stepper-content{flex:1;min-width:0}.stepper-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:.125rem;font-weight:500}.stepper-title{font-weight:600;line-height:1.25;font-size:.875rem;margin-bottom:.125rem}.stepper-detail{font-size:.75rem;opacity:.7;margin-top:.25rem;color:currentColor;line-height:1.25}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake-field{animation:shake .5s ease-in-out}.shake-field .mud-input-outlined-border{border-color:var(--mud-palette-error)!important;border-width:2px!important}:global .mud-stepper .mud-step-active{color:var(--mud-palette-primary)!important}:global .mud-stepper .mud-step-completed{color:var(--mud-palette-success)!important}:global .mud-stepper .mud-step-disabled{color:var(--mud-palette-text-disabled)!important}:global .mud-paper{transition:all .3s ease-in-out}:global .mud-card{border-radius:8px}:global .mud-alert{border-radius:4px}:global .mud-input-outlined{background-color:var(--mud-palette-surface)}:global .mud-button-filled{font-weight:500;letter-spacing:.5px}:global .mud-button-outlined{font-weight:500}:global .mud-button-outlined:hover:not(:disabled){color:#fff!important}:global .mud-button-outlined:hover:not(:disabled) .mud-button-label{color:#fff!important}.hids-slot-invalid{border:1px solid var(--mud-palette-error);box-shadow:0 0 0 1px var(--mud-palette-error)}.skip-nav-link{position:fixed;top:0;left:0;padding:.5rem 1rem;background-color:var(--mud-palette-primary);color:var(--mud-palette-primary-text);z-index:9999;font-size:.875rem;font-weight:600;text-decoration:none;border-radius:0 0 4px;transition:transform .2s ease;transform:translateY(-110%)}.skip-nav-link:focus,.skip-nav-link:focus-visible{transform:translateY(0);outline:2px solid var(--mud-palette-primary-text);outline-offset:-4px}.hids-app{position:relative;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.hids-app.prod{background-image:url(/_content/CDPHE.HealthInformatics.Assets/backgrounds/PortalBackgroundProd.jpg)}.hids-app.dev{background-image:url(/_content/CDPHE.HealthInformatics.Assets/backgrounds/PortalBackgroundDev.jpg)}.hids-app{--cdphe-drawer-bg: rgba(255, 255, 255, .7);--cdphe-main-bg: transparent;--hids-frosted-bg: rgba(255, 255, 255, .7);--cdphe-appbar-bg: #7c6650}.hids-app .cdphe-drawer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hids-content-overlay{position:relative;width:100%;min-height:calc(100vh - 100px);overflow-y:auto;padding:1.5rem}.hids-content-wrapper{background-color:var(--hids-frosted-bg);border-radius:8px;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.available-programs-section{background-color:var(--hids-frosted-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cdphe-appbar{background-color:var(--cdphe-appbar-bg, #7c6650)!important;color:#fff!important;min-height:auto!important;padding:.5rem 1.5rem!important;box-shadow:none!important}.hids-nav{display:flex;align-items:center;gap:.75rem}.hids-nav a{color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;padding:.25rem .5rem;transition:opacity .2s ease;letter-spacing:.5px}.hids-nav a:hover{opacity:.8}.hids-nav a.active{text-decoration:underline;font-weight:700}.nav-separator{color:#fff;opacity:.6;-webkit-user-select:none;user-select:none}.cdphe-header-bar .cdphe-logo{height:50px;width:auto;max-width:100%;object-fit:contain}.cdphe-header-bar .hids-env-badge{position:absolute;left:50%;transform:translate(-50%);background-color:#ff9800;z-index:1}.hids-header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.hids-header-actions .mud-icon-button{color:#fff;opacity:.85;transition:opacity .2s ease,background-color .2s ease}.hids-header-actions .mud-icon-button:hover{opacity:1;background-color:#ffffff1f}.hids-header-user{font-size:.875rem;font-weight:500;color:#fff}.hids-header-account{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff;opacity:.85;transition:opacity .2s ease,background-color .2s ease}.hids-header-account:hover{opacity:1;background-color:#ffffff1f}.hids-header-bell .mud-icon-button{color:#fff;opacity:.85}.hids-header-bell .mud-icon-button:hover{opacity:1;background-color:#ffffff1f}.hids-notification-popover{width:380px;max-height:480px;overflow-y:auto}.hids-notification-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem}.hids-notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;padding:0 .5rem .25rem}.hids-notification-empty{padding:1rem .75rem;text-align:center;color:#0009}.hids-notification-list{display:flex;flex-direction:column}.hids-notification-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.08);transition:background-color .15s ease}.hids-notification-item:hover{background-color:#0000000a}.hids-notification-item.is-unread{background-color:#7c665014}.hids-notification-item.is-unread .hids-notification-title{font-weight:600}.hids-notification-item .hids-notification-body{flex:1;min-width:0}.hids-notification-item .hids-notification-time{color:#0000008c;display:block;margin-top:2px}.hids-header-logout{display:inline-flex;align-items:center;gap:.25rem;background:none;border:1px solid rgba(255,255,255,.6);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;border-radius:4px;cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.hids-header-logout:hover{background-color:#fff3}.hids-login-container{display:flex;flex-direction:column;align-items:flex-start;min-height:60vh;position:relative}.environment-banner{width:100%;padding:.75rem 1.5rem;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:.875rem;letter-spacing:.5px;box-shadow:0 2px 8px #00000026;margin-bottom:1rem;border-radius:4px}.environment-banner.development{background-color:var(--mud-palette-error);color:var(--mud-palette-error-text)}.environment-banner.test{background-color:var(--mud-palette-warning);color:var(--mud-palette-text-primary)}.banner-content{display:flex;align-items:center;gap:.5rem}.banner-icon{width:20px;height:20px;flex-shrink:0}.banner-text{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.hids-login-form-card{width:370px;background-color:#ffffffb3;padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s ease}.hids-login-form-card:hover,.hids-login-form-card:focus-within{background-color:#fffffff2}.hids-login-form-card .form-group{display:flex;flex-direction:column;margin-bottom:0}.login-logo{text-align:left;margin-bottom:1.5rem}.login-logo img{max-width:100%;height:auto;max-height:80px}.login-prompt{font-size:1.125rem;color:var(--mud-palette-text-primary);margin-bottom:1.5rem;text-align:left;font-weight:500}.page-title{font-size:1.5rem;color:var(--mud-palette-text-primary);margin-bottom:.75rem;text-align:left;font-weight:600}.page-description{font-size:.875rem;color:var(--mud-palette-text-secondary);margin-bottom:1.5rem;text-align:left;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-label{font-size:13px;color:var(--mud-palette-text-secondary);margin-bottom:.25rem;font-weight:500}.login-input{width:100%;padding:.75rem;border:1px solid #bdbdbd;border-radius:4px;font-size:.875rem;transition:border-color .2s ease;background-color:#fff}.login-input:focus{outline:2px solid transparent;border-color:var(--mud-palette-primary);box-shadow:0 0 0 3px #0066cc73}.login-input:focus-visible{outline:2px solid var(--mud-palette-primary);outline-offset:2px}.login-input::placeholder{color:var(--mud-palette-text-disabled)}.login-submit-btn{width:100%;padding:.75rem;background-color:var(--mud-palette-primary);color:var(--mud-palette-primary-text);border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.login-submit-btn:hover:not(:disabled){background-color:var(--mud-palette-primary-darken)}.login-submit-btn:active{background-color:var(--mud-palette-primary-darken);filter:brightness(.85)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-links{display:flex;flex-direction:column;gap:.75rem}.login-link{color:var(--mud-palette-primary);text-decoration:none;font-size:.875rem;transition:color .2s ease;text-align:left}.login-link:hover{color:var(--mud-palette-primary-darken);text-decoration:underline}.login-link.login-btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--mud-palette-primary);color:var(--mud-palette-primary-text);text-align:center;border-radius:4px;font-weight:500;text-decoration:none}.login-link.login-btn:hover{background-color:var(--mud-palette-primary-darken);text-decoration:none}.password-requirements{font-size:.75rem;color:var(--mud-palette-text-secondary);padding:.75rem;background-color:var(--mud-palette-background-grey);border-radius:4px}.password-requirements p{margin:0 0 .5rem;font-weight:500}.password-requirements ul{margin:0;padding-left:20px}.password-requirements li{margin-bottom:.25rem;color:var(--mud-palette-text-secondary)}.password-requirements li.valid{color:var(--mud-palette-success)}.password-requirements li.valid::marker{color:var(--mud-palette-success)}.success-message{padding:.75rem;background-color:var(--mud-palette-success-lighten);border-left:4px solid var(--mud-palette-success);color:var(--mud-palette-success-darken);font-size:.875rem;margin-bottom:1rem;border-radius:4px}.error-message{padding:.75rem;background-color:var(--mud-palette-error-lighten);border-left:4px solid var(--mud-palette-error);color:var(--mud-palette-error-darken);font-size:.875rem;margin-bottom:1rem;border-radius:4px}.login-warning{padding:.75rem;background-color:var(--mud-palette-warning-lighten);border-left:4px solid var(--mud-palette-warning);color:var(--mud-palette-warning-darken);font-size:.875rem;margin-bottom:1rem;border-radius:4px}.info-message{padding:.75rem;background-color:var(--mud-palette-info-lighten);border-left:4px solid var(--mud-palette-info);color:var(--mud-palette-info-darken);font-size:.875rem;margin-bottom:1rem;border-radius:4px}.help-container,.supervisor-approval-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:1.25rem}.mud-button-outlined.mud-button-outlined-info:hover,.mud-button-outlined.mud-button-text-info:hover,.mud-button-outlined.mud-button-outlined-success:hover,.mud-button-outlined.mud-button-text-success:hover,.mud-button-outlined.mud-button-outlined-warning:hover,.mud-button-outlined.mud-button-text-warning:hover,.mud-button-outlined.mud-button-outlined-error:hover,.mud-button-outlined.mud-button-text-error:hover,.mud-button-outlined.mud-button-outlined-primary:hover,.mud-button-outlined.mud-button-text-primary:hover,.mud-button-outlined.mud-button-outlined-secondary:hover,.mud-button-outlined.mud-button-text-secondary:hover,.mud-button-outlined.mud-button-outlined-tertiary:hover,.mud-button-outlined.mud-button-text-tertiary:hover,.mud-button-text.mud-button-outlined-info:hover,.mud-button-text.mud-button-text-info:hover,.mud-button-text.mud-button-outlined-success:hover,.mud-button-text.mud-button-text-success:hover,.mud-button-text.mud-button-outlined-warning:hover,.mud-button-text.mud-button-text-warning:hover,.mud-button-text.mud-button-outlined-error:hover,.mud-button-text.mud-button-text-error:hover,.mud-button-text.mud-button-outlined-primary:hover,.mud-button-text.mud-button-text-primary:hover,.mud-button-text.mud-button-outlined-secondary:hover,.mud-button-text.mud-button-text-secondary:hover,.mud-button-text.mud-button-outlined-tertiary:hover,.mud-button-text.mud-button-text-tertiary:hover{color:#fff}.mud-button-outlined.mud-button-outlined-info:hover .mud-button-icon-start,.mud-button-outlined.mud-button-outlined-info:hover .mud-button-icon-end,.mud-button-outlined.mud-button-outlined-info:hover .mud-icon-root,.mud-button-outlined.mud-button-text-info:hover .mud-button-icon-start,.mud-button-outlined.mud-button-text-info:hover .mud-button-icon-end,.mud-button-outlined.mud-button-text-info:hover .mud-icon-root,.mud-button-outlined.mud-button-outlined-success:hover .mud-button-icon-start,.mud-button-outlined.mud-button-outlined-success:hover .mud-button-icon-end,.mud-button-outlined.mud-button-outlined-success:hover .mud-icon-root,.mud-button-outlined.mud-button-text-success:hover .mud-button-icon-start,.mud-button-outlined.mud-button-text-success:hover .mud-button-icon-end,.mud-button-outlined.mud-button-text-success:hover .mud-icon-root,.mud-button-outlined.mud-button-outlined-warning:hover .mud-button-icon-start,.mud-button-outlined.mud-button-outlined-warning:hover .mud-button-icon-end,.mud-button-outlined.mud-button-outlined-warning:hover .mud-icon-root,.mud-button-outlined.mud-button-text-warning:hover .mud-button-icon-start,.mud-button-outlined.mud-button-text-warning:hover .mud-button-icon-end,.mud-button-outlined.mud-button-text-warning:hover .mud-icon-root,.mud-button-outlined.mud-button-outlined-error:hover .mud-button-icon-start,.mud-button-outlined.mud-button-outlined-error:hover .mud-button-icon-end,.mud-button-outlined.mud-button-outlined-error:hover .mud-icon-root,.mud-button-outlined.mud-button-text-error:hover .mud-button-icon-start,.mud-button-outlined.mud-button-text-error:hover .mud-button-icon-end,.mud-button-outlined.mud-button-text-error:hover .mud-icon-root,.mud-button-outlined.mud-button-outlined-primary:hover .mud-button-icon-start,.mud-button-outlined.mud-button-outlined-primary:hover .mud-button-icon-end,.mud-button-outlined.mud-button-outlined-primary:hover .mud-icon-root,.mud-button-outlined.mud-button-text-primary:hover .mud-button-icon-start,.mud-button-outlined.mud-button-text-primary:hover .mud-button-icon-end,.mud-button-outlined.mud-button-text-primary:hover .mud-icon-root,.mud-button-outlined.mud-button-outlined-secondary:hover .mud-button-icon-start,.mud-button-outlined.mud-button-outlined-secondary:hover .mud-button-icon-end,.mud-button-outlined.mud-button-outlined-secondary:hover .mud-icon-root,.mud-button-outlined.mud-button-text-secondary:hover .mud-button-icon-start,.mud-button-outlined.mud-button-text-secondary:hover .mud-button-icon-end,.mud-button-outlined.mud-button-text-secondary:hover .mud-icon-root,.mud-button-outlined.mud-button-outlined-tertiary:hover .mud-button-icon-start,.mud-button-outlined.mud-button-outlined-tertiary:hover .mud-button-icon-end,.mud-button-outlined.mud-button-outlined-tertiary:hover .mud-icon-root,.mud-button-outlined.mud-button-text-tertiary:hover .mud-button-icon-start,.mud-button-outlined.mud-button-text-tertiary:hover .mud-button-icon-end,.mud-button-outlined.mud-button-text-tertiary:hover .mud-icon-root,.mud-button-text.mud-button-outlined-info:hover .mud-button-icon-start,.mud-button-text.mud-button-outlined-info:hover .mud-button-icon-end,.mud-button-text.mud-button-outlined-info:hover .mud-icon-root,.mud-button-text.mud-button-text-info:hover .mud-button-icon-start,.mud-button-text.mud-button-text-info:hover .mud-button-icon-end,.mud-button-text.mud-button-text-info:hover .mud-icon-root,.mud-button-text.mud-button-outlined-success:hover .mud-button-icon-start,.mud-button-text.mud-button-outlined-success:hover .mud-button-icon-end,.mud-button-text.mud-button-outlined-success:hover .mud-icon-root,.mud-button-text.mud-button-text-success:hover .mud-button-icon-start,.mud-button-text.mud-button-text-success:hover .mud-button-icon-end,.mud-button-text.mud-button-text-success:hover .mud-icon-root,.mud-button-text.mud-button-outlined-warning:hover .mud-button-icon-start,.mud-button-text.mud-button-outlined-warning:hover .mud-button-icon-end,.mud-button-text.mud-button-outlined-warning:hover .mud-icon-root,.mud-button-text.mud-button-text-warning:hover .mud-button-icon-start,.mud-button-text.mud-button-text-warning:hover .mud-button-icon-end,.mud-button-text.mud-button-text-warning:hover .mud-icon-root,.mud-button-text.mud-button-outlined-error:hover .mud-button-icon-start,.mud-button-text.mud-button-outlined-error:hover .mud-button-icon-end,.mud-button-text.mud-button-outlined-error:hover .mud-icon-root,.mud-button-text.mud-button-text-error:hover .mud-button-icon-start,.mud-button-text.mud-button-text-error:hover .mud-button-icon-end,.mud-button-text.mud-button-text-error:hover .mud-icon-root,.mud-button-text.mud-button-outlined-primary:hover .mud-button-icon-start,.mud-button-text.mud-button-outlined-primary:hover .mud-button-icon-end,.mud-button-text.mud-button-outlined-primary:hover .mud-icon-root,.mud-button-text.mud-button-text-primary:hover .mud-button-icon-start,.mud-button-text.mud-button-text-primary:hover .mud-button-icon-end,.mud-button-text.mud-button-text-primary:hover .mud-icon-root,.mud-button-text.mud-button-outlined-secondary:hover .mud-button-icon-start,.mud-button-text.mud-button-outlined-secondary:hover .mud-button-icon-end,.mud-button-text.mud-button-outlined-secondary:hover .mud-icon-root,.mud-button-text.mud-button-text-secondary:hover .mud-button-icon-start,.mud-button-text.mud-button-text-secondary:hover .mud-button-icon-end,.mud-button-text.mud-button-text-secondary:hover .mud-icon-root,.mud-button-text.mud-button-outlined-tertiary:hover .mud-button-icon-start,.mud-button-text.mud-button-outlined-tertiary:hover .mud-button-icon-end,.mud-button-text.mud-button-outlined-tertiary:hover .mud-icon-root,.mud-button-text.mud-button-text-tertiary:hover .mud-button-icon-start,.mud-button-text.mud-button-text-tertiary:hover .mud-button-icon-end,.mud-button-text.mud-button-text-tertiary:hover .mud-icon-root{color:inherit}.admin-page{max-width:1600px;margin:0 auto;background-color:var(--mud-palette-background-grey);min-height:calc(100vh - 100px);padding:1.5rem;border-radius:4px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-header__left{display:flex;align-items:center}.admin-header__right{display:flex;gap:.5rem}.dashboard-stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:960px){.dashboard-stat-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-stat-cards{grid-template-columns:1fr}}.admin-page .mud-tabs .mud-tabs-toolbar,.admin-page .mud-tabs .mud-tabs-toolbar .mud-tabs-toolbar-content,.admin-page .mud-tabs .mud-tab{overflow:visible}.dashboard-stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:4px}.user-profile-header{display:flex;align-items:center;gap:1rem}.user-name-cell,.status-row{display:flex;align-items:center;gap:.5rem}.section-actions{display:flex;gap:.5rem;justify-content:flex-end}.section-actions--between{display:flex;justify-content:space-between;align-items:center}.section-header-row{display:flex;justify-content:space-between;align-items:center;width:100%}.reason-box{background-color:var(--mud-palette-background-grey);padding:.75rem;margin-top:.5rem}.reason-box--deny{background-color:var(--mud-palette-error-lighten);padding:.75rem;margin-top:.5rem}.truncated-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corner-accent,.program-access-card{position:relative}.corner-accent:before,.program-access-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(to right,var(--mud-palette-primary),transparent) top left/40% 2px no-repeat,linear-gradient(to bottom,var(--mud-palette-primary),transparent) top left/2px 40% no-repeat}.program-access-card .mud-expansion-panels{border-bottom:1px solid var(--mud-palette-lines-default, #e0e0e0)}.program-access-card .mud-expansion-panels:last-child{border-bottom:none}.program-panel{position:relative}.program-panel:after{content:"";position:absolute;bottom:0;left:0;width:40%;height:2px;background:linear-gradient(to right,var(--mud-palette-primary),transparent);border-radius:0 0 0 4px;pointer-events:none;z-index:1}.program-panel:before{content:"";position:absolute;bottom:0;left:0;width:2px;height:40%;background:linear-gradient(to top,var(--mud-palette-primary),transparent);border-radius:0 0 0 4px;pointer-events:none;z-index:1}.dd-bin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media(max-width:600px){.dd-bin-grid{grid-template-columns:1fr}}.dd-bin-card{position:relative}.dd-bin-card:before{content:"";position:absolute;top:0;right:0;width:40%;height:2px;background:linear-gradient(to left,var(--mud-palette-primary),transparent);border-radius:0 4px 0 0;pointer-events:none}.dd-bin-card:after{content:"";position:absolute;top:0;right:0;width:2px;height:40%;background:linear-gradient(to bottom,var(--mud-palette-primary),transparent);border-radius:0 4px 4px 0;pointer-events:none}.settings-page{max-width:1200px;margin:0 auto}.opacity-preview{margin-top:1rem;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-size:cover;background-image:url(/_content/CDPHE.HealthInformatics.Assets/backgrounds/PortalBackgroundDev.jpg);background-position:center;position:relative;min-height:80px;display:flex;align-items:center;justify-content:center}.opacity-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.opacity-preview .mud-typography{position:relative;z-index:1;font-weight:500}.background-preview{margin-top:1rem;border-radius:8px;border:1px solid #e0e0e0;background-size:cover;background-position:center;position:relative;min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden}.background-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hids-frosted-bg, rgba(255, 255, 255, .7));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.background-preview-overlay .mud-typography{font-weight:500}.menu-color-preview{margin-top:1rem;padding:1rem 1.5rem;border-radius:8px;border:1px solid #e0e0e0;min-height:48px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.settings-sync-bar{position:sticky;bottom:0;background-color:var(--hids-frosted-bg, rgba(255, 255, 255, .7));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:1rem 1.5rem;display:flex;gap:.75rem;align-items:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.gap-2{gap:.5rem}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;z-index:9999}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,102,204,.2);border-top-color:#06c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}