:root{--uaq-teal:#0797b2;--uaq-teal-dark:#067c94;--uaq-teal-soft:#e7f7f9;--uaq-brown:#a86f55;--uaq-brown-dark:#89553f;--uaq-brown-soft:#f7eee9;--bg:#f7f6f3;--surface:#fff;--surface-soft:#fbfaf8;--text:#172033;--muted:#788190;--border:#e8e6e1;--success:#2f956c;--success-soft:#e7f5ef;--danger:#c95c5c;--danger-soft:#fff0f0;--warning:#b98233;--warning-soft:#fff4df;--purple:#8369b6;--purple-soft:#f3effb;--shadow:0 8px 30px #19232d0f;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.brand-area{align-items:center;gap:13px;display:flex}.brand-mark{width:54px;height:54px;color:var(--uaq-teal);background:#fff;border:1.7px solid #a86f558c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.brand-mark span{letter-spacing:-1px;font-family:Georgia,serif;font-size:19px;font-weight:700}.brand-mark small{color:var(--uaq-brown);letter-spacing:1px;font-family:Georgia,serif;font-size:7px;position:absolute;bottom:4px}.brand-name{align-items:baseline;gap:7px;font-family:Georgia,serif;font-size:23px;display:flex}.brand-name strong{color:var(--uaq-teal)}.login-page-new{background:radial-gradient(circle at 12% 15%,#0797b21a,#0000 30%),radial-gradient(circle at 90% 90%,#a86f551c,#0000 30%),#f8f7f4;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex;position:relative;overflow:hidden}.login-decoration{pointer-events:none;border-radius:50%;position:absolute}.login-decoration-one{border:1px solid #0797b226;width:420px;height:420px;bottom:-180px;left:-170px}.login-decoration-two{border:1px solid #a86f552e;width:330px;height:330px;top:-110px;right:-100px}.login-card-new{border:1px solid var(--border);width:100%;max-width:430px;box-shadow:var(--shadow);z-index:2;background:#fffffff5;border-radius:22px;padding:38px;position:relative}.login-card-new .brand-area{margin-bottom:30px}.login-heading{margin-bottom:24px}.eyebrow{color:var(--uaq-brown);letter-spacing:2.2px;margin:0 0 8px;font-size:11px;font-weight:800}.login-heading h1{letter-spacing:-.8px;margin:0 0 8px;font-size:32px}.login-heading>p:last-child{color:var(--muted);margin:0;line-height:1.6}.login-footnote{text-align:center;color:var(--muted);margin:23px 0 0;font-size:12px}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:50;background:#fff;flex-direction:column;width:245px;min-width:245px;padding:23px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-nav{flex-direction:column;gap:6px;padding-top:21px;display:flex}.nav-item{color:#667080;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:13px;width:100%;padding:12px 14px;transition:background .2s,color .2s;display:flex}.nav-item:hover{color:var(--uaq-teal-dark);background:#f5f7f7}.nav-item-active{background:var(--uaq-teal-soft);color:var(--uaq-teal-dark);font-weight:700}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:20px}.sidebar-user{align-items:center;gap:10px;margin:0 6px 13px;display:flex}.sidebar-user>div:last-child,.topbar-profile>div:last-child{flex-direction:column;min-width:0;display:flex}.sidebar-user strong,.topbar-profile strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sidebar-user span,.topbar-profile span{color:var(--muted);text-transform:capitalize;font-size:11px}.avatar{background:var(--uaq-brown-soft);width:40px;height:40px;color:var(--uaq-brown-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia,serif;font-weight:700;display:flex}.avatar-small{width:37px;height:37px}.sidebar-logout{color:#7c5661;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;width:100%;padding:11px 13px;transition:all .2s;display:flex}.sidebar-logout:hover{color:#b44949;background:#fff2f2}.app-main{width:calc(100% - 245px);min-height:100vh;margin-left:245px}.topbar{border-bottom:1px solid var(--border);z-index:40;background:#fffffff5;align-items:center;height:78px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-title{flex-direction:column;display:flex}.topbar-title strong{color:var(--uaq-teal-dark);font-family:Georgia,serif;font-size:18px}.topbar-title span{color:var(--muted);font-size:11px}.topbar-profile{align-items:center;gap:10px;margin-left:auto;display:flex}.mobile-menu-button,.mobile-overlay{display:none}.content-area{max-width:1450px;margin:0 auto;padding:28px 30px 55px}.hero-card{border:1px solid var(--border);min-height:260px;box-shadow:var(--shadow);background:linear-gradient(100deg,#fff 0% 55%,#f4fbfc 100%);border-radius:20px;grid-template-columns:1.35fr .65fr;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:38px 42px}.hero-copy h1{letter-spacing:-1px;margin:0 0 9px;font-family:Georgia,serif;font-size:clamp(31px,4vw,47px)}.role-label{color:var(--uaq-brown);letter-spacing:4px;margin-bottom:18px;font-size:11px;font-weight:800}.hero-description{color:#5e6875;max-width:540px;font-size:15px;line-height:1.7}.hero-line{background:var(--uaq-brown);border-radius:5px;width:58px;height:3px;margin:20px 0}.hero-quote{color:var(--uaq-brown-dark);margin:0;font-family:Georgia,serif;font-size:16px;font-style:italic}.hero-art{background:linear-gradient(135deg,#0797b212,#a86f5517);justify-content:center;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}.art-circle{border-radius:50%;position:absolute}.art-circle-one{border:45px solid #0797b21f;width:300px;height:300px;bottom:-105px;right:-65px}.art-circle-two{border:1px solid #a86f554d;width:260px;height:260px;top:-75px;left:-45px}.hero-logo{z-index:2;background:#ffffffb8;border:2px solid #a86f5573;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.hero-logo strong{color:var(--uaq-teal);letter-spacing:-5px;font-family:Georgia,serif;font-size:47px}.hero-logo span{color:var(--uaq-brown);letter-spacing:5px;margin-top:-4px;font-family:Georgia,serif}.hero-art>p{color:var(--uaq-brown-dark);letter-spacing:4px;z-index:2;margin-left:28px;font-size:10px;line-height:2.5}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:17px;display:grid}.stat-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:14px;padding:18px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 4px 18px #1e283209}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-teal{background:linear-gradient(135deg,#fff 30%,#effafb)}.stat-brown{background:linear-gradient(135deg,#fff 30%,#faf2ed)}.stat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-teal .stat-icon{color:var(--uaq-teal);background:#dff5f7}.stat-brown .stat-icon{color:var(--uaq-brown-dark);background:#f3e5dd}.stat-content{flex-direction:column;min-width:0;display:flex}.stat-content strong{margin:4px 0;font-family:Georgia,serif;font-size:28px;line-height:1.15}.stat-content small{color:var(--muted);font-size:11px}.stat-arrow{border:1px solid var(--border);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;margin-left:auto;display:flex}.stat-teal .stat-arrow{color:var(--uaq-teal)}.stat-brown .stat-arrow{color:var(--uaq-brown)}.dashboard-bottom-grid{grid-template-columns:1.25fr .75fr;gap:17px;margin-top:17px;display:grid}.panel-card{border:1px solid var(--border);background:#fff;border-radius:17px;padding:22px;box-shadow:0 4px 18px #1e283209}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel-heading>div:first-child{align-items:flex-start;gap:12px;display:flex}.panel-heading h2{margin:0;font-family:Georgia,serif;font-size:20px}.panel-heading p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.panel-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.teal-icon{color:var(--uaq-teal);background:var(--uaq-teal-soft)}.brown-icon{color:var(--uaq-brown);background:var(--uaq-brown-soft)}.text-button{color:var(--uaq-teal);background:0 0;border:none;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.brown-text{color:var(--uaq-brown)}.safety-banner{background:linear-gradient(110deg,#edf9fa,#faf5f1);border-radius:14px;align-items:center;gap:20px;margin-top:22px;padding:20px;display:flex}.safety-banner strong{font-family:Georgia,serif;font-size:17px}.safety-banner p{color:var(--muted);margin:6px 0 0;font-size:12px}.safety-mark{color:#0797b240;margin-left:auto;font-family:Georgia,serif;font-size:38px;font-weight:700}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.quick-actions button{border:1px solid var(--border);color:#52606f;background:#fafafa;border-radius:12px;align-items:center;gap:9px;padding:13px;font-weight:700;display:flex}.quick-actions button:first-child{background:var(--uaq-teal-soft);color:var(--uaq-teal-dark)}.quick-actions button:last-child{background:var(--uaq-brown-soft);color:var(--uaq-brown-dark)}.page-title-row{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:22px;display:flex}.page-title-row h1{margin:0;font-family:Georgia,serif;font-size:34px}.page-description{color:var(--muted);margin:7px 0 0;font-size:13px}.primary-button{background:var(--uaq-teal);color:#fff;border:none;border-radius:10px;padding:11px 17px;font-weight:700;transition:all .18s}.primary-button:hover{background:var(--uaq-teal-dark)}.full-button{width:100%;margin-top:6px}.secondary-button{border:1px solid var(--border);color:#59636f;background:#fff;border-radius:10px;padding:10px 15px;font-weight:700}.outline-button{background:0 0;border-radius:9px;padding:9px 13px;font-weight:700}.teal-outline{color:var(--uaq-teal-dark);border:1px solid #0797b261}.brown-outline{color:var(--uaq-brown-dark);border:1px solid #a86f5561}.small-add-button{color:var(--uaq-teal);background:var(--uaq-teal-soft);border:none;border-radius:8px;margin-top:8px;padding:9px 12px;font-weight:700}.remove-button{color:#a94b4b;background:#fff4f4;border:1px solid #efd0d0;border-radius:8px;padding:8px 10px}.form-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:17px;margin-bottom:22px;padding:24px}.form-card h2{margin:0 0 20px;font-family:Georgia,serif}.form-card-title{justify-content:space-between;display:flex}.modern-form{flex-direction:column;display:flex}.modern-form label,.filter-card label{color:#525d6c;margin-bottom:6px;font-size:12px;font-weight:750}.modern-form input,.modern-form select,.modern-form textarea,.filter-card input,.filter-card select{width:100%;color:var(--text);background:#fff;border:1px solid #dfe2e5;border-radius:10px;outline:none;padding:11px 12px;transition:border-color .18s,box-shadow .18s}.modern-form input,.modern-form select,.modern-form textarea{margin-bottom:15px}.modern-form input:focus,.modern-form select:focus,.modern-form textarea:focus,.filter-card input:focus,.filter-card select:focus{border-color:var(--uaq-teal);box-shadow:0 0 0 3px #0797b21a}.form-grid{grid-template-columns:1fr 1fr;gap:0 17px;display:grid}.field-full{grid-column:1/-1}.form-buttons{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.approval-hint{background:var(--warning-soft);color:#8b642c;border-radius:10px;margin-bottom:17px;padding:12px 14px;font-size:12px;font-weight:600}.time-entry{align-items:flex-start;gap:9px;display:flex}.time-entry input{max-width:250px}.card-list{flex-direction:column;gap:12px;display:flex}.resident-card,.medication-card{border:1px solid var(--border);background:#fff;border-radius:15px;align-items:center;gap:17px;padding:18px;display:flex;box-shadow:0 3px 15px #1e283206}.resident-avatar{background:var(--uaq-teal-soft);width:55px;height:55px;color:var(--uaq-teal);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:24px;font-weight:700;display:flex}.resident-info,.medication-content{flex:1}.resident-info h3,.medication-content h3{margin:0 0 11px;font-size:17px}.detail-grid{flex-wrap:wrap;gap:18px 30px;display:flex}.detail-grid>span{flex-direction:column;font-size:12px;font-weight:650;display:flex}.detail-grid small{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:2px;font-size:10px}.card-actions{gap:8px;display:flex}.medication-symbol{background:var(--uaq-brown-soft);width:55px;height:55px;color:var(--uaq-brown);border-radius:15px;justify-content:center;align-items:center;display:flex}.instruction-note{color:#6c7681;background:#f8f8f6;border-radius:8px;margin:13px 0 0;padding:9px 11px;font-size:12px}.notice-box,.error-box{border-radius:10px;margin-bottom:17px;padding:12px 14px;font-size:13px}.notice-box{background:var(--uaq-teal-soft);color:var(--uaq-teal-dark);border:1px solid #c9ebef}.error-box{background:var(--danger-soft);color:#a74646;border:1px solid #f0caca}.empty-state{text-align:center;color:var(--muted);background:#fff;border:1px dashed #d8d9d7;border-radius:14px;padding:40px 20px}.schedule-table-card{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 15px #1e283206}.schedule-header,.schedule-row{grid-template-columns:90px minmax(150px,1.1fr) minmax(170px,1.2fr) 120px minmax(260px,1.4fr);align-items:center;gap:15px;display:grid}.schedule-header{color:var(--muted);text-transform:uppercase;letter-spacing:.9px;background:#f7f7f5;padding:12px 18px;font-size:10px;font-weight:800}.schedule-row{border-top:1px solid var(--border);padding:17px 18px}.schedule-row strong{font-size:13px}.schedule-row small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.schedule-time{color:#3b4655;font-weight:800}.mar-badge,.request-status{letter-spacing:.4px;border-radius:999px;width:fit-content;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.mar-given{background:var(--success-soft);color:var(--success)}.mar-refused{background:var(--danger-soft);color:var(--danger)}.mar-held{background:var(--warning-soft);color:var(--warning)}.mar-missed{background:var(--purple-soft);color:var(--purple)}.mar-upcoming{background:var(--uaq-teal-soft);color:var(--uaq-teal)}.dose-actions{flex-wrap:wrap;gap:6px;display:flex}.dose-button{border:none;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:750}.dose-given{background:var(--success-soft);color:var(--success)}.dose-refused{background:var(--danger-soft);color:var(--danger)}.dose-held{background:var(--warning-soft);color:var(--warning)}.dose-missed{background:var(--purple-soft);color:var(--purple)}.recorded-info{flex-direction:column;display:flex}.filter-card{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:1fr 180px 180px auto;align-items:end;gap:12px;margin-bottom:16px;padding:15px;display:grid}.filter-card>div{flex-direction:column;display:flex}.records-list{flex-direction:column;gap:10px;display:flex}.record-card{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:120px 1fr 1fr auto;align-items:center;gap:20px;padding:17px;display:grid}.record-date-box{border-right:1px solid var(--border);flex-direction:column;gap:5px;padding-right:15px;display:flex}.record-date-box span{color:var(--muted);font-size:11px}.record-date-box strong{font-size:17px}.record-main h3{margin:0 0 3px;font-size:15px}.record-main p,.record-meta p{color:var(--muted);margin:3px 0 8px;font-size:11px}.record-main>strong{font-size:12px}.record-meta{flex-direction:column;font-size:11px;display:flex}.record-meta small,.record-meta span{color:var(--muted)}.request-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.request-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:19px;box-shadow:0 3px 15px #1e283206}.request-top{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.request-top h3{margin:10px 0 0;font-size:17px}.request-date{color:var(--muted);font-size:10px}.status-pending{background:var(--warning-soft);color:var(--warning)}.status-approved{background:var(--success-soft);color:var(--success)}.status-rejected{background:var(--danger-soft);color:var(--danger)}.request-card>p{color:#65707c;font-size:12px}.requested-data{background:#f9f9f7;border-radius:10px;margin-top:14px;padding:13px}.requested-data>strong{font-size:12px}.data-row{border-bottom:1px solid #ecece9;grid-template-columns:140px 1fr;gap:10px;padding:7px 0;font-size:11px;display:grid}.data-row:last-child{border-bottom:none}.data-row span{color:var(--muted);text-transform:capitalize}.request-note{border-radius:10px;margin-top:14px;padding:12px 13px;font-size:12px}.pending-note{background:var(--warning-soft);color:#84602b}.approved-note{background:var(--success-soft);color:#327e5e}.rejected-note{background:var(--danger-soft);color:#9f4545}.rejected-note p{margin:6px 0 0}.reviewed-date{color:var(--muted);margin-top:11px;display:block}.approval-buttons{gap:9px;margin-top:15px;display:flex}.approve-button,.reject-button{border:none;border-radius:9px;padding:9px 14px;font-weight:750}.approve-button{background:var(--success);color:#fff}.reject-button{background:var(--danger-soft);color:var(--danger)}.app-loading{width:100vw;height:100vh;color:var(--uaq-teal);background:#f8f7f4;place-items:center;font-weight:800;display:grid}@media (width<=1100px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-bottom-grid{grid-template-columns:1fr}.schedule-header,.schedule-row{grid-template-columns:80px 1fr 1fr 100px}.schedule-header span:last-child{display:none}.schedule-row>div:last-child{grid-column:2/-1}.record-card{grid-template-columns:100px 1fr auto}.record-meta{grid-column:2}}@media (width<=760px){.sidebar{transition:transform .25s;transform:translate(-105%);box-shadow:15px 0 40px #00000014}.sidebar-open{transform:translate(0)}.mobile-overlay{z-index:45;background:#181f264d;border:none;display:block;position:fixed;inset:0}.app-main{width:100%;margin-left:0}.topbar{height:68px;padding:0 16px}.mobile-menu-button{border:1px solid var(--border);width:40px;height:40px;color:var(--uaq-teal-dark);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:flex}.topbar-title span,.topbar-profile>div:last-child{display:none}.content-area{padding:18px 14px 40px}.hero-card{grid-template-columns:1fr}.hero-copy{padding:27px 23px}.hero-copy h1{font-size:32px}.hero-art{min-height:170px}.hero-logo{width:110px;height:110px}.hero-logo strong{font-size:35px}.hero-art>p{margin-left:18px;font-size:8px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-icon{width:43px;height:43px}.stat-content>span{font-size:11px}.stat-content strong{font-size:23px}.stat-content small,.stat-arrow{display:none}.panel-heading{flex-direction:column}.quick-actions{grid-template-columns:1fr}.page-title-row{flex-direction:column;margin-bottom:17px}.page-title-row h1{font-size:28px}.page-title-row>button{width:100%}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.form-buttons{flex-direction:column-reverse}.form-buttons button{width:100%}.resident-card,.medication-card{flex-wrap:wrap;align-items:flex-start}.resident-info,.medication-content{width:calc(100% - 75px)}.card-actions{width:100%}.card-actions button,.medication-card>button{flex:1}.detail-grid{gap:10px 20px}.schedule-header{display:none}.schedule-row{grid-template-columns:75px 1fr;gap:10px;padding:15px;display:grid}.schedule-row>div:nth-child(3),.schedule-row>div:nth-child(4),.schedule-row>div:nth-child(5){grid-column:2}.filter-card{grid-template-columns:1fr}.record-card{grid-template-columns:80px 1fr;gap:12px}.record-meta,.record-card>.mar-badge{grid-column:2}.request-list{grid-template-columns:1fr}.data-row{grid-template-columns:115px 1fr}}@media (width<=430px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:82px}.stat-content small,.stat-arrow{display:flex}.login-card-new{padding:28px 22px}.brand-name{font-size:20px}.hero-art>p{display:none}.dose-actions{grid-template-columns:1fr 1fr;display:grid}.dose-button{padding:9px}}.hero-card .hero-art{display:none}.hero-card .hero-copy{z-index:2;max-width:720px;position:relative}.hero-card .hero-copy h1,.hero-card .hero-copy p,.hero-card .hero-copy .role-label,.hero-card .hero-copy .eyebrow{text-shadow:0 1px 3px #ffffffd9}.video-hero{background-color:#f7f5f2;border-radius:24px;min-height:395px;position:relative;overflow:hidden;background-image:none!important}.hero-video{object-fit:cover;object-position:center center;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-video-overlay{z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff9 0%,#ffffff6b 25%,#fff3 48%,#ffffff14 68%,#fff0 100%);position:absolute;inset:0}.video-hero{position:relative}.hero-sound-button{color:#8a563f;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:999px;justify-content:center;align-items:center;padding:11px 17px;font-size:13px;font-weight:800;box-shadow:0 6px 20px #00000026;z-index:999!important;opacity:1!important;visibility:visible!important;display:flex!important;position:absolute!important;bottom:22px!important;right:22px!important}@media (width<=768px){.mar-entry-row{box-sizing:border-box!important;grid-template-columns:72px minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important;width:100%!important;padding:14px 12px!important}.mar-entry-row>div:first-child{grid-area:1/1;min-width:0}.mar-entry-row>div:nth-child(2){overflow-wrap:anywhere;grid-area:1/2;min-width:0}.mar-entry-row>div:nth-child(3){grid-area:2/1/auto/-1;min-width:0;margin-top:4px}.mar-entry-row>div:nth-child(4){grid-area:1/3;justify-self:end;min-width:max-content;align-items:flex-end!important}.mar-entry-row .mar-badge{white-space:nowrap}}.family-admin-page{color:#173b40;width:100%;max-width:1040px;margin:0 auto;padding:10px 2px 42px}.family-admin-loading{color:#667b7e;place-items:center;min-height:280px;font-weight:700;display:grid}.family-admin-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.family-admin-eyebrow{color:#0097a4;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900;line-height:1;display:block}.family-admin-header h1,.composer-heading h2,.published-heading h2{color:#173b40;letter-spacing:-.025em;margin:0;font-weight:900}.family-admin-header h1{font-size:clamp(28px,3vw,38px)}.family-admin-header p{color:#6b7f82;margin:8px 0 0;font-size:14px}.storage-card,.announcement-composer-card,.published-announcement-card,.published-empty{background:#ffffffeb;border:1px solid #e2d9d2;box-shadow:0 14px 34px #2c464912}.storage-card{border-radius:20px;margin-bottom:18px;padding:19px 20px}.storage-card-top,.storage-card-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.storage-card-top>div{flex-direction:column;gap:3px;display:flex}.storage-label{color:#6f8184;font-size:12px}.storage-card-top strong{color:#173b40;font-size:14px}.storage-status{color:#0c7f87;text-align:center;background:#e4f8f7;border-radius:999px;min-width:120px;padding:7px 10px;font-size:12px;font-weight:800}.storage-status.warning{color:#9a6d00;background:#fff5db}.storage-status.danger,.storage-status.critical{color:#b34b43;background:#fff0ee}.storage-progress{background:#ede8e4;border-radius:999px;height:10px;margin:14px 0 11px;overflow:hidden}.storage-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#1bc0c7,#079ba4);min-width:0;height:100%;transition:width .25s}.storage-card.warning .storage-progress-fill{background:#e8b53b}.storage-card.danger .storage-progress-fill,.storage-card.critical .storage-progress-fill{background:#d9685e}.storage-card-bottom{color:#6d7e81;font-size:12px}.family-admin-message{border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:700}.family-admin-message.error{color:#a64239;background:#fff4f2;border:1px solid #f1c6c1}.family-admin-message.success{color:#18745f;background:#effbf7;border:1px solid #bfe9de}.announcement-composer-card{border-radius:22px;margin-bottom:28px;padding:22px}.composer-heading,.published-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.composer-heading{margin-bottom:18px}.composer-heading h2,.published-heading h2{font-size:24px}.announcement-form{gap:16px;display:grid}.announcement-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.announcement-field{gap:7px;display:grid}.announcement-field>span{color:#314f53;font-size:12px;font-weight:800}.announcement-field input,.announcement-field select,.announcement-field textarea{box-sizing:border-box;color:#173b40;width:100%;font:inherit;background:#fffdfb;border:1px solid #ded4cd;border-radius:13px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.announcement-field input,.announcement-field select{min-height:44px;padding:0 13px}.announcement-field textarea{resize:vertical;min-height:116px;padding:12px 13px}.announcement-field input:focus,.announcement-field select:focus,.announcement-field textarea:focus{background:#fff;border-color:#36bdc4;box-shadow:0 0 0 3px #19bfc61f}.media-upload-block{background:#fdfaf8;border:1px dashed #d8c9c0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;min-height:92px;padding:16px 18px;display:flex}.media-upload-copy strong{color:#173b40;margin-bottom:4px;font-size:13px;display:block}.media-upload-copy p{color:#77888a;margin:0;font-size:12px}.media-upload-button,.publish-family-button,.refresh-announcements-button,.remove-selected-media,.media-management button,.edit-announcement-button,.delete-announcement-button{font:inherit;cursor:pointer;border:0;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s}.media-upload-button{color:#fff;background:linear-gradient(135deg,#0ca8b3,#0593a0);border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:0 15px;font-size:12px;display:inline-flex;box-shadow:0 8px 18px #0593a02e}.media-upload-button:hover,.publish-family-button:hover,.refresh-announcements-button:hover,.media-management button:hover,.remove-selected-media:hover{transform:translateY(-1px)}.media-upload-button:has(input:disabled){opacity:.45;cursor:not-allowed}.media-preview-card{background:#fff;border:1px solid #e1d8d1;border-radius:16px;padding:14px}.media-preview-head,.media-details-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.media-preview-head{margin-bottom:12px}.media-preview-head>div,.media-details-row>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.media-preview-head strong,.media-details-row strong{color:#203f43;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.media-preview-head span,.media-details-row span{color:#77888a;font-size:11px}.remove-selected-media{color:#a64a42;background:#fff2f0;border-radius:10px;padding:8px 11px}.media-preview,.published-media-preview{object-fit:contain;background:#0d0f10;border-radius:14px;width:auto;max-width:100%;height:auto;margin-inline:auto;display:block}.media-preview{max-height:390px}.publish-family-button{color:#fff;background:linear-gradient(135deg,#13b8c3,#078e9a);border-radius:13px;width:100%;min-height:46px;box-shadow:0 10px 24px #078e9a2e}.publish-family-button:disabled{opacity:.55;cursor:wait;transform:none}.published-announcements-section{gap:14px;display:grid}.published-heading{margin-bottom:2px}.refresh-announcements-button{color:#167c83;background:#f2fbfb;border:1px solid #cde5e5;border-radius:11px;min-height:38px;padding:0 13px;font-size:12px}.published-announcements-list{gap:14px;display:grid}.published-announcement-card{border-radius:18px;overflow:hidden}.published-announcement-content{padding:18px}.published-meta-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.announcement-type-badge{color:#078591;letter-spacing:.05em;text-transform:uppercase;background:#e5f8f8;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:10px;font-weight:900;display:inline-flex}.announcement-type-badge.event{color:#ae6a10;background:#fff2df}.announcement-type-badge.important{color:#b24d44;background:#fff0ee}.published-date{color:#7b8b8e;font-size:11px}.published-announcement-content h3{color:#173b40;margin:0 0 6px;font-size:18px;font-weight:900}.published-announcement-content>p{color:#61767a;margin:0;font-size:13px;line-height:1.65}.published-media-block{border-top:1px solid #eee8e3;margin-top:14px;padding-top:14px}.published-media-preview{max-width:680px;max-height:460px}.media-details-row{margin-top:11px}.media-management{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.media-management button{color:#177f86;background:#eef9f9;border-radius:10px;min-height:36px;padding:0 11px;font-size:11px}.remove-media-button{color:#a64a42!important;background:#fff2f0!important}.backup-badge{background:#eefaf6;border-radius:999px;align-items:center;min-height:30px;padding:0 9px;font-weight:800;display:inline-flex;color:#258168!important}.media-unavailable{color:#7b8889;text-align:center;background:#f7f4f1;border-radius:12px;padding:24px;font-size:12px}.published-empty{color:#778789;text-align:center;border-radius:18px;padding:28px}.published-announcement-content>button{vertical-align:middle;margin-right:8px}@media (width<=760px){.family-admin-page{padding-inline:0}.announcement-form-grid{grid-template-columns:1fr}.media-upload-block,.storage-card-top,.storage-card-bottom,.published-heading,.media-details-row{flex-direction:column;align-items:stretch}.media-upload-button,.refresh-announcements-button{width:100%}.published-media-preview,.media-preview{width:100%;max-height:420px}.media-management{justify-content:flex-start}}.family-updates-page{color:#17383d;width:100%;max-width:1120px;margin:0 auto;padding-bottom:48px}.family-updates-header{margin-bottom:22px}.family-updates-eyebrow,.family-updates-section-heading>span,.family-updates-feed-header>div>span{color:#0397a7;letter-spacing:.16em;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.family-updates-header h1,.family-updates-section-heading h2,.family-updates-feed-header h2{color:#17363b;margin:0}.family-updates-header h1{font-size:clamp(30px,4vw,42px)}.family-updates-header p{color:#6e8185;max-width:680px;margin:10px 0 0;line-height:1.65}.family-media-storage-card{background:linear-gradient(135deg,#f8fdfc 0%,#fff 100%);border:1px solid #d5e6e3;border-radius:18px;margin-bottom:22px;padding:18px 20px;box-shadow:0 12px 26px #214d4c0f}.family-media-storage-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.family-media-storage-top>div{gap:4px;display:grid}.family-media-storage-top span{color:#5f7c80;letter-spacing:.12em;font-size:11px;font-weight:900}.family-media-storage-top strong{color:#17383d}.family-media-storage-track{background:#e5efed;border-radius:999px;height:10px;margin-top:14px;overflow:hidden}.family-media-storage-fill{border-radius:inherit;background:linear-gradient(90deg,#18b8bb 0%,#0797a8 100%);min-width:0;height:100%;transition:width .25s}.storage-warning .family-media-storage-fill{background:linear-gradient(90deg,#eab74d 0%,#d99a24 100%)}.storage-danger .family-media-storage-fill,.storage-critical .family-media-storage-fill{background:linear-gradient(90deg,#df745f 0%,#c7483f 100%)}.family-media-storage-breakdown{flex-wrap:wrap;gap:10px 22px;margin-top:13px;display:flex}.family-media-storage-breakdown span{color:#6b8083;font-size:12px}.family-media-storage-breakdown strong{color:#17383d;margin-left:7px}.family-media-storage-card p{color:#63787b;margin:11px 0 0;font-size:13px;line-height:1.5}.family-media-storage-card small{color:#8a999b;margin-top:7px;line-height:1.45;display:block}.family-updates-warning{color:#704b1f;background:linear-gradient(135deg,#fff8ec 0%,#fffdf8 100%);border:1px solid #f1cf9e;border-radius:18px;margin-bottom:22px;padding:18px 20px}.family-updates-warning strong{margin-bottom:7px;display:block}.family-updates-warning p{margin:0;line-height:1.6}.family-updates-warning span{margin-top:8px;font-weight:800;display:block}.family-updates-error,.family-updates-success{border-radius:14px;margin-bottom:18px;padding:14px 16px;font-weight:700}.family-updates-error{color:#a64139;background:#fff2f1;border:1px solid #efb7b2}.family-updates-success{color:#16755e;background:#effbf7;border:1px solid #afe4d5}.family-updates-composer,.family-update-card,.family-updates-empty{background:#fffffffa;border:1px solid #d9e5e3;border-radius:22px;box-shadow:0 16px 35px #214d4c14}.family-updates-composer{padding:24px}.family-updates-section-heading{margin-bottom:20px}.family-updates-form{gap:18px;display:grid}.family-updates-form-grid{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:16px;display:grid}.family-update-field{gap:8px;display:grid}.family-update-field label{color:#274a4f;font-size:13px;font-weight:800}.optional-label{color:#91a0a2;margin-left:8px;font-size:11px;font-weight:700}.family-update-field input,.family-update-field select,.family-update-field textarea{box-sizing:border-box;color:#17383d;width:100%;font:inherit;background:#fff;border:1px solid #d4dfdd;border-radius:13px;outline:none}.family-update-field input,.family-update-field select{min-height:46px;padding:0 14px}.family-update-field textarea{resize:vertical;min-height:118px;padding:13px 14px;line-height:1.55}.family-update-field input:focus,.family-update-field select:focus,.family-update-field textarea:focus{border-color:#18aebe;box-shadow:0 0 0 3px #18aebe1c}.family-update-upload-box{background:linear-gradient(135deg,#f5fcfb 0%,#fbfefe 100%);border:1px dashed #acd6d5;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:116px;display:flex}.family-update-upload-button,.family-update-publish-button{color:#fff;cursor:pointer;background:#0ba4b6;border:0;border-radius:12px;font-weight:900}.family-update-upload-button{padding:11px 16px}.family-update-upload-button.upload-disabled{cursor:not-allowed;opacity:.8;background:#9dafb1}.family-update-upload-box small{color:#839497}.family-update-selected-media{background:#f8fcfb;border:1px solid #d6e6e4;border-radius:16px;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.family-update-selected-media img,.family-update-selected-media video{object-fit:contain;background:#0d2023;border-radius:12px;width:100%;height:120px;display:block}.family-update-selected-media strong,.family-update-selected-media span{display:block}.family-update-selected-media strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.family-update-selected-media span{color:#839396;margin-top:5px;font-size:12px}.family-update-selected-media button{color:#a24740;cursor:pointer;background:#fff4f3;border:1px solid #e8b9b5;border-radius:10px;padding:9px 12px;font-weight:800}.family-update-publish-button{width:100%;min-height:48px}.family-updates-feed{margin-top:30px}.family-updates-feed-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:15px;display:flex}.family-updates-feed-header button{color:#157f8c;cursor:pointer;background:#fff;border:1px solid #c9dcda;border-radius:11px;padding:9px 13px;font-weight:800}.family-updates-empty{text-align:center;color:#829194;padding:28px}.family-updates-list{gap:16px;display:grid}.family-update-card{padding:20px}.family-update-card-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.family-update-type{color:#008d99;letter-spacing:.08em;background:#ddf7f5;border-radius:999px;margin-bottom:8px;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex}.family-update-card h3{color:#17383d;margin:0;font-size:20px}.family-update-card time{color:#87979a;flex:none;font-size:12px}.family-update-patient{color:#0b93a1;margin-top:9px;font-size:13px;font-weight:800}.family-update-message{color:#5d7276;margin:12px 0 0;line-height:1.65}.family-update-media-stage{background:linear-gradient(135deg,#e4f9f7 0%,#cef3f1 48%,#eafaf9 100%);border:1px solid #cfe7e5;border-radius:18px;justify-content:center;align-items:center;min-height:220px;margin-top:17px;padding:18px;display:flex;overflow:hidden}.family-update-media-stage img,.family-update-media-stage video{object-fit:contain;background:#0a1f22;border-radius:14px;max-width:100%;max-height:380px;display:block;box-shadow:0 12px 30px #18424429}.family-update-file-info{color:#8a999b;justify-content:space-between;gap:12px;margin-top:9px;font-size:11px;display:flex}.family-update-media-actions{border-top:1px solid #e5eceb;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:14px;display:flex}.family-update-media-actions span{color:#88979a;font-size:11px}.family-update-remove-media-button{color:#a24640;cursor:pointer;background:#fff4f3;border:1px solid #e6bbb7;border-radius:10px;flex:none;min-height:38px;padding:8px 12px;font-weight:800}.family-update-remove-media-button:disabled{cursor:wait;opacity:.65}.family-updates-loading{text-align:center;color:#718487;padding:40px 0}@media (width<=760px){.family-media-storage-top,.family-update-media-actions{flex-direction:column;align-items:flex-start}.family-media-storage-breakdown{gap:7px;display:grid}.family-update-remove-media-button{width:100%}.family-updates-form-grid{grid-template-columns:1fr}.family-updates-composer{border-radius:18px;padding:18px}.family-update-selected-media{grid-template-columns:1fr}.family-update-selected-media img,.family-update-selected-media video{height:210px}.family-update-selected-media button{width:100%}.family-updates-feed-header{align-items:flex-start}.family-update-card{border-radius:18px;padding:16px}.family-update-card-top{gap:10px}.family-update-card time{text-align:right;max-width:112px}.family-update-media-stage{min-height:180px;padding:12px}.family-update-media-stage img,.family-update-media-stage video{max-height:300px}}.family-update-delete-row{border-top:1px solid #eee8e3;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.family-update-delete-button{color:#a44640;cursor:pointer;background:#fff2f1;border:1px solid #e8b5b1;border-radius:11px;min-height:38px;padding:0 13px;font-weight:900}.family-update-delete-button:hover{background:#ffe9e7}.family-update-delete-button:disabled{opacity:.6;cursor:wait}.family-update-delete-row span{color:#8a999b;text-align:right;font-size:11px}@media (width<=640px){.family-update-delete-row{flex-direction:column;align-items:stretch}.family-update-delete-row span{text-align:left}}.family-audience-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.family-audience-option{color:#52615f;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e1df;border-radius:15px;padding:11px 16px;font-size:14px;font-weight:700;transition:all .18s}.family-audience-option:hover{border-color:#159b9f;transform:translateY(-1px)}.family-audience-option.active{color:#fff;background:linear-gradient(135deg,#0b969d,#32aaa3);border-color:#0b969d;box-shadow:0 8px 20px #0b969d2e}.family-audience-option.all-active{color:#fff;background:linear-gradient(135deg,#8a5b43,#b47b59);border-color:#9d674a;box-shadow:0 8px 20px #8a5b4333}.family-all-families-warning{color:#654735;background:linear-gradient(135deg,#fff7ebf5,#f8f3ebeb);border:1px solid #a66e4a3d;border-radius:17px;flex-direction:column;gap:4px;padding:15px 17px;display:flex}.family-all-families-warning strong{font-size:14px}.family-all-families-warning span{color:#806a5c;font-size:13px;line-height:1.45}@media (width<=640px){.family-audience-selector{grid-template-columns:1fr}}.family-update-admin-actions{border-top:1px solid #eee8e3;justify-content:flex-start;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.family-update-admin-actions>span{color:#8a999b;margin-left:auto;font-size:11px}.family-update-edit-button,.family-update-edit-save-button,.family-update-edit-cancel-button{cursor:pointer;border-radius:11px;min-height:38px;padding:0 13px;font-weight:900}.family-update-edit-button,.family-update-edit-save-button{color:#0a7f86;background:#edfafa;border:1px solid #9dd8d5}.family-update-edit-button:hover,.family-update-edit-save-button:hover{background:#dff6f5}.family-update-edit-cancel-button{color:#607477;background:#fff;border:1px solid #d6dfdd}.family-update-edit-panel{background:linear-gradient(135deg,#f8fcfb 0%,#fff 100%);border:1px solid #cfe2df;border-radius:16px;gap:14px;margin-top:14px;padding:16px;display:grid}.family-update-edit-grid{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:14px;display:grid}.family-update-edit-actions{gap:10px;display:flex}.family-update-edit-button:disabled,.family-update-edit-save-button:disabled,.family-update-edit-cancel-button:disabled{opacity:.6;cursor:wait}@media (width<=640px){.family-update-admin-actions,.family-update-edit-actions{flex-direction:column;align-items:stretch}.family-update-admin-actions>span{margin-left:0}.family-update-edit-grid{grid-template-columns:1fr}.family-update-edit-button,.family-update-edit-save-button,.family-update-edit-cancel-button,.family-update-delete-button{width:100%}}.family-viewer-page{color:#17383d;width:100%;max-width:1320px;margin:0 auto;padding-bottom:48px}.family-viewer-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.family-viewer-header>div:first-child>span,.family-directory-top span,.family-preview-hero span,.family-preview-section-title>span{color:#0697a7;letter-spacing:.14em;font-size:11px;font-weight:900}.family-viewer-header h1,.family-directory-top h2,.family-preview-hero h2,.family-preview-section-title h3{color:#17383d;margin:4px 0 0}.family-viewer-header h1{font-size:clamp(30px,4vw,42px)}.family-viewer-header p{color:#6e8185;max-width:720px;margin:9px 0 0;line-height:1.6}.family-viewer-count{color:#087f88;background:#f7fdfc;border:1px solid #cce7e4;border-radius:13px;flex:none;padding:10px 13px;font-size:12px;font-weight:900}.family-viewer-error{color:#a64139;background:#fff2f1;border:1px solid #efb7b2;border-radius:14px;margin-bottom:16px;padding:13px 15px;font-weight:700}.family-viewer-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:20px;display:grid}.family-directory-panel,.family-preview-panel{background:#fffffffa;border:1px solid #d6e6e4;border-radius:22px;box-shadow:0 16px 35px #214d4c14}.family-directory-panel{position:sticky;top:20px;overflow:hidden}.family-directory-top{background:linear-gradient(145deg,#f0fbfa,#fff);border-bottom:1px solid #e6efed;padding:20px}.family-directory-top input{box-sizing:border-box;border:1px solid #cfdfdd;border-radius:12px;outline:none;width:100%;min-height:42px;margin-top:14px;padding:0 12px}.family-directory-top input:focus{border-color:#18aebe;box-shadow:0 0 0 3px #18aebe1a}.family-directory-list{gap:8px;max-height:68vh;padding:10px;display:grid;overflow:auto}.family-directory-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.family-directory-card:hover,.family-directory-card.active{background:#effaf9;border-color:#c7e9e6}.family-directory-avatar,.family-preview-avatar{color:#fff;background:linear-gradient(145deg,#3bc9c9,#078994);place-items:center;font-weight:900;display:grid}.family-directory-avatar{border-radius:13px;width:42px;height:42px}.family-directory-copy{min-width:0}.family-directory-copy strong,.family-directory-copy span,.family-directory-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.family-directory-copy strong{font-size:13px}.family-directory-copy span{color:#5e7478;margin-top:3px;font-size:12px}.family-directory-copy small{color:#93a0a2;margin-top:3px;font-size:10px}.family-directory-status{text-transform:uppercase;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:900}.family-directory-status.active{color:#26775f;background:#e7f8f2}.family-directory-status.inactive{color:#8f7b72;background:#f4f1ef}.family-directory-empty,.family-preview-placeholder,.family-preview-empty{color:#829194;text-align:center}.family-directory-empty{padding:24px 12px}.family-preview-panel{min-height:620px;padding:22px}.family-preview-placeholder{place-items:center;min-height:520px;display:grid}.family-preview-hero{background:linear-gradient(135deg,#e6faf8,#f7fdfc 58%,#e8f7f6);border-radius:19px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;padding:20px;display:grid}.family-preview-avatar{border-radius:18px;width:58px;height:58px}.family-preview-hero p{color:#6b8083;margin:5px 0 0}.family-preview-contact{text-align:right;gap:3px;display:grid}.family-preview-contact span{color:#819194;font-size:11px}.family-preview-section{margin-top:24px}.family-preview-section-title{margin-bottom:11px}.family-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.family-preview-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.family-preview-card{background:#fff;border:1px solid #dde9e7;border-radius:16px;padding:15px;overflow:hidden}.family-preview-card-meta{color:#809093;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:10px;display:flex}.family-preview-card-meta>span{color:#078c98;background:#e4f8f6;border-radius:999px;padding:4px 7px;font-weight:900}.family-preview-card h4{margin:5px 0 0}.family-preview-card p{color:#62777a;margin:7px 0 0;line-height:1.55}.family-preview-card small{color:#8a999b;margin-top:6px;display:block}.family-preview-card img,.family-preview-card video{object-fit:contain;background:#0d2427;border-radius:12px;width:100%;max-height:220px;margin-top:12px;display:block}.family-viewer-loading{color:#718487;text-align:center;padding:40px 0}@media (width<=1050px){.family-viewer-layout{grid-template-columns:1fr}.family-directory-panel{position:static}.family-directory-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media (width<=700px){.family-viewer-header,.family-preview-hero{align-items:flex-start}.family-viewer-header{flex-direction:column}.family-directory-list,.family-preview-grid,.family-preview-grid.compact{grid-template-columns:1fr}.family-preview-hero{grid-template-columns:52px minmax(0,1fr)}.family-preview-contact{text-align:left;grid-column:1/-1}.family-preview-panel{padding:15px}}.appointment-manager-page{color:#17383d;padding-bottom:40px}.appointment-manager-hero{background:radial-gradient(circle at 88% 12%,#ffffffe6 0 7%,#0000 8%),linear-gradient(135deg,#e7fbf9 0%,#f8fdfc 56%,#eef9f7 100%);border:1px solid #cfe8e5;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;padding:26px 28px;display:flex;box-shadow:0 14px 34px #17515414}.appointment-manager-eyebrow,.appointment-panel-heading span,.appointment-editor-head span,.appointment-upcoming-head span{color:#098f98;letter-spacing:.12em;margin-bottom:7px;font-size:11px;font-weight:900;display:block}.appointment-manager-hero h1,.appointment-panel-heading h2,.appointment-editor-head h2,.appointment-upcoming-head h2{margin:0}.appointment-manager-hero h1{font-size:clamp(28px,3vw,42px)}.appointment-manager-hero p{color:#698085;max-width:720px;margin:8px 0 0;line-height:1.6}.appointment-manager-role{color:#087e86;letter-spacing:.08em;background:#ffffffc7;border:1px solid #b9e0dc;border-radius:999px;flex:none;padding:9px 12px;font-size:10px;font-weight:900}.appointment-manager-error,.appointment-manager-success{border-radius:13px;margin:0 0 18px;padding:12px 14px;font-size:13px;font-weight:700}.appointment-manager-error{color:#9a413a;background:#fff4f2;border:1px solid #efc6c2}.appointment-manager-success{color:#267057;background:#effaf5;border:1px solid #bfe4d5}.appointment-manager-grid{grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:22px;display:grid}.appointment-family-panel,.appointment-editor-card,.appointment-upcoming-card{background:#fff;border:1px solid #d7e8e6;border-radius:22px;box-shadow:0 10px 28px #1a494c0f}.appointment-family-panel{align-self:start;position:sticky;top:20px;overflow:hidden}.appointment-panel-heading{background:linear-gradient(135deg,#f4fbfa,#fff);border-bottom:1px solid #e7efee;padding:20px}.appointment-panel-heading h2,.appointment-editor-head h2,.appointment-upcoming-head h2{font-size:20px}.appointment-family-list{gap:8px;max-height:640px;padding:12px;display:grid;overflow-y:auto}.appointment-family-card{text-align:left;cursor:pointer;background:#f8fbfb;border:1px solid #0000;border-radius:15px;grid-template-columns:42px minmax(0,1fr);gap:12px;width:100%;padding:13px;display:grid}.appointment-family-card:hover,.appointment-family-card.active{background:#eaf9f7;border-color:#9bd9d5}.appointment-family-avatar{color:#fff;background:#12a8af;border-radius:14px;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid}.appointment-family-copy{min-width:0}.appointment-family-copy strong,.appointment-family-copy span,.appointment-family-copy small{display:block}.appointment-family-copy strong{color:#17383d;font-size:14px}.appointment-family-copy span{color:#0c8f98;margin-top:2px;font-size:11px;font-weight:800}.appointment-family-copy small{color:#7b8e91;margin-top:5px;font-size:10px;line-height:1.45}.appointment-family-empty,.appointment-manager-placeholder,.appointment-list-empty{color:#7d8f92;text-align:center;padding:28px}.appointment-manager-main{gap:22px;display:grid}.appointment-editor-card,.appointment-upcoming-card{padding:22px}.appointment-editor-head,.appointment-upcoming-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.appointment-editor-head p{color:#7a8c90;margin:6px 0 0;font-size:12px}.appointment-cancel-edit{color:#477075;cursor:pointer;background:#fff;border:1px solid #cfe2e0;border-radius:10px;padding:9px 12px;font-weight:800}.appointment-editor-form{gap:14px;display:grid}.appointment-editor-form label{gap:7px;display:grid}.appointment-editor-form label>span{color:#425f64;font-size:12px;font-weight:800}.appointment-editor-form em{color:#94a3a6;font-size:10px;font-style:normal;font-weight:600}.appointment-editor-form input,.appointment-editor-form textarea{box-sizing:border-box;color:#17383d;width:100%;font:inherit;background:#fbfdfd;border:1px solid #d6e5e3;border-radius:12px;outline:none;padding:12px 13px}.appointment-editor-form input:focus,.appointment-editor-form textarea:focus{border-color:#55bfc0;box-shadow:0 0 0 3px #14a8af1a}.appointment-form-row.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.appointment-save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0aa5ad,#0b8e98);border:0;border-radius:12px;min-height:46px;font-weight:900}.appointment-save-button:disabled{cursor:wait;opacity:.7}.appointment-upcoming-head strong{color:#0a9099;background:#e8f9f7;border-radius:12px;place-items:center;min-width:38px;height:38px;display:grid}.appointment-management-list{gap:12px;display:grid}.appointment-management-item{background:linear-gradient(135deg,#fbfefe 0%,#f4fbfa 100%);border:1px solid #e0ecea;border-radius:17px;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px;display:grid}.appointment-management-date{background:#eefafa;border-left:4px solid #14a8af;border-radius:10px;padding:12px}.appointment-management-date strong,.appointment-management-date span{display:block}.appointment-management-date strong{font-size:13px}.appointment-management-date span{color:#72878a;margin-top:4px;font-size:11px}.appointment-management-details h3,.appointment-management-details p,.appointment-management-details small{margin:0}.appointment-management-details h3{font-size:16px}.appointment-management-details p{color:#667c80;margin-top:5px;font-size:13px}.appointment-management-details small{color:#8a999c;margin-top:6px;line-height:1.45;display:block}.appointment-management-actions{gap:8px;display:flex}.appointment-management-actions button{color:#167c82;cursor:pointer;background:#fff;border:1px solid #bcdedb;border-radius:10px;padding:9px 11px;font-weight:900}.appointment-management-actions button.delete{color:#a24c45;background:#fff6f5;border-color:#ebc1bd}.appointment-management-actions button:disabled{cursor:wait;opacity:.6}.appointment-manager-loading{color:#718487;text-align:center;padding:40px}@media (width<=980px){.appointment-manager-grid{grid-template-columns:1fr}.appointment-family-panel{position:static}.appointment-family-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media (width<=700px){.appointment-manager-hero{flex-direction:column;align-items:flex-start;padding:20px}.appointment-family-list,.appointment-form-row.two{grid-template-columns:1fr}.appointment-editor-card,.appointment-upcoming-card{padding:17px}.appointment-management-item{grid-template-columns:1fr}.appointment-management-actions{width:100%}.appointment-management-actions button{flex:1}}.family-accounts-page{max-width:1460px;margin:0 auto;padding-bottom:48px}.family-accounts-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.family-accounts-header>div:first-child>span,.family-account-section-title>span,.family-account-directory-head span,.family-credentials-card>div:first-child>span{color:#0796a5;letter-spacing:.18em;font-size:12px;font-weight:900}.family-accounts-header h1{color:#163b40;margin:8px 0;font-size:clamp(32px,4vw,48px)}.family-accounts-header p{color:#708487;margin:0;font-size:16px}.family-accounts-security-badge{background:linear-gradient(135deg,#eefbf9,#fff);border:1px solid #cce8e6;border-radius:18px;flex:none;min-width:230px;padding:15px 18px;box-shadow:0 12px 30px #1f676b14}.family-accounts-security-badge strong,.family-accounts-security-badge small{display:block}.family-accounts-security-badge strong{color:#163b40}.family-accounts-security-badge small{color:#75898c;margin-top:4px}.family-accounts-alert{border-radius:13px;margin-bottom:18px;padding:13px 16px;font-weight:700}.family-accounts-alert.error{color:#a3463d;background:#fff5f3;border:1px solid #efc3be}.family-accounts-alert.success{color:#25705b;background:#f1fbf6;border:1px solid #bfe5d8}.family-credentials-card{background:radial-gradient(circle at 90% 10%,#fffffff2 0 12%,#0000 13%),linear-gradient(135deg,#dcf8f4 0%,#f7fcfb 60%,#fff9f5 100%);border:1px solid #b9e4df;border-radius:22px;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:22px;margin-bottom:24px;padding:22px 24px;display:grid;box-shadow:0 16px 38px #1f676b1a}.family-credentials-card h2{color:#173b40;margin:5px 0 4px}.family-credentials-card p{color:#75898c;margin:0}.family-credentials-values{gap:10px;display:flex}.family-credentials-values>div{background:#ffffffb8;border:1px solid #0997a329;border-radius:14px;min-width:132px;padding:11px 14px}.family-credentials-values small,.family-credentials-values strong{display:block}.family-credentials-values small{color:#849598;text-transform:uppercase;font-size:10px;font-weight:800}.family-credentials-values strong{color:#0a7882;letter-spacing:.04em;margin-top:3px;font-size:18px}.family-credentials-card>button{color:#fff;cursor:pointer;background:#0aa0ae;border:0;border-radius:12px;min-height:44px;padding:0 18px;font-weight:900}.family-credentials-warning{color:#8a6b55;grid-column:1/-1}.family-accounts-layout{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-items:start;gap:24px;display:grid}.family-account-create-card,.family-account-directory-card{background:#ffffffeb;border:1px solid #d5e6e4;border-radius:24px;box-shadow:0 18px 42px #254b4e12}.family-account-create-card{padding:24px;position:sticky;top:110px}.family-account-section-title h2,.family-account-directory-head h2{color:#173b40;margin:6px 0 0;font-size:24px}.family-account-form{gap:16px;margin-top:22px;display:grid}.family-account-form label>span{color:#234348;margin-bottom:7px;font-size:13px;font-weight:800;display:block}.family-account-form label em{color:#97a4a6;font-size:10px;font-style:normal;font-weight:700}.family-account-form input,.family-account-form select,.family-account-search{color:#203e43;width:100%;min-height:48px;font:inherit;box-sizing:border-box;background:#fbfdfd;border:1px solid #cfe2e0;border-radius:13px;outline:none;padding:0 14px}.family-account-form input:focus,.family-account-form select:focus,.family-account-search:focus{border-color:#39b8be;box-shadow:0 0 0 3px #26b1b81a}.family-account-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.family-pin-row{grid-template-columns:1fr auto;gap:10px;display:grid}.family-pin-row input{letter-spacing:.18em;font-size:19px;font-weight:900}.family-pin-row button{color:#087f89;cursor:pointer;background:#edf9f7;border:1px solid #b9ddda;border-radius:12px;padding:0 15px;font-weight:900}.family-account-create-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#08a4b2,#118d99);border:0;border-radius:13px;min-height:50px;font-weight:900}.family-account-create-button:disabled{cursor:wait;opacity:.65}.family-account-directory-card{padding:22px}.family-account-directory-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.family-account-directory-head>strong{color:#07858f;background:#e3f8f5;border-radius:15px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.family-account-search{margin-top:18px}.family-account-list{gap:12px;margin-top:15px;display:grid}.family-account-item{background:linear-gradient(135deg,#fbfefe 0%,#f6fbfa 100%);border:1px solid #d9e9e7;border-radius:18px;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:16px;display:grid}.family-account-item.inactive{opacity:.68;background:#f7f7f6}.family-account-avatar{color:#fff;background:#13a8b2;border-radius:15px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:900;display:grid}.family-account-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.family-account-title-row strong,.family-account-title-row span{display:block}.family-account-title-row strong{color:#183d42;font-size:15px}.family-account-title-row span{color:#078c98;margin-top:2px;font-size:12px;font-weight:800}.family-account-title-row b{letter-spacing:.08em;border-radius:999px;flex:none;padding:5px 8px;font-size:9px}.family-account-title-row b.active{color:#328267;background:#e4f7ef}.family-account-title-row b.inactive{color:#a25b51;background:#f5e9e6}.family-account-copy p{color:#5f777a;margin:11px 0 3px;font-size:13px}.family-account-copy>small{color:#8b999b;font-size:11px}.family-account-actions{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.family-account-actions button{color:#087e88;cursor:pointer;background:#eff9f8;border:1px solid #bfdedb;border-radius:10px;min-height:36px;padding:0 12px;font-weight:800}.family-account-actions button.danger{color:#a14c44;background:#fff4f2;border-color:#e5c4bf}.family-account-actions button.reactivate{color:#34785d;background:#f0faf4;border-color:#bcdccb}.family-account-actions button:disabled{cursor:wait;opacity:.55}.family-account-empty,.family-accounts-loading{text-align:center;color:#788b8e;padding:36px 18px}@media (width<=1050px){.family-accounts-layout{grid-template-columns:1fr}.family-account-create-card{position:static}}@media (width<=720px){.family-accounts-header{flex-direction:column;align-items:stretch}.family-accounts-security-badge{min-width:0}.family-credentials-card{grid-template-columns:1fr}.family-credentials-values{grid-template-columns:1fr 1fr;display:grid}.family-credentials-card>button{width:100%}.family-account-form-row,.family-pin-row{grid-template-columns:1fr}.family-account-directory-card,.family-account-create-card{border-radius:19px;padding:18px}.family-account-title-row{flex-direction:column}}.today-patient-groups{gap:14px;display:grid}.today-patient-card{background:#fff;border:1px solid #d8e8e7;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #1c4b4f0d}.today-patient-card.open{border-color:#b9dfdd;box-shadow:0 16px 34px #15747c14}.today-patient-toggle{width:100%;min-height:82px;color:inherit;text-align:left;cursor:pointer;background:radial-gradient(circle at 92% 10%,#fffffff0 0 8%,#0000 9%),linear-gradient(135deg,#fbfefe 0%,#eef9f8 100%);border:0;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex}.today-patient-toggle:hover{background:radial-gradient(circle at 92% 10%,#fffffffa 0 8%,#0000 9%),linear-gradient(135deg,#f7fdfd 0%,#e7f7f6 100%)}.today-patient-main{align-items:center;gap:14px;min-width:0;display:flex}.today-patient-avatar{color:#fff;background:linear-gradient(135deg,#13aeb8,#078a95);border-radius:15px;flex:none;place-items:center;width:50px;height:50px;font-size:19px;font-weight:900;display:grid;box-shadow:0 8px 18px #09929d29}.today-patient-name{min-width:0}.today-patient-name strong,.today-patient-name span{display:block}.today-patient-name strong{color:#183e43;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:900;overflow:hidden}.today-patient-name span{color:#71878b;margin-top:4px;font-size:12px}.today-patient-summary{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.today-summary-pill{color:#536f73;letter-spacing:.04em;text-transform:uppercase;background:#eef6f6;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.today-summary-pill.due{color:#078ca0;background:#e5f7fa}.today-summary-pill.done{color:#2f7d62;background:#e8f7ef}.today-chevron{color:#078b96;background:#fffc;border:1px solid #cce1df;border-radius:10px;place-items:center;width:30px;height:30px;font-size:18px;transition:transform .18s,background .18s;display:inline-grid}.today-chevron.open{background:#e7f7f5;transform:rotate(180deg)}.today-patient-details{background:#fff;padding:0 14px 14px}.today-patient-table-scroll{border-radius:16px;overflow-x:auto}.today-patient-table-card{min-width:930px;box-shadow:none;border-radius:16px;margin:0}.today-patient-table-card .schedule-header{background:#f5fbfa}.today-patient-table-card .schedule-row:last-child{border-bottom:0}@media (width<=900px){.today-patient-toggle{flex-direction:column;align-items:flex-start}.today-patient-summary{justify-content:flex-start;width:100%}.today-chevron{margin-left:auto}}@media (width<=560px){.today-patient-card{border-radius:17px}.today-patient-toggle{min-height:0;padding:13px}.today-patient-avatar{border-radius:13px;width:44px;height:44px;font-size:17px}.today-patient-name strong{font-size:15px}.today-patient-summary{gap:6px}.today-summary-pill{padding:6px 9px;font-size:9px}.today-patient-details{padding:0 8px 8px}}:root{--uaq-teal:#1f8f88;--uaq-teal-dark:#176f6a;--uaq-teal-soft:#e8f4f1;--uaq-teal-mist:#f1f8f6;--uaq-brown:#9a725d;--uaq-brown-dark:#755344;--uaq-brown-soft:#f4ece6;--bg:#f4f3ef;--surface:#fffdf9;--surface-soft:#f8f6f1;--text:#1e2927;--muted:#78817e;--border:#e8e4db;--shadow:0 16px 45px #23333014;--shadow-soft:0 8px 24px #2333300e;--radius-xl:28px;--radius-lg:22px;--radius-md:16px}html{background:var(--bg)}body{background:radial-gradient(circle at 8% 4%, #1f8f8812, transparent 26rem), radial-gradient(circle at 92% 15%, #9a725d0f, transparent 28rem), var(--bg);color:var(--text)}.brand-area{gap:12px}.brand-name{letter-spacing:-.5px;gap:8px;font-family:Georgia,Times New Roman,serif;font-size:25px}.brand-name strong{color:var(--uaq-teal-dark);font-weight:700}.brand-name span{color:var(--uaq-brown);font-weight:500}.brand-name:after{content:"ELDERLY CARE";color:#9b948c;letter-spacing:1.8px;align-self:flex-end;margin-left:2px;padding-bottom:2px;font:700 7px/1.1 Inter,system-ui,sans-serif;display:block}.login-page-new{background:radial-gradient(circle at 12% 18%,#1f8f881f,#0000 32rem),radial-gradient(circle at 88% 82%,#9a725d1f,#0000 30rem),linear-gradient(145deg,#f8f5ef,#f2f5f2)}.login-card-new{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fffc;border-radius:30px;max-width:455px;padding:42px;box-shadow:0 28px 70px #2a343121}.login-heading h1{color:#263532;font-family:Georgia,serif;font-size:36px;font-weight:500}.eyebrow{color:var(--uaq-brown);letter-spacing:2.4px;font-size:10px}.app-shell{min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf9f5;border-right:1px solid #dcd8cfd9;width:270px;min-width:270px;padding:20px 14px 18px;box-shadow:8px 0 30px #28343106}.sidebar-brand{border-bottom:1px solid #e0dcd3cc;padding:7px 12px 24px}.sidebar-nav{scrollbar-width:thin;gap:5px;padding-top:18px;overflow-y:auto}.nav-item{color:#6b7471;letter-spacing:-.1px;border-radius:15px;min-height:47px;padding:12px 14px;font-size:13px;font-weight:600}.nav-item svg{opacity:.82}.nav-item:hover{color:var(--uaq-teal-dark);background:#f2f5f2;transform:translate(2px)}.nav-item-active{color:#fff;background:linear-gradient(135deg,#247f79,#319a91);box-shadow:0 9px 21px #1f8f8830}.nav-item-active svg{opacity:1}.sidebar-bottom{border-top-color:#e0dcd3d9}.sidebar-user{padding:7px 4px}.avatar{color:var(--uaq-brown-dark);background:linear-gradient(145deg,#eee2d9,#f8f0ea);border:1px solid #eadfd7;box-shadow:inset 0 0 0 3px #ffffffa6}.sidebar-logout{border-radius:14px}.app-main{width:calc(100% - 270px);margin-left:270px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f3efd1;border-bottom:1px solid #dedad1b3;height:82px;padding:0 34px}.topbar-title strong{color:#263b37;letter-spacing:-.2px;font:500 20px Georgia,serif}.topbar-title span{color:#8a918e;margin-top:3px}.topbar-profile{background:#ffffff9e;border:1px solid #e3dfd6d9;border-radius:18px;padding:7px 10px 7px 8px}.content-area{max-width:1540px;padding:32px 36px 70px}.hero-card{border:1px solid #ffffffa6;min-height:295px;box-shadow:0 22px 55px #25302d21;border-radius:30px!important}.hero-video-overlay{background:linear-gradient(90deg,#162b28e6 0%,#173b36b3 44%,#162b281f 78%),linear-gradient(#0000 45%,#1124214d)}.hero-video-copy{max-width:690px;padding:38px 44px!important}.hero-copy h1{letter-spacing:-1.4px;font-family:Georgia,serif;line-height:1.03;font-size:clamp(34px,4vw,54px)!important;font-weight:400!important}.hero-copy h1 span{color:#d7c1ad!important}.hero-description{max-width:510px;font-size:14px;line-height:1.7;color:#ffffffd1!important}.role-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1.6px;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:999px;width:fit-content;padding:7px 12px;font-size:10px;font-weight:800;display:inline-flex}.hero-sound-button{box-shadow:var(--shadow-soft);color:#37534e!important;white-space:nowrap!important;background:#ffffffe6!important;border-radius:999px!important;gap:7px!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;padding:9px 13px!important;font-size:12px!important;line-height:1!important;top:auto!important;bottom:18px!important;right:20px!important}.stats-grid{gap:17px!important;margin-top:20px!important}.stat-card{min-height:138px;border:1px solid var(--border)!important;box-shadow:var(--shadow-soft)!important;background:#fffdf9f5!important;border-radius:23px!important;padding:20px!important;transition:transform .2s,box-shadow .2s,border-color .2s!important}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)!important;border-color:#d9d3c8!important}.stat-icon{border-radius:15px!important;width:46px!important;height:46px!important}.stat-teal .stat-icon{background:var(--uaq-teal-soft)!important;color:var(--uaq-teal-dark)!important}.stat-brown .stat-icon{background:var(--uaq-brown-soft)!important;color:var(--uaq-brown-dark)!important}.stat-content strong{color:#263532;font-family:Georgia,serif;font-size:31px!important;font-weight:500!important}.stat-content>span{color:#4d5c58!important;font-size:12px!important;font-weight:750!important}.stat-content small{color:#929895!important}.stat-arrow{color:#8b7a70;background:#f5f2ec;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.dashboard-bottom-grid{gap:18px!important;margin-top:18px!important}.panel-card,.page-card,.table-card,.form-card,.content-card,.family-card,.management-card{border:1px solid var(--border)!important;box-shadow:var(--shadow-soft)!important;background:#fffdf9f5!important;border-radius:24px!important}.panel-card{padding:24px!important}.panel-heading h2{color:#273532;font-family:Georgia,serif;font-weight:500!important}.panel-icon{border-radius:14px!important}.safety-banner{background:linear-gradient(135deg, var(--uaq-teal-mist), #edf5f0)!important;border:1px solid #dfebe7!important;border-radius:19px!important}.quick-actions button{border-color:var(--border)!important;color:#4d5a57!important;background:#faf8f3!important;border-radius:15px!important}.quick-actions button:hover{background:var(--uaq-teal-soft)!important;color:var(--uaq-teal-dark)!important;border-color:#b9d8d3!important}.page-title-row{align-items:flex-end!important;margin-bottom:24px!important}.page-title-row h1{letter-spacing:-.8px!important;color:#263532!important;margin:3px 0 6px!important;font:500 clamp(29px,3vw,41px)/1.08 Georgia,serif!important}.page-description{max-width:720px;color:#7e8783!important;line-height:1.65!important}input,select,textarea{outline:none;min-height:46px;transition:border-color .18s,box-shadow .18s,background .18s;color:var(--text)!important;background:#fffefb!important;border:1px solid #ddd9d0!important;border-radius:14px!important;padding:11px 13px!important}textarea{min-height:104px}input:focus,select:focus,textarea:focus{background:#fff!important;border-color:#1f8f88a6!important;box-shadow:0 0 0 4px #1f8f881a!important}.primary-button,button.primary,.save-button,.add-button{color:#fff!important;background:linear-gradient(135deg,#247f79,#319a91)!important;border:0!important;border-radius:14px!important;font-weight:750!important;box-shadow:0 8px 18px #1f8f882e!important}.primary-button:hover,button.primary:hover,.save-button:hover,.add-button:hover{filter:brightness(.97);transform:translateY(-1px)}.secondary-button,.cancel-button,button.secondary{color:#5d625f!important;background:#f7f4ee!important;border:1px solid #dfdad0!important;border-radius:14px!important}.text-button{color:var(--uaq-teal-dark)!important;font-weight:750!important}table{border-collapse:separate!important;border-spacing:0!important}th{text-transform:uppercase;color:#8a8f8c!important;letter-spacing:1.2px!important;background:#f8f6f1!important;font-size:10px!important;font-weight:800!important}td{color:#46504d;border-color:#eeeae2!important}tbody tr:hover td{background:#fafbf8!important}.status-badge,.badge,.pill,.status-pill{letter-spacing:.1px;border-radius:999px!important;font-weight:750!important}.modal-overlay,.dialog-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1e282661!important}.modal-card,.modal-content,.dialog-card{border:1px solid #ffffffbf!important;border-radius:26px!important;box-shadow:0 30px 80px #1f2a2738!important}[class*=family-] .page-title-row h1,.family-page h1{color:#263532!important;font-family:Georgia,serif!important}[class*=family-] button{border-radius:13px}@media (width<=1199px){.sidebar{width:245px;min-width:245px}.app-main{width:calc(100% - 245px);margin-left:245px}.content-area{padding:26px 24px 58px}.topbar{padding:0 24px}.hero-video-copy{padding:34px!important}}@media (width<=820px){.sidebar{width:min(86vw,310px);min-width:0;box-shadow:18px 0 55px #1724212e}.app-main{width:100%;margin-left:0}.topbar{background:#faf9f6e8;height:72px;padding:0 16px}.mobile-menu-button{justify-content:center;align-items:center;margin-right:11px;border:1px solid var(--border)!important;color:#40524e!important;background:#fffdf9!important;border-radius:14px!important;width:42px!important;height:42px!important;display:flex!important}.topbar-profile>div:last-child{display:none}.topbar-profile{background:0 0;border:0;padding:0}.content-area{padding:18px 14px 42px}.hero-card{min-height:310px;border-radius:25px!important}.hero-video-copy{justify-content:flex-end;align-items:flex-start;padding:28px 24px!important}.hero-copy h1{font-size:37px!important}.hero-description{max-width:90%}.hero-quote{font-size:12px!important}.hero-sound-button{padding:8px 10px!important;font-size:10px!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.stat-card{min-height:142px;grid-template-columns:42px 1fr!important;padding:15px!important;display:grid!important}.stat-arrow{display:none!important}.dashboard-bottom-grid{grid-template-columns:1fr!important}.page-title-row{gap:14px;align-items:flex-start!important}}@media (width<=520px){.login-card-new{border-radius:25px;padding:28px 22px}.brand-name{font-size:22px}.topbar-title strong{font-size:17px}.topbar-title span{display:none}.content-area{padding:14px 11px 36px}.hero-card{min-height:330px}.hero-video-copy{padding:25px 20px!important}.hero-copy h1{font-size:34px!important}.hero-copy .eyebrow{font-size:9px}.stats-grid{grid-template-columns:1fr 1fr!important}.stat-card{align-content:space-between;min-height:132px;grid-template-columns:1fr!important}.stat-icon{width:40px!important;height:40px!important}.stat-content strong{font-size:27px!important}.stat-content small{display:none}.panel-card{border-radius:21px!important;padding:18px!important}.page-title-row h1{font-size:31px!important}}.hero-video-file-input{display:none!important}.video-hero .hero-controls{z-index:25;justify-content:flex-end;align-items:center;gap:9px;width:auto;max-width:calc(100% - 36px);display:flex;position:absolute;bottom:18px;right:18px}.video-hero .hero-controls .hero-sound-button{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;color:#37534e!important;white-space:nowrap!important;background:#ffffffe6!important;border:1px solid #fff9!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0 13px!important;font-size:12px!important;font-weight:750!important;line-height:1!important;display:inline-flex!important;position:static!important;inset:auto!important;box-shadow:0 8px 24px #142d2824!important}.hero-video-upload-button{appearance:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;height:38px;min-height:38px;font:inherit;white-space:nowrap;cursor:pointer;background:#0e8e8ee6;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:800;line-height:1;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 24px #074a4a38}.hero-video-upload-button:hover:not(:disabled){background:#0b7e7ef5;transform:translateY(-1px);box-shadow:0 10px 28px #074a4a47}.hero-video-upload-button:active:not(:disabled){transform:scale(.98)}.hero-video-upload-button:disabled{opacity:.65;cursor:wait}.hero-video-upload-status{z-index:26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#182d29d1;border:1px solid #ffffff59;border-radius:12px;max-width:min(340px,100% - 36px);padding:9px 12px;font-size:11px;font-weight:700;line-height:1.35;position:absolute;bottom:66px;right:18px;box-shadow:0 8px 24px #00000024}@media (width<=760px){.video-hero .hero-controls{gap:7px;max-width:calc(100% - 24px);bottom:12px;right:12px}.hero-video-upload-button,.video-hero .hero-controls .hero-sound-button{height:34px!important;min-height:34px!important;max-height:34px!important;padding:0 10px!important;font-size:10px!important}.hero-video-upload-status{max-width:calc(100% - 24px);font-size:10px;bottom:55px;right:12px}}@media (width<=430px){.video-hero .hero-controls{flex-wrap:wrap}.hero-video-upload-button{max-width:150px}}