: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)}.brand-name span{color:var(--uaq-brown);font-weight:700}.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-brand{border-bottom:1px solid var(--border);padding:0 9px 24px}.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;overflow:hidden}.avatar-small{width:37px;height:37px}.avatar-photo-button{cursor:pointer;border:1px solid #a86f5538;outline:none;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;box-shadow:0 0 0 4px #a86f550f}.avatar-photo-button:hover{border-color:#0797b26b;transform:translateY(-1px);box-shadow:0 0 0 4px #0797b214}.avatar-photo-button:disabled{cursor:wait;opacity:.72}.avatar-photo-button img,.staff-photo-avatar img,.resident-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.avatar-uploading{border-radius:inherit;letter-spacing:1px;background:#13383d94;place-items:center;font-family:Arial,sans-serif;font-weight:900;display:grid;position:absolute;inset:0;color:#fff!important;font-size:12px!important}.staff-photo-avatar{overflow:hidden}.staff-photo-upload-button{box-sizing:border-box;cursor:pointer;text-align:center;justify-content:center;align-items:center;display:inline-flex}.staff-photo-uploading{cursor:wait;opacity:.68}.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)}.hero-copy h1 span{color:var(--uaq-teal)}.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>span{color:#495466;font-size:13px;font-weight:700}.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}}.voice-cancel{cursor:pointer;color:#ff8a8a;min-height:34px;font:inherit;white-space:nowrap;background:#ff6b6b24;border:1px solid #ff6b6b8c;border-radius:999px;flex:none;margin-left:auto;padding:0 14px;font-size:13px;font-weight:800}.voice-cancel:active{transform:scale(.95)}:is(.fca-recording,.pc-recording,.fc-chat__recording):has(.voice-cancel){align-items:center;gap:8px;width:100%;display:flex!important}.uaq-tsize{background:#7f7f7f14;border:1px solid #7f7f7f4d;border-radius:999px;gap:4px;padding:3px;display:inline-flex}.uaq-tsize button{width:40px;height:36px;color:inherit;cursor:pointer;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;font-weight:700;line-height:1;display:grid}.uaq-tsize button span{-webkit-text-size-adjust:100%}.uaq-tsize button.is-on{color:#06201e;background:#4fb6ae}.wg-tabbar{display:none}.app-shell{--wgn-accent:var(--wg-primary,var(--uaq-teal,#1b8a9c));--wgn-on-accent:var(--wg-on-primary,#fff);--wgn-tonal:var(--wg-tonal,#1b8a9c29);--wgn-on-tonal:var(--wg-on-tonal,var(--text,#10282b));--wgn-fg:var(--wg-fg,var(--text,#10282b));--wgn-soft:var(--wg-soft,var(--muted,#50646a));--wgn-glass:var(--wg-glass,#ffffffb8);--wgn-line:var(--wg-line,#10282b1f);--wgn-bar:#ffffffc7}.app-shell.dark{--wgn-fg:var(--wg-fg,#eef3f2);--wgn-soft:var(--wg-soft,#c4d0ce);--wgn-glass:var(--wg-glass,#ffffff12);--wgn-line:var(--wg-line,#ffffff24);--wgn-on-tonal:var(--wg-on-tonal,#e6f5f3);--wgn-bar:#101a1ca8}.wg-nav-group__label{letter-spacing:.1em;text-transform:uppercase;color:var(--wgn-accent);opacity:.9;margin:14px 14px 4px;font-size:11px;font-weight:700;display:block}.wg-nav-group:first-child .wg-nav-group__label{margin-top:4px}.wg-subtabs{scrollbar-width:none;gap:8px;margin:0 0 18px;padding:2px 0 4px;display:flex;position:relative;overflow-x:auto}.wg-subtabs::-webkit-scrollbar{display:none}.wg-chip{border:1px solid var(--wgn-line);background:var(--wgn-glass);min-height:42px;color:var(--wgn-fg);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.wg-chip.is-active{background:var(--wgn-accent);color:var(--wgn-on-accent);border-color:#0000;font-weight:700}.wg-chip--back{padding-left:12px}@media (width<=1199px){.app-shell .mobile-menu-button,.app-shell .mobile-overlay{display:none!important}.app-shell .sidebar:not(.sidebar-open){visibility:hidden}.app-shell .content-area{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}.wg-tabbar{z-index:60;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));background:var(--wgn-bar);border:1px solid var(--wgn-line);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border-radius:37px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;height:74px;padding:0 4px;display:grid;position:fixed;box-shadow:0 12px 40px #00000038}.wg-tab{min-height:64px;color:var(--wgn-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:inherit;display:flex}.wg-tab__pill{border-radius:16px;justify-content:center;align-items:center;width:56px;height:32px;transition:background .18s;display:flex;position:relative}.wg-tab__label{letter-spacing:.01em;font-size:11.5px;font-weight:600}.wg-tab.is-active{color:var(--wgn-fg)}.wg-tab.is-active .wg-tab__pill{background:var(--wgn-accent);color:var(--wgn-on-accent)}.wg-tab.is-active .wg-tab__label{font-weight:800}.wg-tab__pill{width:50px}.wg-tab__label{white-space:nowrap;font-size:11px}}@media (width<=760px){.app-shell .topbar :is(.uaq-season-trigger,.emar-theme-toggle){display:none!important}}.wg-tab__badge{box-sizing:border-box;color:#3a0b00;text-align:center;background:#ffb59a;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-2px;right:4px}.wg-tab__badge--inline{position:static}.wg-more{flex-direction:column;gap:16px;max-width:640px;display:flex}.wg-more__profile .lg-card{margin:0!important}.wg-list{background:var(--wgn-glass);border:1px solid var(--wgn-line);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);border-radius:26px;overflow:hidden}.wg-list__row{box-sizing:border-box;border:0;border-top:1px solid var(--wgn-line);width:100%;min-height:62px;color:var(--wgn-fg);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:8px 18px;font-family:inherit;display:flex}.wg-list__row:first-child{border-top:0}.wg-list__row:not(.wg-list__row--static):hover{background:var(--wgn-tonal)}.wg-list__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.wg-list__text strong{font-size:15px;font-weight:650}.wg-list__text small{color:var(--wgn-soft);font-size:12.5px}.wg-switch{background:var(--wgn-line);cursor:pointer;border:0;border-radius:16px;flex:none;justify-content:flex-start;width:56px;height:32px;padding:4px;display:flex}.wg-switch span{background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 3px #0000004d}.wg-switch.is-on{background:var(--wgn-accent);justify-content:flex-end}.wg-switch.is-on span{background:var(--wgn-on-accent)}.wg-logout{color:#e0705c;cursor:pointer;background:0 0;border:1px solid #f0786473;border-radius:26px;justify-content:center;align-items:center;gap:8px;min-height:52px;font-family:inherit;font-size:15px;font-weight:700;display:flex}.app-shell.dark .wg-logout{color:#ffc4ae}.wg-subtabs,.cl-residents{min-width:0;max-width:100%}.cl-page{width:100%;min-width:0}@media (width<=1199px){.app-shell .app-main,.app-shell .content-area{min-width:0;max-width:100vw;overflow-x:clip}}.wg-lang{background:var(--wgn-glass,#7f7f7f1f);border:1px solid var(--wgn-line,#7f7f7f40);border-radius:999px;flex:none;gap:2px;padding:3px;display:inline-flex}.wg-lang button{min-width:40px;min-height:34px;color:var(--wgn-soft,inherit);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:13px;font-weight:800}.wg-lang button.is-active{background:var(--wgn-accent,#1b8a9c);color:var(--wgn-on-accent,#fff)}.topbar .wg-lang{margin-left:auto;margin-right:8px}.wg-lang--float{top:calc(14px + env(safe-area-inset-top));z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff24;border-color:#ffffff4d;position:fixed;right:14px}.wg-lang--float button{color:#fff}.wg-lang--float button.is-active{color:#00201c;background:#8fe3d6}body:has(.app-shell) .wg-lang--float{display:none}.wb-mark{vertical-align:middle;flex:none;place-items:center;display:inline-grid;position:relative}.wb-mark__float{border-radius:28%;width:100%;height:100%;animation:3.4s ease-in-out infinite wbFloat;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffd66659,0 4px 10px #00000059,0 0 14px #ffc42e38}.wb-mark__float img{object-fit:cover;width:100%;height:100%;display:block}.wb-mark__glass{border-radius:inherit;pointer-events:none;background:linear-gradient(150deg,#ffffff6b 0%,#ffffff1a 32%,#fff0 52%),radial-gradient(120% 70% at 50% 120%,#ffc83c38,#0000 60%);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000059}.wb-mark__shadow{filter:blur(2px);background:#00000059;border-radius:50%;height:4px;animation:3.4s ease-in-out infinite wbShadow;position:absolute;bottom:-5px;left:18%;right:18%}@keyframes wbFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-3px)rotate(2deg)}}@keyframes wbShadow{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:.3;transform:scaleX(.75)}}@media (prefers-reduced-motion:reduce){.wb-mark__float,.wb-mark__shadow{animation:none}}.wg-tab .wb-mark{margin-top:-2px}.wg-tab.is-active .wg-tab__pill:has(.wb-mark){background:#ffc42e29}.sc-title{align-items:center;gap:12px;display:flex}.wg-tab__pill:has(.wb-mark) .wg-tab__badge{transform:translate(7px,-4px)}.uaq-mute-btn.is-muted,.app-shell .uaq-od-bell.uaq-mute-btn.is-muted,.fca-full .uaq-mute-btn.is-muted{color:#ff8a80!important;background:#ff8a801f!important;border-color:#ff8a8080!important}.fca-conv-head .uaq-mute{margin-left:2px}.fca-conv-head .uaq-mute-btn{width:38px!important;height:38px!important}.fca-conv-head .sc-call-btn,.fca-conv-head .fca-gear,.fca-conv-head .uaq-mute-btn{cursor:pointer;-webkit-backdrop-filter:blur(16px)saturate(1.6);backdrop-filter:blur(16px)saturate(1.6);flex:none;place-items:center;padding:0;transition:transform .15s,background .2s;width:40px!important;height:40px!important;color:inherit!important;background:linear-gradient(160deg,#ffffff38,#ffffff0d 55%,#ffffff1a)!important;border:1px solid #ffffff42!important;border-radius:50%!important;display:grid!important;box-shadow:inset 0 1px #ffffff73,inset 0 -1px 2px #0000002e,0 4px 14px #00000038!important}.fca-conv-head .sc-call-btn:active,.fca-conv-head .fca-gear:active,.fca-conv-head .uaq-mute-btn:active{transform:scale(.9)}.fca-conv-head .fca-gear.on{color:#8fd3ff!important;background:linear-gradient(160deg,#78c8ff57,#78c8ff1a)!important;border-color:#78c8ffb3!important}.fca-conv-head .uaq-mute-btn.is-muted{color:#ff8a80!important;background:linear-gradient(160deg,#ff8a804d,#ff8a8014)!important;border-color:#ff8a808c!important}@media (prefers-color-scheme:light){.fca-full:not(.sc-has-wall) .fca-conv-head .sc-call-btn,.fca-full:not(.sc-has-wall) .fca-conv-head .fca-gear,.fca-full:not(.sc-has-wall) .fca-conv-head .uaq-mute-btn{border-color:#0000001f!important}}.pc-chat-head .uaq-mute{margin-left:0}.pc-chat-head .uaq-mute-btn{width:38px!important;height:38px!important;color:inherit!important;box-shadow:none!important;background:0 0!important;border-color:#7f7f7f59!important;border-radius:50%!important}.pc-chat-head .uaq-mute-btn.is-muted{color:#ff8a80!important;background:#ff8a801f!important;border-color:#ff8a8080!important}@media (width<=1199px){.app-shell .dc-editor>.dc-actions{z-index:59;bottom:calc(92px + env(safe-area-inset-bottom));background:var(--wgn-bar,#101a1eeb);border:1px solid var(--wgn-line,#ffffff1f);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);border-radius:18px;margin:12px -8px 0;padding:10px 8px;position:sticky;box-shadow:0 8px 24px #00000040}}.app-shell{--wg-gold:#d8b46a;--wg-gold-2:#f3dca4;--wg-teal:#6fd3c4}.app-shell[data-world=keluarga]{--wgn-accent:#c99a45}@media (width<=1199px){.app-shell .wg-tabbar{-webkit-backdrop-filter:blur(5px)saturate(1.8)brightness(1.06);backdrop-filter:blur(5px)saturate(1.8)brightness(1.06);border-radius:34px;grid-template-columns:repeat(5,minmax(0,1fr));height:84px;padding:0 8px;overflow:hidden;background:linear-gradient(#ffffff1a 0%,#ffffff08 45%,#ffffff0f 100%)!important;border:1.5px solid #ffffff61!important;box-shadow:inset 0 1.5px #fff9,inset 0 -1px #ffffff38,inset 0 0 22px #ffffff1a,0 14px 34px #0000004d!important}.app-shell .wg-tabbar:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffff8c,#fff0);border-radius:50%;width:26%;height:9px;position:absolute;top:6px;left:30%}.app-shell .wg-tabbar:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff29 0%,#fff0 30% 70%,#ffffff1a 100%);position:absolute;inset:0}.app-shell .wg-tab{z-index:1;gap:3px;min-height:76px;position:relative}.app-shell .wg-tab__pill{-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:13px;height:46px;animation:none;background:linear-gradient(#2c2d31 0%,#17181b 100%)!important;width:46px!important;box-shadow:0 3px 8px #00000059,inset 0 1px #ffffff1a,inset 0 -1px #0006!important}.app-shell .wg-tab__pill svg{stroke-width:2.1px;width:25px;height:25px}.app-shell .wg-tab[data-tab=utama] .wg-tab__pill{color:#5fd8c8}.app-shell .wg-tab[data-tab=klinikal] .wg-tab__pill{color:#ff6f61}.app-shell .wg-tab[data-tab=penghuni] .wg-tab__pill{color:#5aa9ff}.app-shell .wg-tab[data-tab=keluarga] .wg-tab__pill{color:#f4c55c}.app-shell .wg-tab__pill:has(.wb-mark){background:linear-gradient(#2c2d31 0%,#17181b 100%)!important}.app-shell .wg-tab__pill .wb-mark__shadow{display:none}.app-shell .wg-tab.is-active .wg-tab__pill{transform:translateY(-2px);background:linear-gradient(#34363b 0%,#1b1c20 100%)!important;box-shadow:0 6px 14px #0006,0 0 0 2px #ffffff8c,inset 0 1px #ffffff24!important}.app-shell .wg-tab__label{color:#ffffffc7;text-shadow:0 1px 2px #00000073;font-size:10.5px;font-weight:600}.app-shell:not(.dark) .wg-tab__label{color:#1d2a2c;text-shadow:0 1px 1px #fff9}.app-shell .wg-tab.is-active .wg-tab__label{color:#fff;font-weight:800}.app-shell:not(.dark) .wg-tab.is-active .wg-tab__label{color:#0b1a1c}.app-shell .wg-tab.is-active:after{content:"";opacity:.8;background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%}.app-shell .wg-tab__pill:before{display:none}.app-shell .topbar :is(.uaq-season-trigger,.emar-theme-toggle,.wg-lang){display:none!important}}@keyframes wgBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.app-shell .wg-tab__pill{animation:none}}.app-shell .wg-subtabs[role=tablist]{border:1px solid var(--wgn-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff14,#ffffff05);border-radius:20px;gap:4px;margin:0 0 18px;padding:4px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000)}.app-shell .wg-subtabs[role=tablist] .wg-chip{min-width:68px;min-height:52px;color:var(--wgn-soft);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:16px;flex-direction:column;flex:1 0 auto;justify-content:center;gap:3px;padding:6px 10px;font-size:11.5px;font-weight:700}.app-shell .wg-chip__ic{filter:saturate(.9);font-size:17px;font-style:normal;line-height:1}.app-shell .wg-subtabs[role=tablist] .wg-chip.is-active{color:var(--wgn-fg);box-shadow:inset 0 -2px 0 var(--wg-gold), 0 4px 12px #0000001f;background:linear-gradient(#6fd3c43d,#6fd3c414)}.app-shell[data-world=keluarga] .wg-subtabs[role=tablist] .wg-chip.is-active{box-shadow:inset 0 -2px 0 var(--wg-gold-2), 0 4px 12px #0000001f;background:linear-gradient(#d8b46a47,#d8b46a14)}.app-shell:not(.dark) .wg-subtabs[role=tablist]{background:#ffffffb3}.wg-profile-btn{cursor:pointer;background:radial-gradient(120% 120% at 30% 20%, #fff1cc 0, var(--wg-gold-2,#f3dca4) 35%, var(--wg-gold,#d8b46a) 70%, #8d6a2c 100%);color:#2a1d06;border:2px solid #ffffff59;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;font:800 13px/1 system-ui,sans-serif;display:grid;overflow:hidden;box-shadow:0 6px 14px #00000040,0 0 0 3px #d8b46a2e}.wg-profile-btn img{object-fit:cover;width:100%;height:100%}.wg-sheet-root{z-index:2147482000;position:fixed;inset:0}.wg-sheet-dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03080980;animation:.2s wgFade;position:absolute;inset:0}.wg-sheet{overscroll-behavior:contain;max-height:88dvh;padding:10px 16px calc(20px + env(safe-area-inset-bottom));background:var(--wgn-bar,#141d1f);border-top:1px solid var(--wgn-line,#ffffff1f);border-radius:28px 28px 0 0;animation:.28s cubic-bezier(.2,.9,.3,1) wgUp;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -18px 40px #00000059}@media (width>=760px){.wg-sheet{border:1px solid var(--wgn-line,#ffffff1f);border-radius:24px;width:420px;max-height:calc(100vh - 96px);inset:72px 16px auto auto}}.wg-sheet__grab{background:#7f7f7f73;border-radius:3px;width:42px;height:5px;margin:0 auto 10px}.wg-sheet__close{border:1px solid var(--wgn-line,#ffffff26);width:34px;height:34px;color:inherit;cursor:pointer;background:#7f7f7f1f;border-radius:50%;font-size:14px;position:absolute;top:12px;right:14px}.wg-sheet .wg-more{gap:10px;max-width:none}.wg-sheet{isolation:isolate;max-height:calc(100dvh - 12px - env(safe-area-inset-top));padding-bottom:0}.wg-sheet__head{z-index:40;height:0;position:sticky;top:-10px}.wg-sheet__head .wg-sheet__close{z-index:41;background:var(--wgn-bar,#141d1f);place-items:center;font-size:15px;font-weight:800;display:grid;top:2px;right:-2px;box-shadow:0 4px 14px #00000059}.wg-sheet .wg-logout{z-index:40;border:0;border-top:1px solid var(--wgn-line,#ffffff1f);min-height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--wgn-bar,#141d1f);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:0;flex-shrink:0;margin:4px -16px 0;position:sticky;bottom:0}@media (width>=760px){.wg-sheet .wg-logout{border-radius:0 0 24px 24px;margin:4px -16px 0}}@keyframes wgUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes wgFade{0%{opacity:0}to{opacity:1}}.wg-list__h{letter-spacing:.16em;text-transform:uppercase;color:var(--wg-teal);margin:6px 4px 0;font-size:10.5px;font-weight:800}.wg-list__h--admin{color:var(--wg-gold)}.wg-list__ic{background:linear-gradient(145deg,#ffffff29,#ffffff0a);border:1px solid #ffffff24;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:16px;font-style:normal;display:grid}.wg-fab-add__plus{margin-right:6px;font-size:20px;font-weight:400;line-height:1}.app-shell .page-title-row:has(.wg-fab-add){gap:12px;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.app-shell[data-uaq-season] .content-area button.primary-button.wg-fab-add.wg-fab-add:not(.dose-button),.app-shell .content-area button.primary-button.wg-fab-add{z-index:5;white-space:nowrap;touch-action:manipulation;cursor:pointer;flex:none;justify-content:center;align-items:center;height:auto;font-size:15px;font-weight:700;animation:none;pointer-events:auto!important;color:#052421!important;background:linear-gradient(#7fe6d7 0%,#3fb5a5 100%)!important;border:1px solid #ffffff73!important;border-radius:999px!important;width:auto!important;min-height:46px!important;padding:0 18px 0 14px!important;display:inline-flex!important;position:relative!important;box-shadow:0 8px 20px #3fb5a559,inset 0 1px #fff9!important}.app-shell .content-area button.primary-button.wg-fab-add:active{transform:scale(.96)}.app-shell .wg-fab-add__label{clip:auto;width:auto;height:auto;position:static;overflow:visible}@media (width<=380px){.app-shell .content-area button.primary-button.wg-fab-add{font-size:14px;padding:0 14px 0 11px!important}}@media (width<=1199px){.app-shell:not(.dark) .wg-tabbar{background:linear-gradient(#ffffff73,#ffffff38)!important;border-color:#ffffffe6!important;box-shadow:inset 0 1.5px #fff,0 0 0 1px #14282d14,0 14px 34px #14282d38!important}}.app-shell .topbar>.uaq-od{margin-left:10px}.app-shell .topbar>.wg-profile-btn{margin-left:12px}@media (width<=370px){.app-shell .topbar>.uaq-od{margin-left:7px}.app-shell .topbar>.wg-profile-btn{margin-left:9px}}html.uaq-sm-preview body:before{content:"PRATONTON SM · DRAF · bukan untuk kegunaan klinikal";left:50%;top:calc(4px + env(safe-area-inset-top));z-index:2147483600;color:#3a2a00;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#ffd54f;border:1px solid #c79a00;border-radius:999px;max-width:calc(100vw - 24px);padding:5px 12px;font:800 11px/1.2 system-ui,sans-serif;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.att-tab-dot{background:#3ee08f;border-radius:50%;width:9px;height:9px;animation:1.8s ease-in-out infinite attTabPulse;position:absolute;top:3px;right:3px;box-shadow:0 0 0 1.5px #0000008c,0 0 8px #3ee08f}@keyframes attTabPulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.att-tab-dot{animation:none}}.app-shell .wg-tab[data-tab=kehadiran] .wg-tab__pill{color:#34c9c0}.app-shell .wg-tab[data-tab=kehadiran] .wg-tab__pill:has(.att-tab-dot){color:#ff5c61}@media (width<=1199px){.app-shell .wg-tabbar.wg-tabbar--6{grid-template-columns:repeat(6,minmax(0,1fr));padding:0 4px}.app-shell .wg-tabbar--6 .wg-tab__pill{height:42px;width:42px!important}.app-shell .wg-tabbar--6 .wg-tab__label{font-size:9.5px}}.ng-root{z-index:2147483200;padding:max(20px, env(safe-area-inset-top)) 18px max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#eef7f6;background:radial-gradient(120% 80% at 50% 0,#1f5f5b8c,#061216eb);place-items:center;font-family:inherit;display:grid;position:fixed;inset:0;overflow-y:auto}.ng-card{box-sizing:border-box;text-align:center;background:linear-gradient(160deg,#ffffff29,#ffffff0d);border:1px solid #ffffff38;border-radius:28px;width:min(100%,420px);padding:26px 22px 20px;animation:.35s cubic-bezier(.2,1.2,.4,1) both ng-in;box-shadow:inset 0 1px #ffffff59,0 24px 60px #00000073}.ng-bell{background:linear-gradient(160deg,#ffd66659,#ffaa281f);border:1px solid #ffd66680;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:36px;animation:2.6s ease-in-out infinite ng-ring;display:grid}.ng-card h2{margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.25}.ng-lead{color:#eef7f6d1;margin:0 0 12px;font-size:15px;line-height:1.5}.ng-why{text-align:left;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.ng-why li{background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;line-height:1.35;display:flex}.ng-why li span{flex:none;font-size:20px}.ng-btn{width:100%;min-height:54px;font:inherit;cursor:pointer;color:#07302c;background:linear-gradient(#8ff0d6,#3fc7a4);border:0;border-radius:999px;font-size:17px;font-weight:800;box-shadow:0 10px 24px #3fc7a459,inset 0 1px #fff9}.ng-btn:active{transform:scale(.97)}.ng-btn:disabled{opacity:.6}.ng-hint,.ng-note{color:#eef7f6b3;margin:10px 0 0;font-size:13.5px}.ng-note{color:#ffd27a}.ng-steps{text-align:left;background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;gap:8px;margin:0;padding:14px 14px 14px 34px;font-size:14.5px;line-height:1.45;display:grid}.ng-later{color:#eef7f6a6;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:14px;padding:8px;font-size:14px;text-decoration:underline}@keyframes ng-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes ng-ring{0%,70%,to{transform:rotate(0)}75%{transform:rotate(14deg)}80%{transform:rotate(-12deg)}85%{transform:rotate(8deg)}90%{transform:rotate(-5deg)}}@media (prefers-reduced-motion:reduce){.ng-card,.ng-bell{animation:none}}.ng-root--top{z-index:2147483400}.ng-card{position:relative}.ng-btn--link{box-sizing:border-box;place-items:center;text-decoration:none;display:grid}.ng-copy{width:100%;min-height:46px;font:inherit;cursor:pointer;color:#eef7f6;text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;margin-top:12px;padding:0 14px;font-size:14.5px;font-weight:700;overflow:hidden}.ng-lang{background:#00000040;border:1px solid #ffffff26;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;right:12px}.ng-lang button{color:#eef7f6b3;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.ng-lang button.on{color:#10302c;background:#ffffffe6}