.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-sm);box-shadow:0 8px 24px var(--shadow-md);pointer-events:auto;padding:12px 20px;font-size:.8125rem;font-weight:600;animation:.3s toast-in}.toast--success{background:var(--green-dark);color:#fff}.toast--error{background:var(--danger);color:#fff}.toast--info{background:var(--surface);color:var(--text);border:1px solid var(--border)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.toast-container{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.toast{text-align:center;width:100%}}.logo{align-items:center;gap:10px;display:flex}.logo__text{flex-direction:column;gap:1px;line-height:1.2;display:flex}.logo__name{letter-spacing:-.02em;color:var(--text);font-size:.9375rem;font-weight:700}.logo__tagline{letter-spacing:.05em;text-transform:uppercase;color:var(--text-light);font-size:.625rem;font-weight:600}.logo--light .logo__name{color:#fff}.logo--light .logo__tagline{color:#ffffff8c}.logo--compact .logo__tagline{display:none}.logo-mark{flex-shrink:0;width:38px;height:38px}.logo-mark__bg{fill:var(--green-dark)}.logo-mark__arch,.logo-mark__book{stroke:#fff}.logo-mark__dot{fill:var(--green-soft)}.logo-mark--light .logo-mark__bg{fill:#ffffff1f}.logo-mark--light .logo-mark__arch,.logo-mark--light .logo-mark__book{stroke:var(--green-soft)}.logo-mark--light .logo-mark__dot{fill:#fff}.ui-icon{stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.icon-box{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-box--xs{width:28px;height:28px}.icon-box--sm{width:36px;height:36px}.icon-box--md{width:44px;height:44px}.icon-box--lg{width:48px;height:48px}.icon-box--green{background:var(--green-pale);color:var(--green-dark)}.icon-box--green-solid{background:var(--green-muted);color:var(--green-dark)}.icon-box--blue{background:var(--info-bg);color:var(--info)}.icon-box--orange{background:var(--warning-bg);color:var(--warning)}.icon-box--purple{color:#7c3aed;background:#f3e8ff}.icon-box--light{color:var(--green-soft);background:#ffffff1f}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:200;height:100dvh;transition:transform var(--ease);will-change:transform;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__head{border-bottom:1px solid var(--border);align-items:center;padding:20px 20px 16px;display:flex}.sidebar__nav{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px 12px 16px;display:flex;overflow-y:auto}.sidebar__section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);padding:10px 10px 6px;font-size:.6875rem;font-weight:700}.sidebar__note{color:var(--text-light);padding:0 14px 10px;font-size:.6875rem;line-height:1.4}.sidebar__group{border-radius:var(--radius-sm)}.sidebar__group--active .sidebar__group-label{color:var(--green-deep)}.sidebar__group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);margin:0;padding:10px 10px 4px;font-size:.6875rem;font-weight:700}.sidebar__group-items{flex-direction:column;gap:2px;padding:2px 0 8px;display:flex}.sidebar__link{color:var(--text-soft);border-radius:var(--radius-sm);transition:all var(--ease);align-items:center;gap:12px;padding:10px 14px;font-size:.8125rem;font-weight:500;display:flex}.sidebar__link:hover{background:var(--green-pale);color:var(--green-deep)}.sidebar__link--active{background:var(--green-muted);color:var(--green-deep);font-weight:600}.sidebar__link--active svg{color:var(--green-dark)}.sidebar__foot{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:14px 12px 18px}.sidebar__site{background:var(--green-pale);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:3px;min-width:0;padding:12px 14px;line-height:1.35;display:flex}.sidebar__site-name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;font-weight:700;display:-webkit-box;overflow:hidden}.sidebar__site-app{color:var(--green-deep);margin:0;font-size:.75rem;font-weight:600}.sidebar-overlay{z-index:199;opacity:0;pointer-events:none;transition:opacity var(--ease);background:#1a3d2e66;display:block;position:fixed;inset:0}.sidebar-overlay--visible{opacity:1;pointer-events:auto}@media (width>=1025px){.sidebar-overlay{display:none}.sidebar--open{box-shadow:none}}@media (width<=1024px){.sidebar--open{box-shadow:8px 0 32px var(--shadow-md)}}@media (width<=768px){.sidebar{width:min(var(--sidebar-w), calc(100vw - 48px))}.sidebar__head{padding-top:calc(16px + env(safe-area-inset-top,0px))}.sidebar__link{min-height:44px}}.user-avatar{border-radius:var(--radius-sm);background:var(--green-dark);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.user-avatar--sm{width:32px;height:32px;font-size:.6875rem}.user-avatar--md{width:36px;height:36px;font-size:.75rem}.user-avatar--lg{width:40px;height:40px;font-size:.8125rem}.user-avatar--xl{border-radius:var(--radius);width:64px;height:64px;font-size:1.25rem}.user-avatar--xxl{border-radius:var(--radius);width:96px;height:96px;font-size:1.75rem}.user-avatar__img{object-fit:cover;width:100%;height:100%;display:block}.user-avatar__initials{-webkit-user-select:none;user-select:none;line-height:1}.header{z-index:100;min-height:var(--header-h);padding:calc(10px + env(safe-area-inset-top,0px)) 28px 10px;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.header__left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.header__menu{color:var(--text-soft);flex-shrink:0;display:flex}.header__title{color:var(--text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.0625rem;font-weight:700;overflow:hidden}.header__date{color:var(--text-light);margin-top:1px;font-size:.75rem}.header__right{flex-shrink:0;align-items:center;gap:10px;display:flex}.header__search-wrap{position:relative}.header__search{background:var(--green-pale);border:1.5px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;min-width:200px;padding:8px 14px;display:flex}.header__search-results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px var(--shadow-md);z-index:50;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.header__search-item{text-align:left;width:100%;color:var(--text);transition:background var(--ease);flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;font-size:.8125rem;display:flex}.header__search-item:hover{background:var(--green-pale)}.header__search-type{text-transform:uppercase;letter-spacing:.05em;color:var(--green-dark);font-size:.625rem;font-weight:700}.header__search-empty{color:var(--text-light);padding:12px 14px;font-size:.8125rem}.header__search input{color:var(--text);background:0 0;border:none;outline:none;width:140px;font-size:.8125rem}.header__search svg{color:var(--text-light);flex-shrink:0}.header__notif{color:var(--text-soft);border-radius:var(--radius-sm);transition:background var(--ease);padding:8px;position:relative}.header__notif:hover{background:var(--green-pale)}.header__notif-dot{background:var(--danger);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.header__profile{border-left:1px solid var(--border);padding-left:14px;position:relative}.header__user{border-radius:var(--radius-sm);transition:background var(--ease);text-align:left;align-items:center;gap:10px;padding:4px 6px 4px 4px;display:flex}.header__user:hover,.header__user--open{background:var(--green-pale)}.header__user-info{flex-direction:column;line-height:1.2;display:flex}.header__user-name{color:var(--text);font-size:.8125rem;font-weight:600}.header__user-role{color:var(--text-light);font-size:.6875rem}.header__user-chevron{color:var(--text-light);transition:transform var(--ease);flex-shrink:0}.header__user-chevron--open{transform:rotate(180deg)}.header__profile-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:240px;box-shadow:0 10px 28px var(--shadow-md);z-index:60;animation:.18s header-menu-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.header__profile-card{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.header__profile-card-name{color:var(--text);margin:0;font-size:.875rem;font-weight:600}.header__profile-card-role{color:var(--green-deep);margin:2px 0 0;font-size:.75rem;font-weight:500}.header__profile-card-email{color:var(--text-light);word-break:break-all;margin:2px 0 0;font-size:.6875rem}.header__profile-menu-divider{background:var(--border);height:1px}.header__profile-menu-item{width:100%;color:var(--text-soft);text-align:left;transition:background var(--ease), color var(--ease);align-items:center;gap:10px;padding:11px 16px;font-size:.8125rem;font-weight:500;display:flex}.header__profile-menu-item:hover{background:var(--green-pale);color:var(--green-deep)}.header__profile-menu-item--danger{color:var(--danger)}.header__profile-menu-item--danger:hover{background:var(--danger-bg);color:var(--danger)}@keyframes header-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.header__date{display:none}}@media (width<=900px){.header__user-info{display:none}.header__profile{border-left:none;padding-left:0}.header__user-chevron{display:none}}@media (width<=768px){.header{padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;gap:8px;min-height:56px}.header__profile-menu{min-width:min(260px,100vw - 24px);right:0}.header__left{gap:10px}.header__title{font-size:.9375rem}.header__search-wrap{display:none}.header__right{gap:4px}}.layout{min-height:100vh;display:flex}.layout__main{min-width:0;transition:margin-left var(--ease);flex-direction:column;flex:1;margin-left:0;display:flex}.layout--sidebar-open .layout__main{margin-left:var(--sidebar-w)}.layout__content{flex:1;min-width:0;padding:28px}@media (width<=1024px){.layout--sidebar-open .layout__main{margin-left:0}}@media (width<=768px){.layout__content{padding:12px 12px calc(16px + env(safe-area-inset-bottom,0px))}}@media (width<=480px){.layout__content{padding:10px 10px calc(14px + env(safe-area-inset-bottom,0px))}}.land{isolation:isolate;color:#f4f7f4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#12241c;grid-template-rows:auto 1fr auto;height:100dvh;padding:0 36px;display:grid;position:relative;overflow:hidden}.land-photo{object-fit:cover;object-position:18% 30%;z-index:-2;filter:saturate(.85)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.land-veil{z-index:-1;background:linear-gradient(270deg,#0c1c16e0 0%,#0c1c1680 46%,#0c1c161f 100%),linear-gradient(#0c1c164d 0%,#0000 28%,#0c1c1680 100%);position:absolute;inset:0}.land-bar{justify-content:flex-start;align-items:center;padding-top:22px;display:flex}.land-main{text-align:right;flex-direction:column;justify-content:flex-end;align-items:flex-end;max-width:min(52rem,100%);margin-left:auto;padding:24px 0 28px;display:flex}.land-kicker{letter-spacing:.16em;text-transform:uppercase;color:#a8d5ba;font-size:.75rem;font-weight:600}.land-main h1{letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(1.55rem,4.2vw,2.85rem);font-weight:600;line-height:1.15}.land-main h1 span,.land-main h1 em{display:block}@media (width>=721px){.land-main h1 span,.land-main h1 em{white-space:nowrap}}.land-main h1 em{color:#c8e6d2;font-style:italic;font-weight:400}.land-lead{color:#f4f7f4c7;max-width:32rem;margin-top:14px;margin-left:auto;font-size:1rem;line-height:1.55}.land-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.land-btn{color:#143528;background:#f4f7f4;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-size:.875rem;font-weight:600;display:inline-flex}.land-btn:hover{background:#fff}.land-btn--ghost{color:#f4f7f4;background:0 0;box-shadow:inset 0 0 0 1.5px #f4f7f48c}.land-btn--ghost:hover{background:#f4f7f41a}.land-foot{color:#f4f7f48c;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;padding-bottom:20px;font-size:.75rem;display:flex}.land-foot a:hover{color:#fff}@media (width<=720px){.land{padding:0 20px}.land-bar{padding-top:calc(14px + env(safe-area-inset-top,0px))}.land-main{max-width:none;padding:12px 0 16px}.land-main h1{font-size:clamp(1.25rem,6vw,1.85rem)}.land-lead{font-size:.9rem}.land-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}@media (width<=420px){.land-actions{justify-content:flex-end;width:100%}.land-btn{flex:1;max-width:48%}}@media (height<=700px){.land-main h1{font-size:clamp(1.35rem,4vw,2.1rem)}.land-lead{font-size:.875rem}.land-main{padding:8px 0 12px}}.login-page{min-height:100vh;display:flex}.login-page__brand{background:linear-gradient(145deg, var(--green-deep) 0%, var(--green-dark) 45%, var(--green) 100%);flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-page__brand-inner{z-index:1;color:#fff;max-width:420px;position:relative}.login-page__kicker{letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e;margin-top:28px;font-size:.75rem;font-weight:600}.login-page__headline{letter-spacing:-.03em;margin-top:12px;font-size:clamp(1.45rem,3.2vw,2.1rem);font-weight:700;line-height:1.25}.login-page__headline span{color:var(--green-soft)}.login-page__tagline{color:#ffffffbf;margin-top:16px;font-size:.9375rem;line-height:1.75}.login-page__brand-deco{background:#ffffff0f;border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-80px}.login-page__brand-deco:after{content:"";background:#ffffff0a;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-200px;left:-100px}.login-page__form-side{background:var(--bg);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex}.login-page__home{color:var(--text-soft);transition:color var(--ease);align-items:center;gap:6px;margin-top:18px;font-size:.8125rem;font-weight:600;display:inline-flex}.login-page__home:hover{color:var(--green-dark)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:0 8px 32px var(--shadow);padding:36px 32px}.login-card__mobile-logo{margin-bottom:24px;display:none}.login-card__header h2{letter-spacing:-.02em;color:var(--text);font-size:1.375rem;font-weight:700}.login-card__header p{color:var(--text-soft);margin-top:6px;font-size:.875rem}.login-form{flex-direction:column;gap:18px;margin-top:28px;display:flex}.login-form__error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);border:1px solid #e0525233;padding:10px 14px;font-size:.8125rem;font-weight:500}.login-form__pass-wrap{position:relative}.login-form__pass-wrap .form-input{width:100%;padding-right:44px}.login-form__pass-toggle{color:var(--text-light);transition:color var(--ease);padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-form__pass-toggle:hover{color:var(--green-dark)}.login-form__submit{width:100%;margin-top:4px;padding:13px;font-size:.875rem}.login-form__submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-page__copy{color:var(--text-light);margin-top:24px;font-size:.75rem}.auth-loading{min-height:100vh;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.875rem;display:flex}.auth-loading__spinner{border:3px solid var(--green-muted);border-top-color:var(--green-dark);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.login-page{flex-direction:column;min-height:100dvh}.login-page__brand{padding:calc(28px + env(safe-area-inset-top,0px)) 20px 24px;min-height:auto}.login-page__headline{margin-top:16px;font-size:1.6rem}.login-page__features{display:none}.login-page__form-side{padding:24px 16px calc(32px + env(safe-area-inset-bottom,0px))}.login-card{padding:24px 18px}.login-card__mobile-logo{display:block}.login-form .form-input{min-height:48px;font-size:16px}.login-form__submit{min-height:48px}}.empty-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:40px 24px;display:flex}.empty-panel__icon{background:var(--green-pale);width:48px;height:48px;color:var(--green-dark);border-radius:14px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.empty-panel__title{color:var(--text);margin:0;font-size:.9375rem;font-weight:700}.empty-panel__desc{max-width:28rem;color:var(--text-light);margin:0;font-size:.8125rem;line-height:1.5}.empty-panel__action{margin-top:10px}.dashboard-page{flex-direction:column;gap:16px;display:flex}.dash-hero{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:14px 16px;display:flex}.dash-hero__title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.dash-hero__title span{color:var(--green-dark)}.dash-hero__desc{max-width:36rem;color:var(--text-soft);margin:2px 0 0;font-size:.8125rem;line-height:1.4}.dash-hero__aside{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.dash-pill{border:1px solid var(--border);background:var(--green-light);color:var(--text-soft);border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.dash-pill--ok{background:var(--green-muted);color:var(--green-deep);border-color:color-mix(in srgb, var(--green-dark) 12%, transparent)}.dash-pill--warn{background:var(--warning-bg);color:var(--warning)}.dash-spin{animation:.9s linear infinite dash-spin}@keyframes dash-spin{to{transform:rotate(360deg)}}.dash-kpis{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.dash-kpis--6{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-kpi{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);box-sizing:border-box;min-width:0;color:var(--text);align-items:center;gap:12px;padding:12px 14px;display:flex}a.dash-kpi{color:inherit;cursor:pointer;text-decoration:none}a.dash-kpi:hover{border-color:var(--green)}.dash-kpi__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.dash-kpi__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.dash-kpi__label{color:var(--text-light);font-size:.6875rem;font-weight:600}.dash-kpi__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;word-break:break-word;font-size:.9375rem;font-weight:700;line-height:1.25}.dash-kpi__meta{color:var(--text-light);font-size:.6875rem;line-height:1.3}.dash-kpi--green .dash-kpi__icon{background:var(--green-pale);color:var(--green-dark)}.dash-kpi--green .dash-kpi__value{color:var(--green-deep)}.dash-kpi--blue .dash-kpi__icon{background:var(--info-bg);color:var(--info)}.dash-kpi--blue .dash-kpi__value{color:var(--info)}.dash-kpi--orange .dash-kpi__icon{background:var(--warning-bg);color:var(--warning)}.dash-kpi--orange .dash-kpi__value{color:var(--warning)}.dash-kpi--purple .dash-kpi__icon{color:#7c3aed;background:#f3e8ff}.dash-kpi--purple .dash-kpi__value{color:#6d28d9}.dash-grid{align-items:stretch;gap:16px;display:grid}.dash-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;flex-direction:column;min-width:0;height:100%;min-height:0;padding:14px 16px;display:flex}.dash-panel--full{min-height:0}.dash-panel__head{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;min-height:48px;margin-bottom:14px;display:flex}.dash-panel__title{color:var(--text);letter-spacing:-.015em;margin:0;font-size:.9375rem;font-weight:800;line-height:1.3}.dash-panel__sub{color:var(--text-light);margin:3px 0 0;font-size:.75rem;line-height:1.35}.dash-panel__icon{background:var(--green-light);width:36px;height:36px;color:var(--green-dark);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dash-panel__body{flex-direction:column;flex:1;min-height:0;display:flex}.dash-badge{background:var(--green-muted);min-width:44px;height:28px;color:var(--green-deep);border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.chart-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:flex-end;min-height:220px;margin:0 -2px;padding:0 2px;display:flex;overflow-x:auto}.chart-bars{box-sizing:border-box;align-items:flex-end;gap:6px;width:100%;min-width:100%;height:200px;padding-top:24px;display:flex}.chart-bars__item{flex-direction:column;flex:1 1 0;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.chart-bars__bar-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.chart-bars__bar{background:linear-gradient(180deg, var(--green) 0%, var(--green-dark) 100%);border-radius:7px 7px 3px 3px;width:100%;max-width:28px;min-height:4px;margin:0 auto;transition:height .55s;position:relative;box-shadow:0 4px 10px #2d7a4f2e}.chart-bars__val{color:var(--green-deep);white-space:nowrap;font-size:.5625rem;font-weight:700;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.chart-bars__label{color:var(--text-light);font-size:.625rem;font-weight:600}.dash-absensi,.dash-feed{flex-direction:column;flex:1;gap:8px;min-height:220px;display:flex}.dash-absensi__row,.dash-feed__item{border:1px solid var(--border);background:var(--green-light);box-sizing:border-box;border-radius:12px;align-items:center;gap:10px;min-width:0;min-height:48px;padding:8px 12px;display:flex}.dash-absensi__avatar,.dash-feed__avatar{color:#fff;background:linear-gradient(145deg,#64748b,#94a3b8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.6875rem;font-weight:800;display:inline-flex;overflow:hidden}.dash-absensi__avatar img,.dash-feed__avatar img{object-fit:cover;width:100%;height:100%}.dash-feed__avatar.is-money{background:linear-gradient(145deg,#059669,#34d399)}.dash-feed__avatar.is-out{background:linear-gradient(145deg,#dc2626,#f87171)}.dash-feed__avatar.is-in{background:linear-gradient(145deg,#0284c7,#38bdf8)}.dash-feed__avatar.is-out-soft{background:linear-gradient(145deg,#0f766e,#2dd4bf)}.dash-feed__avatar.is-doc{background:linear-gradient(145deg,#4f46e5,#818cf8)}a.dash-feed__item--link{color:inherit;cursor:pointer;text-decoration:none}a.dash-feed__item--link:hover{border-color:var(--green);background:var(--green-pale)}.dash-absensi__name,.dash-feed__main{flex:1;min-width:0}.dash-absensi__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.dash-feed__main strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:700;line-height:1.3;display:block;overflow:hidden}.dash-feed__main span{color:var(--text-light);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.6875rem;display:block;overflow:hidden}.dash-status{border-radius:100px;flex-shrink:0;padding:3px 9px;font-size:.6875rem;font-weight:700}.dash-status.is-on{background:var(--green-muted);color:var(--green-deep)}.dash-status.is-off{background:var(--danger-bg,#fef2f2);color:var(--danger,#dc2626)}.dash-status.is-in{background:var(--info-bg,#eff6ff);color:var(--info,#0284c7)}.dash-status.is-out-soft{color:#0f766e;background:#ecfdf5}.dash-feed__amount{color:var(--green-deep);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.8125rem;font-style:normal;font-weight:800}.dash-feed__amount.is-out{color:var(--danger,#dc2626)}.dash-finance{margin-bottom:14px}.dash-finance .dash-schedule__day{align-items:center;gap:4px;display:inline-flex}.dash-finance__list{min-height:0}.dash-empty--short{min-height:88px}.dash-panel--mods{min-height:0}.dash-mods{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dash-mods__group{min-width:0;padding:4px 0}.dash-mods__group h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);border-bottom:1px solid var(--border);margin:0 0 8px;padding:0 8px 8px;font-size:.6875rem;font-weight:800}.dash-mods__group ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.dash-mods__link{color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:8px;font-size:.8125rem;font-weight:600;display:flex}.dash-mods__link:hover{background:var(--green-pale);color:var(--green-deep)}.dash-mods__icon{background:var(--green-muted);width:30px;height:30px;color:var(--green-deep);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dash-mods__go{color:var(--text-light);opacity:0;margin-left:auto}.dash-mods__link:hover .dash-mods__go{opacity:1;color:var(--green-dark)}.dash-feed--row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));min-height:0;display:grid}.dash-empty{text-align:center;min-height:220px;color:var(--text-light);border:1px dashed var(--border);background:color-mix(in srgb, var(--green-light) 50%, var(--surface));box-sizing:border-box;border-radius:12px;flex:1;justify-content:center;align-items:center;margin:0;padding:24px 16px;font-size:.875rem;display:flex}.dash-schedule{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;width:100%;display:grid}.dash-schedule__item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);box-sizing:border-box;flex-direction:column;gap:6px;min-width:0;min-height:0;padding:10px 12px;display:flex}.dash-schedule__day{background:var(--green-muted);color:var(--green-deep);border-radius:100px;align-self:flex-start;padding:3px 9px;font-size:.6875rem;font-weight:700;display:inline-flex}.dash-schedule__body{flex-direction:column;flex:1;gap:4px;display:flex}.dash-schedule__body strong{color:var(--text);font-size:.8125rem;font-weight:700;line-height:1.35;display:block}.dash-schedule__body span{color:var(--text-light);margin-top:auto;font-size:.6875rem;display:block}[data-theme=dark] .dash-kpi--purple .dash-kpi__icon{color:#c4b5fd;background:#22183a}@media (width<=1100px){.dash-kpis--6{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-mods,.dash-grid--2{grid-template-columns:1fr}.dash-panel{min-height:0}.dash-absensi,.dash-feed,.chart-scroll,.dash-empty{min-height:200px}}@media (width<=900px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboard-page{gap:12px}.dash-hero{align-items:flex-start;padding:14px}.dash-hero__title{font-size:1.2rem}.dash-hero__aside{justify-content:flex-start;width:100%}.dash-kpis,.dash-kpis--6{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dash-grid{gap:12px}.dash-panel{min-height:0;padding:14px}.dash-schedule{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-mods__link{min-height:44px}}@media (width<=420px){.dash-schedule{grid-template-columns:1fr}}.amount-in{color:var(--green-dark);font-variant-numeric:tabular-nums;font-weight:600}.amount-out{color:var(--danger);font-variant-numeric:tabular-nums;font-weight:600}.chart-bars__pair{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:100%;display:flex}.chart-bars__bar.is-out{background:linear-gradient(#f87171 0%,#dc2626 100%);box-shadow:0 4px 10px #dc262629}.chart-legend{color:var(--text-light);justify-content:flex-end;gap:14px;margin-top:8px;font-size:.6875rem;font-weight:600;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{background:var(--green-dark);border-radius:2px;width:8px;height:8px}.chart-legend i.is-out{background:#dc2626}.finance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.progress-bar{background:var(--green-pale);border-radius:100px;height:8px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--green) 0%, var(--green-dark) 100%);border-radius:100px;height:100%}.progress-bar__fill.is-over{background:linear-gradient(90deg, #f59e0b 0%, var(--danger) 100%)}.report-block{flex-direction:column;gap:8px;display:flex}.report-block h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-light);font-size:.8125rem;font-weight:800}.report-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:10px 0;font-size:.875rem;display:flex}.report-row:last-child{border-bottom:none}.report-row--total{color:var(--text);font-weight:800}.kwitansi-sheet{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:720px;margin:0 auto;padding:32px}.kwitansi-sheet__head{border-bottom:2px solid var(--green-dark);justify-content:space-between;gap:16px;padding-bottom:16px;display:flex}.kwitansi-sheet__meta{text-align:right;color:var(--text-soft);font-size:.8125rem}.kwitansi-sheet__title{text-align:center;letter-spacing:.08em;margin:24px 0 8px;font-size:1.25rem;font-weight:800}.kwitansi-sheet__amount{text-align:center;color:var(--green-deep);margin-bottom:24px;font-size:1.5rem;font-weight:800}.kwitansi-sheet__grid{grid-template-columns:140px 1fr;gap:8px 16px;font-size:.875rem;display:grid}.kwitansi-sheet__grid dt{color:var(--text-light);font-weight:600}.kwitansi-sheet__foot{text-align:center;justify-content:space-between;margin-top:40px;font-size:.8125rem;display:flex}@media print{.layout__main>.header,.sidebar,.sidebar-overlay,.page__actions,.page__header,.no-print{display:none!important}.layout__main{margin-left:0!important}.layout__content{padding:0!important}.kwitansi-sheet{box-shadow:none;border:none}}.dash-panel .empty-panel{min-height:160px;padding:16px 12px}@media (width<=1100px){.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.finance-kpis{grid-template-columns:1fr}.kwitansi-sheet{padding:20px 16px}.kwitansi-sheet__head,.kwitansi-sheet__foot{text-align:left;flex-direction:column}.kwitansi-sheet__meta{text-align:left}}.modal-overlay{z-index:1000;padding:20px;padding:max(12px, env(safe-area-inset-top,0px)) 12px max(12px, env(safe-area-inset-bottom,0px));background:#1a3d2e73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:480px;max-height:90dvh;box-shadow:0 16px 48px var(--shadow-md);flex-direction:column;animation:.25s modal-in;display:flex}.modal--wide{max-width:640px}.modal--xl{width:min(920px,100%);max-width:920px;height:min(90vh,860px);overflow:hidden}.modal--xl .modal__body{flex:1;min-height:0;padding-bottom:16px;overflow:hidden}.modal__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal__title{color:var(--text);font-size:1.0625rem;font-weight:700}.modal__close{color:var(--text-light)}.modal__body{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.modal__footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}@media (width<=520px){.modal-overlay{align-items:flex-end;padding:0}.modal,.modal--wide,.modal--xl{border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:94dvh}.modal__header,.modal__body,.modal__footer{padding-left:16px;padding-right:16px}.modal__footer{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-direction:column-reverse}.modal__footer .btn{width:100%}}.modal-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-form>.form-group--full,.modal-form>.keuangan-jenis{grid-column:1/-1}.modal-form__row{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=520px){.modal-form,.modal-form__row{grid-template-columns:1fr}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.stat-card__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-card--green .stat-card__icon{background:var(--green-pale);color:var(--green-dark)}.stat-card--blue .stat-card__icon{background:var(--info-bg);color:var(--info)}.stat-card--orange .stat-card__icon{background:var(--warning-bg);color:var(--warning)}.stat-card--red .stat-card__icon{background:var(--danger-bg);color:var(--danger)}.stat-card--purple .stat-card__icon{color:#7c3aed;background:#f3e8ff}[data-theme=dark] .stat-card--purple .stat-card__icon{color:#c4b5fd;background:#22183a}.stat-card__content{flex-direction:column;gap:1px;min-width:0;display:flex}.stat-card__label{color:var(--text-light);letter-spacing:.02em;font-size:.6875rem;font-weight:600}.stat-card__value{letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;word-break:break-word;font-size:.9375rem;font-weight:700;line-height:1.25}.stat-card--green .stat-card__value{color:var(--green-deep)}.stat-card--red .stat-card__value{color:var(--danger)}.stat-card--blue .stat-card__value{color:var(--info)}.stat-card--orange .stat-card__value{color:var(--warning)}.stat-card__change{color:var(--text-light);font-size:.6875rem;font-weight:500}.stat-card__change--up{color:var(--green-dark)}.stat-card__change--down{color:var(--danger)}@media (width<=640px){.stats-row{grid-template-columns:1fr 1fr}}.keuangan-count{color:var(--text-light);font-size:.75rem;font-weight:600}.keuangan-history-head{flex-wrap:wrap;align-items:center;gap:12px}.keuangan-history-sub{color:var(--text-light);margin:2px 0 0;font-size:.75rem}.keuangan-month-nav{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.keuangan-month-nav__btn{justify-content:center;width:36px;height:36px;padding:0}.keuangan-month-nav__btn:disabled{opacity:.35;cursor:not-allowed}.keuangan-month-nav__label{text-align:center;flex-direction:column;align-items:center;min-width:140px;padding:0 8px;display:flex}.keuangan-month-nav__label strong{color:var(--text);letter-spacing:-.01em;text-transform:capitalize;font-size:.875rem;font-weight:800}.keuangan-month-nav__label span{color:var(--text-light);font-size:.6875rem;font-weight:600}.keuangan-empty{text-align:center;color:var(--text-light);margin:0;padding:36px 20px;font-size:.875rem}@media (width<=640px){.keuangan-history-head{flex-direction:column;align-items:stretch}.keuangan-month-nav{justify-content:center;margin-left:0}.keuangan-form__actions{flex-direction:column-reverse}.keuangan-form__actions .btn{width:100%}}.keuangan-form{gap:14px}.keuangan-jenis{background:var(--green-light);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.keuangan-jenis__btn{min-height:42px;color:var(--text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.keuangan-jenis__btn:hover{color:var(--text);background:var(--surface)}.keuangan-jenis__btn.is-in.is-active{background:var(--green-muted);color:var(--green-deep);border-color:color-mix(in srgb, var(--green-dark) 18%, transparent);box-shadow:0 1px 3px #10b98126}.keuangan-jenis__btn.is-out.is-active{background:var(--danger-bg,#fef2f2);color:var(--danger,#b91c1c);border-color:#ef444433;box-shadow:0 1px 3px #ef44441f}.keuangan-amount{border:1px solid var(--border);border-radius:var(--radius-sm,8px);background:var(--surface);align-items:center;gap:0;transition:border-color .15s;display:flex;overflow:hidden}.keuangan-amount:focus-within{border-color:var(--green)}.keuangan-amount__prefix{color:var(--text-soft);background:var(--green-light);border-right:1px solid var(--border);align-self:stretch;align-items:center;padding:0 12px;font-size:.875rem;font-weight:700;display:inline-flex}.keuangan-amount__input{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700;background:0 0!important;border:none!important;border-radius:0!important}.keuangan-amount__input:focus{outline:none;box-shadow:none!important}.keuangan-preview{background:var(--green-light);color:var(--text-soft);border-radius:10px;margin:0;padding:10px 12px;font-size:.8125rem}.keuangan-preview strong{font-variant-numeric:tabular-nums;font-weight:800}.keuangan-preview.is-in strong{color:var(--green-deep)}.keuangan-preview.is-out strong{color:var(--danger,#b91c1c)}.keuangan-form__actions{justify-content:flex-end;gap:8px;margin-top:4px;padding-top:4px;display:flex}.keuangan-donor{position:relative}.keuangan-donor__field{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-light);transition:border-color var(--ease,.15s ease);align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}.keuangan-donor__field:focus-within,.keuangan-donor__field.is-open{border-color:var(--green)}.keuangan-donor__input{min-width:0;height:42px;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.keuangan-donor__input::placeholder{color:var(--text-light)}.keuangan-donor__clear{width:26px;height:26px;color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.keuangan-donor__clear:hover{background:var(--green-light);color:var(--text)}.keuangan-donor__list{z-index:20;border:1px solid var(--border);background:var(--surface);max-height:220px;box-shadow:0 10px 28px var(--shadow,#0000001f);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.keuangan-donor__item{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;display:flex}.keuangan-donor__item strong{color:var(--text);font-size:.8125rem;font-weight:700}.keuangan-donor__item span{color:var(--text-light);font-size:.75rem}.keuangan-donor__item.is-active,.keuangan-donor__item:hover{background:var(--green-light)}.keuangan-donor__item.is-selected strong{color:var(--green-deep)}.keuangan-donor__empty{color:var(--text-light);padding:12px 10px;font-size:.8125rem}.keuangan-donor-hint{color:var(--text-light);margin:0;font-size:.75rem;line-height:1.4}.keuangan-donor-hint a{color:var(--green-dark);font-weight:600;text-decoration:none}.keuangan-donor-hint a:hover{color:var(--green-deep)}.keuangan-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.keuangan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 12px var(--shadow);align-items:flex-start;gap:16px;padding:20px;display:flex}.keuangan-card__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.keuangan-card--in .keuangan-card__icon{background:var(--green-muted);color:var(--green-dark)}.keuangan-card--out .keuangan-card__icon{background:var(--danger-bg);color:var(--danger)}.keuangan-card--bal{background:linear-gradient(135deg, var(--surface) 0%, var(--info-bg) 100%);border-color:#3b82f640}.keuangan-card--bal .keuangan-card__icon{background:var(--info-bg);color:var(--info)}.keuangan-card__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.keuangan-card__label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.keuangan-card__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;word-break:break-word;font-size:1.25rem;font-weight:700;line-height:1.25}.keuangan-card--in .keuangan-card__value{color:var(--green-deep)}.keuangan-card--out .keuangan-card__value{color:var(--danger)}.keuangan-card--bal .keuangan-card__value{color:var(--info);font-size:1.375rem}.keuangan-card__meta{color:var(--text-light);margin-top:2px;font-size:.6875rem;font-weight:500}.keuangan-card__meta--positive{color:var(--green-dark)}.keuangan-card__meta--negative{color:var(--danger)}@media (width<=640px){.keuangan-summary{grid-template-columns:1fr}.keuangan-card--bal{order:-1}.keuangan-card__value{font-size:1.125rem}.keuangan-card--bal .keuangan-card__value{font-size:1.25rem}}.pengasuh-card{height:100%}.pengasuh-card .card__body{text-align:center;flex-direction:column;align-items:center;gap:8px;height:100%;min-height:240px;display:flex}.pengasuh-card__avatar{background:var(--green-muted);width:56px;height:56px;color:var(--green-deep);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:1.25rem;font-weight:700;display:flex}.pengasuh-card__name{color:var(--text);word-break:break-word;font-size:.9375rem;font-weight:700}.pengasuh-card__jabatan{color:var(--green-dark);font-size:.8125rem;font-weight:600}.pengasuh-card__meta{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pengasuh-card__kontak{color:var(--text-light);margin-top:4px;font-size:.75rem}.pengasuh-card__actions,.program-card__actions{justify-content:center;gap:8px;width:100%;margin-top:auto;padding-top:12px;display:flex}.program-card{height:100%}.program-card .card__body{flex-direction:column;gap:10px;height:100%;display:flex}.program-card__header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.program-card__title{color:var(--text);word-break:break-word;flex:1;min-width:0;font-size:.9375rem;font-weight:700;line-height:1.35}.program-card__jadwal{color:var(--text-soft);align-items:center;gap:6px;font-size:.8125rem;display:flex}.program-card__meta{color:var(--text-light);flex-wrap:wrap;gap:8px 16px;font-size:.75rem;display:flex}.program-card__meta span{align-items:center;gap:4px;display:flex}.amount-in{color:var(--green-dark);font-weight:600}.amount-out{color:var(--danger);font-weight:600}.laporan-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.laporan-item{text-align:center;height:100%;transition:box-shadow var(--ease);flex-direction:column;align-items:center;padding:24px;display:flex}.laporan-item:hover{box-shadow:0 8px 24px var(--shadow-md)}.laporan-item__icon{margin:0 auto 12px}.laporan-item__btn{margin-top:auto;padding-top:12px}.laporan-item__title{color:var(--text);font-size:.875rem;font-weight:700}.laporan-item__desc{color:var(--text-light);margin-top:4px;font-size:.75rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.settings-section h3{color:var(--text);margin-bottom:16px;font-size:.875rem;font-weight:700}.settings-form{flex-direction:column;gap:16px;display:flex}@media (width<=1200px){.laporan-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.laporan-grid,.settings-grid{grid-template-columns:1fr}}.users-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.users-stat{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.users-stat__icon{background:var(--green-muted);width:36px;height:36px;color:var(--green-deep);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.users-stat__label{color:var(--text-light);font-size:.75rem;display:block}.users-stat strong{letter-spacing:-.02em;color:var(--text);font-size:1.125rem;font-weight:800}.users-agenda{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow:hidden}.users-agenda__bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;padding:16px 18px 14px;display:flex}.users-agenda__bar h3{letter-spacing:-.02em;margin:0;font-size:.9375rem;font-weight:700}.users-agenda__bar p{color:var(--text-light);margin:3px 0 0;font-size:.75rem}.users-agenda__tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.users-agenda__tabs{border:1px solid var(--border);background:var(--green-light);border-radius:10px;padding:3px;display:inline-flex}.users-agenda__tab{height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:.75rem;font-weight:650}.users-agenda__tab.is-on{background:var(--surface);color:var(--green-deep);box-shadow:0 1px 2px color-mix(in srgb, var(--green-deep) 12%, transparent)}.users-agenda__search{border:1px solid var(--border);background:var(--bg);min-width:220px;height:38px;color:var(--text-light);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.users-agenda__search input{width:100%;font:inherit;color:var(--text);background:0 0;border:0;outline:none;font-size:.8125rem}.users-agenda__empty{text-align:center;color:var(--text-light);margin:0;padding:40px 18px;font-size:.8125rem}.users-agenda__cols,.users-item{grid-template-columns:minmax(0,1.4fr) minmax(8rem,1.1fr) 8.5rem 7.5rem 5.5rem;align-items:center;gap:10px 16px;padding:0 18px;display:grid}.users-agenda__cols{letter-spacing:.04em;text-transform:uppercase;min-height:34px;color:var(--text-light);background:color-mix(in srgb, var(--green-pale) 80%, var(--surface));border-bottom:1px solid var(--border);font-size:.6875rem;font-weight:700}.users-agenda__cols span:last-child{text-align:right}.users-agenda__list{margin:0;padding:0;list-style:none}.users-item{border-bottom:1px solid var(--border);min-height:64px;padding-top:10px;padding-bottom:10px}.users-agenda__list li:last-child{border-bottom:0}.users-item__person{align-items:center;gap:10px;min-width:0;display:flex}.users-item__text{min-width:0}.users-item__text strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;display:block;overflow:hidden}.users-item__text span{color:var(--text-light);font-size:.6875rem}.users-item__user{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.users-item__role,.users-item__status{border-radius:999px;width:fit-content;padding:4px 8px;font-size:.6875rem;font-weight:700;line-height:1}.users-item__role.is-admin{color:var(--green-deep);background:var(--green-muted)}.users-item__role.is-pengurus{color:#1d4ed8;background:#dbeafe}.users-item__role.is-pengasuh{color:#9a3412;background:#ffedd5}.users-item__status{color:var(--text-soft);background:var(--green-light)}.users-item__status.is-self{color:var(--green-deep);background:var(--green-muted)}.users-item__actions{justify-content:flex-end;gap:4px;display:flex}.users-item__actions .btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=900px){.users-stats{grid-template-columns:1fr 1fr}.users-agenda__cols{display:none}.users-item{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.users-item__person{grid-column:1/-1}.users-item__actions{flex-direction:column;grid-area:2/2/4}}@media (width<=720px){.users-agenda__bar{flex-direction:column;align-items:stretch}.users-agenda__tools,.users-agenda__search{width:100%}.users-agenda__search{min-width:0}.users-stats{grid-template-columns:1fr 1fr;gap:8px}.users-item__actions{flex-direction:row;grid-area:auto/1/auto/-1;width:100%}.users-item__actions .btn{flex:1}}.profil-hero{border:1px solid var(--border);padding:0;position:relative;overflow:hidden}.profil-hero__cover{background:radial-gradient(ellipse 80% 120% at 10% 0%, #5aab7a59, transparent 55%), radial-gradient(ellipse 60% 100% at 90% 100%, #2a6b4a40, transparent 50%), linear-gradient(135deg, var(--green-deep) 0%, var(--green-dark) 45%, var(--green) 100%);height:96px}.profil-hero__main{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:-48px;padding:0 24px 28px;display:flex}.profil-hero__avatar-wrap{flex-shrink:0;width:96px;height:96px;position:relative}.profil-hero__avatar{box-shadow:0 6px 20px var(--shadow-md);background:var(--green-dark);border:4px solid var(--surface)!important;border-radius:50%!important;width:96px!important;height:96px!important;font-size:1.75rem!important}.profil-hero__camera{border:2px solid var(--surface);background:var(--green-dark);color:#fff;cursor:pointer;width:32px;height:32px;box-shadow:0 2px 8px var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .15s;display:inline-flex;position:absolute;bottom:0;right:0}.profil-hero__camera:hover:not(:disabled){background:var(--green-deep);transform:scale(1.06)}.profil-hero__camera:disabled{opacity:.75;cursor:wait}.profil-hero__identity{flex-direction:column;align-items:center;gap:8px;min-width:0;max-width:420px;display:flex}.profil-hero__name{letter-spacing:-.02em;color:var(--text);word-break:break-word;margin:0;font-size:1.3125rem;font-weight:700;line-height:1.25}.profil-hero__meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;max-width:100%;display:flex}.profil-hero__badge{color:var(--green-deep);background:var(--green-muted);border-radius:var(--radius-pill);align-items:center;padding:3px 11px;font-size:.75rem;font-weight:600;line-height:1.35;display:inline-flex}.profil-hero__dot{background:var(--text-light);opacity:.55;border-radius:50%;flex-shrink:0;width:4px;height:4px}.profil-hero__email{color:var(--text-light);word-break:break-all;font-size:.8125rem}.profil-hero__toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.profil-hero__hint{color:var(--text-light);margin:0;font-size:.6875rem;line-height:1.4}.profil-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.profil-spin{animation:.8s linear infinite profil-spin}@keyframes profil-spin{to{transform:rotate(360deg)}}.profil-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.profil-page .card__title{align-items:center;gap:8px;display:inline-flex}.profil-form{flex-direction:column;gap:16px;display:flex}.profil-form__hint{color:var(--text-light);margin-top:4px;font-size:.6875rem}.profil-form .form-input:disabled{background:var(--green-pale);color:var(--text-soft);cursor:not-allowed}@media (width<=900px){.profil-grid{grid-template-columns:1fr}}@media (width<=480px){.profil-hero__cover{height:80px}.profil-hero__main{margin-top:-40px;padding:0 16px 22px}.profil-hero__avatar-wrap{width:88px;height:88px}.profil-hero__avatar{width:88px!important;height:88px!important;font-size:1.5rem!important}.profil-hero__meta .profil-hero__dot{display:none}.profil-hero__meta{flex-direction:column;gap:6px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0faf4;--bg-soft:#e3f5ea;--bg-mint:#d8f0e2;--surface:#fff;--text:#1a3d2e;--text-soft:#4d7260;--text-light:#8aab96;--green:#5aab7a;--green-dark:#3d8f63;--green-deep:#2a6b4a;--green-soft:#a8d5ba;--green-muted:#d4eddf;--green-pale:#ecf7f0;--green-light:#f5fbf7;--border:#3d8f6324;--shadow:#2a6b4a14;--shadow-md:#2a6b4a1f;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--radius:16px;--radius-sm:10px;--radius-pill:100px;--ease:.3s cubic-bezier(.4, 0, .2, 1);--sidebar-w:260px;--header-h:68px;--danger:#e05252;--danger-bg:#fef2f2;--warning:#d97706;--warning-bg:#fffbeb;--info:#3b82f6;--info-bg:#eff6ff;--header-bg:#ffffffeb}[data-theme=dark]{--bg:#0f1a14;--bg-soft:#15241c;--bg-mint:#1a2e24;--surface:#16241c;--text:#e4f0e8;--text-soft:#a3bfb0;--text-light:#6d8f7c;--green:#5aab7a;--green-dark:#6bc48a;--green-deep:#8fd4a8;--green-soft:#3d6b52;--green-muted:#1e3d2e;--green-pale:#183028;--green-light:#12241c;--border:#8fd4a824;--shadow:#00000047;--shadow-md:#0006;--danger:#f07171;--danger-bg:#3a1c1c;--warning:#f0b429;--warning-bg:#3a2e14;--info:#6ba3f5;--info-bg:#1a2740;--header-bg:#16241ceb}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;overflow-x:clip}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:15px;font-weight:400;line-height:1.6;transition:background .25s,color .25s}#root{min-height:100vh}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}input,select,textarea{font-family:inherit;font-size:inherit}.btn{border-radius:var(--radius-sm);transition:all var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.8125rem;font-weight:600;display:inline-flex}.btn--dark{background:var(--green-dark);color:#fff}.btn--dark:hover{background:var(--green-deep);box-shadow:0 6px 20px var(--shadow);transform:translateY(-1px)}.btn--soft{background:var(--green-muted);color:var(--green-deep)}.btn--soft:hover{background:var(--green-soft);color:#fff}.btn--ghost{background:var(--surface);color:var(--green-deep);border:1.5px solid var(--border)}.btn--ghost:hover{border-color:var(--green);background:var(--green-pale)}.btn--sm{padding:7px 14px;font-size:.75rem}.btn--icon{border-radius:var(--radius-sm);padding:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 12px var(--shadow)}.card__header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.card__toolbar{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.card__toolbar .search-bar{flex:1;min-width:160px}.card__toolbar .form-select{width:auto;min-width:140px}.card__title{color:var(--text);font-size:.9375rem;font-weight:700}.card__subtitle{color:var(--text-light);margin-top:2px;font-size:.75rem}.card__body{padding:24px}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge--green{background:var(--green-muted);color:var(--green-deep)}.badge--blue{background:var(--info-bg);color:var(--info)}.badge--orange{background:var(--warning-bg);color:var(--warning)}.badge--red{background:var(--danger-bg);color:var(--danger)}.badge--gray{background:var(--green-pale);color:var(--text-soft)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-soft);font-size:.75rem;font-weight:600}.form-input,.form-select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);transition:border-color var(--ease);outline:none;padding:10px 14px}.form-input:focus,.form-select:focus{border-color:var(--green)}.form-input::placeholder{color:var(--text-light)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table--wide{min-width:860px}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);background:var(--green-pale);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:.6875rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text-soft);vertical-align:middle;padding:14px 16px}.data-table tbody tr:hover{background:var(--green-light)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .td-name{color:var(--text);font-weight:600}.data-table .td-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.data-table th.td-num{text-align:right}.data-table td.td-actions{white-space:nowrap;text-align:right;width:1%}.page-loading{min-height:48vh;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.875rem;display:flex}.stats-row{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;display:grid}@media (width<=640px){.stats-row{grid-template-columns:1fr 1fr}}.page{flex-direction:column;gap:24px;min-width:0;display:flex}.page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page__title{letter-spacing:-.02em;color:var(--text);font-size:1.5rem;font-weight:700}.page__desc{color:var(--text-soft);margin-top:4px;font-size:.875rem}.page__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-bar{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;min-width:0;padding:9px 14px;display:flex}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.search-bar svg{color:var(--text-light);flex-shrink:0}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 16px}.page{gap:16px}.page__title{overflow-wrap:anywhere;font-size:1.2rem}.card__header,.card__toolbar{flex-direction:column;align-items:stretch}.card__toolbar .search-bar,.card__toolbar .form-select{width:100%;min-width:0}.form-input,.form-select,textarea.form-input{min-height:44px;font-size:16px}textarea.form-input{min-height:96px}.btn{min-height:44px}.btn--sm{min-height:40px}.btn--icon{min-width:44px;min-height:44px}.data-table th,.data-table td{padding:10px 12px}.search-bar input{font-size:16px}}.text-green{color:var(--green-dark)}.table-actions{gap:4px;display:flex}.table-actions__delete:hover{color:var(--danger)!important;border-color:var(--danger)!important;background:var(--danger-bg)!important}.empty-state{text-align:center;color:var(--text-light);padding:48px 24px;font-size:.875rem}.data-table .empty-cell{text-align:center;color:var(--text-light);font-size:.875rem;padding:36px 16px!important}@media (width<=640px){.page__header{flex-direction:column;align-items:stretch}.page__actions{width:100%}.page__actions .btn{flex:1;min-width:0}.card__header,.card__body{padding:16px}.table-wrap{margin-inline:-4px}}