@import "https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.grid{display:grid}.hidden{display:none}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--green-950:#00311f;--green-925:#003d2a;--green-900:#004630;--green-800:#0e694e;--green-100:#e9f2ec;--green-050:#f1f7f2;--cream-050:#fffdf8;--cream-100:#fbf6eb;--cream-150:#f8f1e4;--cream-200:#f3ead8;--gold-500:#c89b3c;--gold-400:#d7b767;--gold-200:#ead8ad;--ink-green:#123d30;--ink:#202824;--muted:#68726c;--warning:#e29b19;--danger:#d54b48;--success:#1f9a69;--info:#4f89df;--panel-border:#003f2d1b;--panel-shadow:0 4px 18px #352b150e}*,:before,:after{box-sizing:border-box}html{background:var(--cream-100);min-width:320px}html,body,#root{min-height:100%;margin:0}body{min-width:320px;color:var(--ink);background:var(--cream-100);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #c89b3c57}::-webkit-scrollbar{width:7px;height:8px}::-webkit-scrollbar-track{background:#c89b3c14;border-radius:999px}::-webkit-scrollbar-thumb{background:#00573f57;border-radius:999px}.desktop-app{background:linear-gradient(90deg, #fffdf833, transparent 30%), var(--cream-100);min-height:100vh;display:flex}.desktop-sidebar{z-index:50;color:#fff;background:radial-gradient(circle at 92% 7%,#c89b3c17,#0000 24%),linear-gradient(#004a33 0%,#00311f 100%);border-right:1px solid #d7b7672e;flex-direction:column;width:236px;height:100vh;transition:width .19s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.desktop-sidebar.is-collapsed{width:78px}.sidebar-top-corner{width:86px;height:86px;color:var(--gold-500);opacity:.42;pointer-events:none;position:absolute;top:-9px;right:-7px}.sidebar-brand{border-bottom:1px solid #ead8ad1c;align-items:center;gap:12px;min-height:118px;padding:23px 18px 20px;transition:padding .19s;display:flex}.sidebar-logo{object-fit:cover;background:#fff;border-radius:50%;flex:0 0 48px;width:48px;height:48px;box-shadow:0 0 0 2px #d7b76747}.sidebar-brand-copy{opacity:1;gap:2px;min-width:0;transition:opacity .12s;display:grid;overflow:hidden}.sidebar-brand-copy strong,.sidebar-brand-copy span{white-space:nowrap;font-family:Lora,serif;line-height:1.28}.sidebar-brand-copy strong{color:var(--gold-400);font-size:11.5px;font-weight:600}.sidebar-brand-copy span{color:#fff;font-size:12.5px;font-weight:700}.desktop-sidebar.is-collapsed .sidebar-brand{justify-content:center;gap:0;padding-inline:14px}.desktop-sidebar.is-collapsed .sidebar-brand-copy{opacity:0;width:0}.sidebar-collapse-button{z-index:4;color:#f4d98e;cursor:pointer;background:#07563f;border:1px solid #d7b76752;border-radius:50%;place-items:center;width:29px;height:29px;transition:all .18s;display:grid;position:absolute;top:91px;right:9px;box-shadow:0 4px 12px #001d152e}.sidebar-collapse-button:hover{background:#0d6b4f}.sidebar-collapse-button svg{transition:transform .19s;transform:rotate(180deg)}.desktop-sidebar.is-collapsed .sidebar-collapse-button{left:50%;right:auto;transform:translate(-50%)}.desktop-sidebar.is-collapsed .sidebar-collapse-button svg{transform:rotate(0)}.sidebar-nav{flex:1;align-content:start;gap:4px;padding:17px 12px 8px;display:grid;overflow:hidden auto}.sidebar-link{color:#ffffffb8;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-left:3px solid #0000;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 15px;font-size:13.5px;transition:all .16s;display:flex}.sidebar-link svg{flex:0 0 19px}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.is-active{color:#fff;border-left-color:var(--gold-500);background:linear-gradient(90deg,#0b6b4e 0%,#075c45 100%);font-weight:600;box-shadow:inset 0 0 0 1px #d7b76714}.sidebar-link.is-active svg{color:var(--gold-400)}.desktop-sidebar.is-collapsed .sidebar-link{border-left-width:2px;justify-content:center;gap:0;padding-inline:0}.desktop-sidebar.is-collapsed .sidebar-link span{display:none}.sidebar-visual-banner{aspect-ratio:4/3;background:#003f2d;border:1px solid #d7b7674d;border-radius:13px;flex:none;margin:10px 13px 20px;transition:opacity .13s;position:relative;overflow:hidden;box-shadow:0 7px 18px #0019122e}.sidebar-visual-banner img{object-fit:cover;width:100%;height:100%;display:block}.desktop-sidebar.is-collapsed .sidebar-visual-banner{display:none}.desktop-main{width:calc(100% - 236px);min-width:0;min-height:100vh;margin-left:236px;transition:width .19s,margin-left .19s;position:relative}.desktop-app.sidebar-collapsed .desktop-main{width:calc(100% - 78px);margin-left:78px}.desktop-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf6ebeb;border-bottom:1px solid #003f2d0f;justify-content:space-between;align-items:flex-start;gap:30px;min-height:116px;padding:24px 38px 18px;display:flex;position:relative}.header-title h1,.mobile-hero h1{color:var(--ink-green);margin:0;font-family:Lora,serif;font-weight:700}.header-title h1{font-size:clamp(25px,2.1vw,34px);line-height:1.1}.header-title p{color:var(--muted);margin:7px 0 0;font-size:14px}.header-actions{align-items:center;gap:14px;margin-top:2px;display:flex}.global-search{color:#6d766f;background:#fffdf8db;border:1px solid #003f2d24;border-radius:11px;align-items:center;gap:10px;width:clamp(280px,23vw,390px);height:44px;padding:0 10px 0 14px;display:flex}.global-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.global-search input::placeholder{color:#858d87}.global-search kbd{color:#6f756f;text-align:center;background:#f1ecdf;border-radius:6px;min-width:44px;padding:3px 5px;font-size:10px}.header-icon-button{width:43px;height:43px;color:var(--ink-green);cursor:pointer;background:#fffdf8e6;border:1px solid #003f2d21;border-radius:50%;place-items:center;display:grid;position:relative}.notification-badge{border:2px solid var(--cream-100);color:#fff;background:#cf423b;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-5px;right:-3px}.profile-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;min-width:168px;height:48px;padding:0 5px;display:flex}.profile-avatar,.mobile-avatar{color:#fff;background:var(--green-900);border:2px solid #c89b3c80;place-items:center;font-weight:700;display:grid}.profile-avatar{border-radius:50%;width:42px;height:42px}.profile-copy{text-align:left;flex:1;gap:2px;display:grid}.profile-copy strong{color:var(--ink-green);font-size:13px}.profile-copy small{color:var(--muted);font-size:11px}.desktop-hero-decoration{width:300px;height:158px;color:var(--gold-500);opacity:.25;pointer-events:none;position:absolute;top:56px;right:-4px;overflow:hidden}.desktop-hero-decoration svg{width:100%;height:100%}.dashboard-main{z-index:2;padding:20px 38px 18px;position:relative}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.kpi-card{color:#fff;background:radial-gradient(circle at 85% 20%,#c89b3c0f,#0000 30%),linear-gradient(135deg,#00513a 0%,#003825 100%);border:1px solid #d7b76730;border-radius:14px;align-items:center;gap:8px;min-height:116px;padding:10px 17px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 14px #003f2d14}.kpi-pattern{width:91px;height:91px;color:var(--gold-500);opacity:.22;position:absolute;top:-24px;right:-18px}.kpi-mosque-mark{width:142px;height:92px;color:var(--gold-500);opacity:.18;pointer-events:none;z-index:0;position:absolute;bottom:-11px;right:-8px}.kpi-mosque-mark svg{width:100%;height:100%}.kpi-card.has-mosque-accent .kpi-pattern{opacity:.12}.kpi-icon-ring{z-index:2;border-radius:50%;flex:0 0 102px;place-items:center;width:102px;height:96px;display:grid;position:relative;overflow:hidden}.kpi-icon-image{object-fit:cover;object-position:center;filter:drop-shadow(0 5px 10px #0000002e)saturate(1.08)contrast(1.04);width:144px;max-width:none;height:96px;display:block;transform:scale(1.22)}.kpi-copy{z-index:1;gap:1px;min-width:0;display:grid;position:relative}.kpi-copy span{color:#fffc;font-size:11.5px;font-weight:500}.kpi-copy strong{color:#fffdf8;letter-spacing:-.02em;font-family:Lora,serif;font-size:34px;line-height:1.05}.kpi-copy i{background:var(--gold-500);border-radius:999px;width:30px;height:3px;margin-top:5px}.dashboard-row{gap:18px;display:grid}.dashboard-row-top{grid-template-columns:minmax(235px,.86fr) minmax(500px,1.65fr) minmax(320px,1.12fr);margin-bottom:18px}.dashboard-row-bottom{grid-template-columns:minmax(250px,.94fr) minmax(440px,1.48fr) minmax(320px,1.16fr)}.panel-card{border:1px solid var(--panel-border);min-width:0;box-shadow:var(--panel-shadow);background:#fffdf8eb;border-radius:14px}.dashboard-row-top>.panel-card{min-height:260px}.dashboard-row-bottom>.panel-card{min-height:220px}.actions-panel,.applications-panel,.classes-panel,.capacity-panel,.attendance-panel,.activities-panel{padding:17px 17px 15px}.section-title{justify-content:space-between;align-items:center;gap:12px;min-height:26px;margin-bottom:13px;display:flex}.section-title>div{min-width:0;color:var(--gold-500);align-items:center;gap:9px;display:flex}.section-title h2{color:var(--ink-green);white-space:nowrap;margin:0;font-family:Lora,serif;font-size:17px;font-weight:700}.text-action{color:var(--green-800);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.action-list{gap:9px;display:grid}.action-row{cursor:pointer;text-align:left;background:#fbf6eb;border:1px solid #003f2d17;border-radius:10px;grid-template-columns:38px 8px minmax(0,1fr) 16px;align-items:center;gap:9px;min-height:57px;padding:8px 10px;transition:all .15s;display:grid}.action-row:hover{background:#f3eee2;transform:translateY(-1px)}.action-icon{width:37px;height:37px;color:var(--green-900);background:#e8f1ea;border-radius:10px;place-items:center;display:grid}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot.warning{background:var(--warning)}.status-dot.danger{background:var(--danger)}.action-text{min-width:0;color:var(--ink);font-size:11.5px;line-height:1.35}.action-text strong{color:#e48b0a}.desktop-table-wrap{scrollbar-gutter:stable;width:100%;max-width:100%;padding-bottom:9px;overflow:auto hidden}.desktop-table-wrap::-webkit-scrollbar{height:8px}.desktop-table-wrap::-webkit-scrollbar-track{background:#c89b3c1a;border-radius:999px}.desktop-table-wrap::-webkit-scrollbar-thumb{background:#00573f6b;border-radius:999px}.applications-table{border-collapse:collapse;table-layout:fixed;width:760px;min-width:760px;font-size:11px}.applications-table th{color:#5f6a63;text-align:left;border-bottom:1px solid #003f2d1c;padding:7px 9px 9px;font-size:9.5px;font-weight:600}.applications-table th:first-child{width:28%}.applications-table th:nth-child(2){width:23%}.applications-table th:nth-child(3),.applications-table th:nth-child(4){width:19%}.applications-table th:nth-child(5){width:11%}.applications-table td{color:#5c6862;vertical-align:middle;border-bottom:1px solid #003f2d12;padding:9px}.applications-table td:first-child{color:var(--ink-green);font-weight:600}.pending-badge{color:#9a5506;background:#fff0c5;border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:5px 8px;font-size:9.5px;font-weight:600;line-height:1.2;display:inline-flex}.pending-badge i{background:#d97b0d;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.review-button{min-width:55px;color:var(--green-900);cursor:pointer;background:#fffdf8;border:1px solid #00573f61;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.review-button:hover{color:#fff;background:var(--green-900)}.mobile-application-list{display:none}.class-list{gap:8px;display:grid}.class-row{background:#fbf6eb;border:1px solid #003f2d17;border-radius:10px;gap:12px;min-height:88px;padding:9px;display:flex}.class-art{width:70px;min-height:70px;color:var(--gold-400);background:linear-gradient(145deg,#00583f,#003f2d);border-radius:9px;flex:0 0 70px;place-items:center;display:grid;position:relative;overflow:hidden}.class-art-pattern{width:80px;height:80px;color:var(--gold-500);opacity:.26;position:absolute;top:-26px;right:-32px}.class-content{flex:1;align-content:center;gap:3px;min-width:0;display:grid}.class-title-line{justify-content:space-between;align-items:start;gap:8px;display:flex}.class-title-line h3{color:var(--ink-green);margin:0 0 2px;font-family:Lora,serif;font-size:13.5px;line-height:1.25}.class-content>span{color:#657069;align-items:center;gap:5px;font-size:9.8px;display:flex}.class-status{border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 7px;font-size:8.7px;font-weight:600;display:inline-flex}.class-status i{border-radius:50%;width:5px;height:5px}.class-status.success{color:#14764f;background:#d9f1df}.class-status.success i{background:#26a96c}.class-status.info{color:#315ca5;background:#e0ebff}.class-status.info i{background:#5a8ee2}.capacity-list{gap:14px;padding-top:2px;display:grid}.capacity-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 11px;display:grid}.capacity-row>div:first-child{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.capacity-row strong{color:var(--ink-green);font-size:10.5px;font-weight:600}.capacity-row span,.capacity-row small{color:#526158;font-size:9.5px}.capacity-row small{color:var(--green-900);font-weight:700}.capacity-progress{background:#dedbd3;border-radius:999px;height:6px;overflow:hidden}.capacity-progress i{border-radius:inherit;background:linear-gradient(90deg,#00573f,#09855e);height:100%;display:block}.attendance-heading{position:relative}.attendance-heading .section-title{padding-right:142px}.chart-legend{gap:12px;display:flex;position:absolute;top:2px;right:0}.chart-legend span{color:#5e6963;align-items:center;gap:5px;font-size:8.5px;display:flex}.chart-legend i{border-radius:2px;width:9px;height:9px}.chart-legend .present{background:var(--green-900)}.chart-legend .absent{background:var(--gold-400)}.attendance-chart{grid-template-columns:38px minmax(0,1fr);gap:8px;height:154px;padding-top:5px;display:grid}.chart-y-labels{color:#6c756f;flex-direction:column;justify-content:space-between;align-items:end;height:127px;font-size:8px;display:flex}.chart-bars{background:linear-gradient(0deg,#003f2d12 1px,#0000 1px) 0 0/100% 25%;border-bottom:1px solid #003f2d1f;grid-template-columns:repeat(7,1fr);align-items:end;gap:clamp(8px,1.3vw,18px);height:127px;display:grid;position:relative}.chart-column{flex-direction:column;justify-content:end;align-items:center;gap:5px;min-width:0;height:100%;display:flex}.bar-stack{border-radius:2px 2px 0 0;flex-direction:column;justify-content:end;width:clamp(20px,2.1vw,30px);height:100px;display:flex;overflow:hidden}.bar-stack i{width:100%;display:block}.bar-absent{background:var(--gold-400)}.bar-present{background:var(--green-900)}.chart-column>span{white-space:nowrap;color:#5f6963;font-size:7.7px}.activity-list{display:grid}.activity-row{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #003f2d12;grid-template-columns:64px minmax(0,1fr) 15px;align-items:center;gap:10px;width:100%;min-height:54px;padding:7px 2px;display:grid}.activity-row:last-child{border-bottom:0}.activity-date{min-height:44px;color:var(--green-900);background:#eef3e7;border-radius:9px;align-items:center;gap:8px;padding:5px 6px;display:flex}.activity-date div{text-align:center;display:grid}.activity-date strong{color:var(--ink-green);font-family:Lora,serif;font-size:15px;line-height:1}.activity-date span{color:#5e6b63;font-size:7.8px;font-weight:600}.activity-copy{gap:2px;min-width:0;display:grid}.activity-copy strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:9.7px;font-weight:600;overflow:hidden}.activity-copy span{color:#657069;text-overflow:ellipsis;white-space:nowrap;font-size:8.4px;overflow:hidden}.desktop-footer{color:#69736d;justify-content:space-between;align-items:center;min-height:36px;padding:0 38px 14px;font-size:9px;display:flex}.mobile-app,.mobile-drawer-layer{display:none}@media (width<=1360px) and (width>=900px){.desktop-sidebar{width:220px}.desktop-sidebar.is-collapsed{width:74px}.desktop-main{width:calc(100% - 220px);margin-left:220px}.desktop-app.sidebar-collapsed .desktop-main{width:calc(100% - 74px);margin-left:74px}.sidebar-brand{padding-inline:15px}.dashboard-main,.desktop-header{padding-left:24px;padding-right:24px}.dashboard-row-top{grid-template-columns:.84fr 1.58fr 1.06fr}.dashboard-row-bottom{grid-template-columns:.88fr 1.37fr 1.1fr}.kpi-grid,.dashboard-row{gap:14px}.global-search{width:275px}.kpi-icon-ring{flex-basis:90px;width:90px;height:84px}.kpi-icon-image{width:126px;height:84px}}@media (width<=899px){.desktop-app{display:none}.mobile-app{width:100%;max-width:100vw;min-height:100vh;padding-bottom:calc(104px + env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0, #c89b3c12, transparent 35%), var(--cream-100);display:block;overflow-x:hidden}.mobile-header{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8eb;border-bottom:1px solid #003f2d12;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:82px;padding:10px 16px;display:grid;position:sticky;top:0}.mobile-menu-button,.mobile-header-actions button,.drawer-brand button{color:var(--ink-green);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.mobile-menu-button{width:42px;height:42px}.mobile-brand{justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.mobile-brand img{object-fit:cover;border-radius:50%;flex:0 0 39px;width:39px;height:39px}.mobile-brand div{gap:2px;min-width:0;display:grid}.mobile-brand strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-family:Lora,serif;font-size:15px;overflow:hidden}.mobile-brand span{color:#b98320;font-size:10.5px;font-weight:600}.mobile-header-actions{align-items:center;gap:7px;display:flex}.mobile-header-actions button{width:36px;height:36px;position:relative}.mobile-header-actions button span{color:#fff;background:#cf423b;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-weight:700;display:grid;position:absolute;top:-1px;right:-1px}.mobile-avatar{border-radius:50%;width:36px;height:36px;font-size:12px}.mobile-hero{background:#fffdf8c7;border-bottom:1px solid #003f2d0e;min-height:142px;padding:34px 20px 28px;position:relative;overflow:hidden}.mobile-mosque{width:180px;height:100px;color:var(--gold-500);opacity:.14;position:absolute;bottom:-6px;right:-20px}.mobile-hero h1{z-index:2;max-width:calc(100% - 18px);font-size:clamp(23px,7vw,31px);line-height:1.15;position:relative}.mobile-hero p{z-index:2;color:var(--muted);margin:8px 0 0;font-size:13.5px;position:relative}.mobile-main{width:100%;max-width:100%;padding:20px 16px 0}.mobile-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-bottom:26px;display:grid}.mobile-kpi-card{background:#fffdf8f0;border:1px solid #003f2d17;border-radius:16px;align-items:center;gap:12px;min-width:0;min-height:108px;padding:14px 13px;display:flex;overflow:hidden;box-shadow:0 5px 14px #2e24130f}.mobile-kpi-icon{width:51px;height:51px;color:var(--green-900);background:#e7f0e8;border-radius:50%;flex:0 0 51px;place-items:center;display:grid}.mobile-kpi-card>div:last-child{min-width:0;display:grid}.mobile-kpi-card span{color:#59665e;text-overflow:ellipsis;white-space:nowrap;font-size:11.3px;font-weight:500;overflow:hidden}.mobile-kpi-card strong{color:var(--ink-green);margin-top:2px;font-family:Lora,serif;font-size:29px;line-height:1.05}.mobile-kpi-card i{background:var(--gold-500);border-radius:999px;width:26px;height:2px;margin-top:7px}.mobile-section{margin-bottom:24px}.mobile-section .section-title{margin-bottom:12px}.mobile-section .section-title h2{font-size:18px}.mobile-action-list{gap:8px;display:grid}.mobile-action-list button{cursor:pointer;text-align:left;background:#fffdf8f5;border:1px solid #003f2d14;border-radius:14px;grid-template-columns:42px 7px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:65px;padding:9px 13px;display:grid;box-shadow:0 3px 11px #2920110d}.mobile-action-icon{width:42px;height:42px;color:var(--green-900);background:#e9f2ec;border-radius:12px;place-items:center;display:grid}.mobile-action-list button>span:nth-child(3){color:#242d28;min-width:0;font-size:12px;line-height:1.35}.mobile-class-card{background:#fffdf8f2;border:1px solid #003f2d14;border-radius:16px;grid-template-columns:132px minmax(0,1fr);min-height:154px;display:grid;overflow:hidden;box-shadow:0 4px 14px #2b22110e}.mobile-class-art{color:var(--gold-400);background:linear-gradient(145deg,#00563e,#003f2d);place-items:center;display:grid;position:relative;overflow:hidden}.mobile-class-pattern{width:120px;height:120px;color:var(--gold-500);opacity:.26;position:absolute;top:-30px;right:-34px}.mobile-class-copy{align-content:center;gap:7px;min-width:0;padding:14px 14px 13px;display:grid}.mobile-class-copy>div{justify-content:space-between;align-items:start;gap:6px;display:flex}.mobile-class-copy h3{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:17px;line-height:1.22}.mobile-class-copy>span{color:#646e68;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.mobile-class-copy .class-status{white-space:nowrap;font-size:8.5px}.mobile-secondary-section{margin-top:24px}.mobile-secondary-section .panel-card{box-shadow:none;background:0 0;border:0;padding:0}.mobile-secondary-section .section-title h2{font-size:18px}.mobile-secondary-section .desktop-table-wrap{display:none}.mobile-secondary-section .mobile-application-list{gap:10px;display:grid}.application-card{background:#fffdf8f5;border:1px solid #003f2d14;border-radius:14px;padding:15px;box-shadow:0 3px 11px #2920110d}.application-card-top{justify-content:space-between;align-items:start;gap:8px;display:flex}.application-card-top>div{gap:2px;min-width:0;display:grid}.application-card-top strong{color:var(--ink-green);font-size:13.5px}.application-card-top small{color:#747e78;font-size:9.5px}.application-card p{color:#56635b;margin:10px 0 3px;font-size:11.5px}.application-date{color:#7a837e;font-size:10.5px}.application-card>button{border:1px solid var(--green-900);width:100%;min-height:42px;color:var(--green-900);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:5px;margin-top:12px;font-size:11px;font-weight:600;display:flex}.mobile-secondary-section .activity-row{padding-inline:0}.mobile-bottom-nav{z-index:90;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:none;width:min(430px,100% - 24px);position:fixed;transform:translate(-50%)}.mobile-bottom-glass{-webkit-backdrop-filter:blur(22px)saturate(150%);pointer-events:auto;background:linear-gradient(#ffffffb8,#f5faf694),#ffffff73;border:1px solid #ffffffb8;border-radius:30px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-height:80px;padding:8px;display:grid;box-shadow:0 18px 45px #003f2d2b,0 4px 10px #003f2d14,inset 0 1px #fffffff0,inset 0 -1px #ffffff59}.mobile-bottom-glass button{color:#58615c;cursor:pointer;background:0 0;border:0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:62px;font-size:10px;font-weight:500;transition:all .17s;display:flex;position:relative}.mobile-bottom-glass button.is-active{color:var(--green-900);background:radial-gradient(circle at 50% 18%,#fffffffa,#0000 58%),#d2f0dabd;box-shadow:0 0 24px #3fd57c47,inset 0 1px #fffffff2,inset 0 -1px 8px #27865c17}.mobile-bottom-glass button.is-active i{background:#1fb469;border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px;box-shadow:0 0 8px #1fb469a6}.bottom-nav-icon{place-items:center;display:grid}.mobile-drawer-layer{z-index:120;display:block;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e161273;border:0;position:absolute;inset:0}.mobile-drawer{color:#fff;background:linear-gradient(#005139,#003f2d);flex-direction:column;width:min(310px,84vw);animation:.18s ease-out drawer-in;display:flex;position:absolute;inset:0 auto 0 0;box-shadow:12px 0 45px #0000003d}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-brand{border-bottom:1px solid #ffffff1a;grid-template-columns:46px minmax(0,1fr) 36px;align-items:center;gap:10px;min-height:92px;padding:14px 16px;display:grid}.drawer-brand img{object-fit:cover;border-radius:50%;width:44px;height:44px}.drawer-brand div{gap:2px;min-width:0;display:grid}.drawer-brand strong{font-family:Lora,serif;font-size:13px}.drawer-brand span{color:var(--gold-400);font-size:10px}.drawer-brand button{color:#fffc}.mobile-drawer nav{gap:5px;padding:16px 12px;display:grid;overflow-y:auto}.mobile-drawer nav button{color:#ffffffc2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;min-height:48px;padding:0 14px;display:flex}.mobile-drawer nav button.is-active{color:#fff;background:#ffffff17}}@media (width<=430px){.mobile-header{grid-template-columns:42px minmax(0,1fr) auto;padding-inline:12px}.mobile-brand{gap:7px}.mobile-brand img{flex-basis:34px;width:34px;height:34px}.mobile-brand strong{font-size:13.5px}.mobile-brand span{font-size:9.5px}.mobile-header-actions{gap:3px}.mobile-header-actions button{width:31px}.mobile-avatar{width:32px;height:32px}.mobile-main{padding-inline:14px}.mobile-kpi-grid{gap:10px}.mobile-kpi-card{gap:9px;min-height:100px;padding:12px 10px}.mobile-kpi-icon{flex-basis:45px;width:45px;height:45px}.mobile-kpi-card span{font-size:10.4px}.mobile-kpi-card strong{font-size:26px}.mobile-class-card{grid-template-columns:112px minmax(0,1fr)}.mobile-class-copy{padding-inline:11px}.mobile-class-copy h3{font-size:15px}.mobile-class-copy>span{font-size:10px}.mobile-class-copy .class-status{padding:3px 6px;font-size:7.5px}}@media (width<=350px){.mobile-kpi-card{flex-direction:column;align-items:flex-start}.mobile-kpi-icon{flex-basis:40px;width:40px;height:40px}.mobile-class-card{grid-template-columns:94px minmax(0,1fr)}}.desktop-dashboard-view{display:block}.mobile-dashboard-view{display:none}.module-page{padding:28px 38px 40px}.module-page-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.module-page-icon{color:#d5b361;background:linear-gradient(145deg,#00513a,#003825);border-radius:15px;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 5px 14px #00311f1f}.module-page-heading h1{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:29px;line-height:1.15}.module-page-heading p{max-width:720px;color:var(--muted);margin:6px 0 0;font-size:13px}.module-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.module-stat-card{min-height:118px;box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f17;border-radius:15px;align-content:center;gap:5px;padding:20px 22px;display:grid}.module-stat-card span{color:var(--muted);font-size:12px}.module-stat-card strong{color:var(--ink-green);font-family:Lora,serif;font-size:32px;line-height:1.05}.module-stat-card i{background:var(--gold-500);border-radius:999px;width:31px;height:3px;margin-top:4px}.module-content-card{box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f1a;border-radius:15px;overflow:hidden}.module-content-heading{border-bottom:1px solid #00311f14;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:0 22px;display:flex}.module-content-heading h2{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:18px}.module-content-heading span{color:#8a7650;font-size:10px;font-weight:600}.module-list{display:grid}.module-list-row{border-bottom:1px solid #00311f12;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:13px 22px;display:flex}.module-list-row:last-child{border-bottom:0}.module-list-row>div{gap:4px;min-width:0;display:grid}.module-list-row strong{color:var(--ink-green);font-size:12px}.module-list-row div span{color:var(--muted);font-size:10.5px}.module-status{color:#146f4d;background:#e0f2e7;border-radius:999px;flex:none;padding:6px 9px;font-size:9.5px;font-weight:600}.mobile-drawer nav a{color:#ffffffc2;border-radius:11px;align-items:center;gap:12px;min-height:48px;padding:0 14px;text-decoration:none;display:flex}.mobile-drawer nav a.is-active{color:#fff;background:#ffffff17}@media (width<=899px){.desktop-dashboard-view{display:none}.mobile-dashboard-view{display:block}.module-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.module-page-heading{align-items:flex-start;margin-bottom:20px}.module-page-icon{border-radius:14px;flex-basis:48px;width:48px;height:48px}.module-page-heading h1{font-size:24px}.module-page-heading p{font-size:12px;line-height:1.5}.module-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-stat-card{min-height:100px;padding:15px}.module-stat-card:last-child{grid-column:1/-1}.module-stat-card strong{font-size:27px}.module-content-heading{min-height:60px;padding-inline:15px}.module-list-row{min-height:70px;padding:12px 15px}}.registration-page{padding:28px 38px 44px}.registration-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.registration-eyebrow{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:inline-block}.registration-page-heading h1{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:29px;line-height:1.15}.registration-page-heading p{max-width:680px;color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.5}.registration-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.registration-button.primary{color:#fff;background:linear-gradient(135deg,#00513a,#003825);border-color:#c89b3c59;box-shadow:0 6px 16px #00311f1f}.registration-button.secondary{color:var(--ink-green);background:#fffdf8;border-color:#003f2d26}.registration-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.registration-kpi-grid article{min-height:105px;box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f17;border-radius:14px;align-content:center;gap:5px;padding:17px 19px;display:grid}.registration-kpi-grid span{color:var(--muted);font-size:10.5px}.registration-kpi-grid strong{color:var(--ink-green);font-family:Lora,serif;font-size:29px;line-height:1}.registration-kpi-grid i{background:var(--gold-500);border-radius:999px;width:28px;height:3px}.registration-management-card{box-shadow:var(--panel-shadow);background:#fffdf8f2;border:1px solid #00311f1a;border-radius:15px}.registration-toolbar{border-bottom:1px solid #00311f14;align-items:center;gap:10px;min-height:70px;padding:14px 16px;display:flex}.registration-search{min-width:0;height:42px;color:var(--muted);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.registration-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.registration-filter{min-width:175px;height:42px;color:var(--ink-green);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;outline:0;padding:0 34px 0 12px;font-size:10.5px}.registration-record-count{min-width:74px;color:var(--muted);text-align:right;font-size:10px}.registration-table-wrap{width:100%;padding-bottom:7px;overflow-x:auto}.registration-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1120px}.registration-table th{color:#68716c;text-align:left;white-space:nowrap;border-bottom:1px solid #003f2d1a;padding:12px 11px;font-size:9px;font-weight:700}.registration-table td{color:#5f6963;vertical-align:middle;border-bottom:1px solid #003f2d11;padding:11px;font-size:9.5px}.registration-table tr:last-child td{border-bottom:0}.registration-table th:first-child{width:10%}.registration-table th:nth-child(2){width:16%}.registration-table th:nth-child(3){width:20%}.registration-table th:nth-child(4){width:10%}.registration-table th:nth-child(5){width:13%}.registration-table th:nth-child(6){width:11%}.registration-table th:nth-child(7){width:12%}.registration-table th:nth-child(8){width:8%}.registration-id{color:var(--ink-green);font-size:9.5px}.registration-person,.registration-program{gap:3px;min-width:0;display:grid}.registration-person strong,.registration-program strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.registration-person span,.registration-program span,.registration-date{color:var(--muted);font-size:8.8px}.registration-source,.payment-pill{color:#496157;white-space:nowrap;background:#eef3e7;border-radius:999px;padding:5px 7px;font-size:8.5px;font-weight:600;display:inline-flex}.registration-status{border:1px solid #003f2d1a;border-radius:999px;outline:0;max-width:142px;height:30px;padding:0 24px 0 9px;font-size:8.7px;font-weight:700}.status-menunggu-semakan{color:#9a5d05;background:#fff0c9}.status-lulus-sementara{color:#315d9e;background:#e7efff}.status-menunggu-bayaran{color:#86520c;background:#f9e8bc}.status-bayaran-berjaya,.status-aktif{color:#14724d;background:#dff2e7}.status-ditolak{color:#a83d39;background:#fbe4e3}.registration-row-actions{align-items:center;gap:5px;display:flex}.registration-icon-action{width:30px;height:30px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1c;border-radius:8px;place-items:center;display:grid}.registration-more-wrap{position:relative}.registration-action-menu{z-index:80;background:#fffdf8;border:1px solid #003f2d1f;border-radius:11px;width:170px;padding:6px;position:absolute;top:34px;right:0;box-shadow:0 14px 30px #14221b24}.registration-action-menu button{width:100%;min-height:34px;color:var(--ink-green);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:9.5px}.registration-action-menu button:hover{background:#f3eee2}.registration-action-menu button.danger{color:#b43b37}.registration-mobile-list{display:none}.registration-dialog-layer{z-index:150;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.registration-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d18137a;border:0;position:absolute;inset:0}.registration-dialog{z-index:1;background:#fffdf8;border:1px solid #d7b7673d;border-radius:18px;width:min(720px,100%);max-height:min(84vh,760px);position:relative;overflow-y:auto;box-shadow:0 28px 70px #001f153d}.registration-dialog-heading{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 20px;display:flex}.registration-dialog-heading span{color:var(--gold-500);text-transform:uppercase;font-size:9px;font-weight:700}.registration-dialog-heading h2{color:var(--ink-green);margin:3px 0 0;font-family:Lora,serif;font-size:21px}.registration-dialog-heading>button{width:34px;height:34px;color:var(--ink-green);cursor:pointer;background:#f5f1e8;border:0;border-radius:9px;place-items:center;display:grid}.registration-form,.registration-detail{padding:20px}.registration-form-grid,.registration-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.registration-form label{gap:6px;display:grid}.registration-form label>span,.registration-detail-grid span,.registration-detail-notes>span{color:#68716c;font-size:9.5px;font-weight:600}.registration-form input,.registration-form select,.registration-form textarea{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #003f2d24;border-radius:9px;outline:0;font-size:10.5px}.registration-form input,.registration-form select{height:40px;padding:0 10px}.registration-form textarea{resize:vertical;padding:10px}.registration-form-wide{grid-column:1/-1}.registration-dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.registration-detail-grid>div{background:#fbf6eb;border-radius:10px;gap:4px;min-width:0;padding:12px;display:grid}.registration-detail-grid strong{overflow-wrap:anywhere;color:var(--ink-green);font-size:10.5px}.registration-detail-notes{background:#fbf6eb;border-radius:10px;margin-top:14px;padding:13px}.registration-detail-notes p{color:#59665f;margin:6px 0 0;font-size:10.5px;line-height:1.5}@media (width<=1100px) and (width>=900px){.registration-page{padding-inline:24px}.registration-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.registration-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.registration-page-heading{flex-direction:column;align-items:stretch;margin-bottom:18px}.registration-page-heading h1{font-size:25px}.add-registration-button{width:100%}.registration-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.registration-kpi-grid article{min-height:94px;padding:14px}.registration-kpi-grid strong{font-size:26px}.registration-toolbar{flex-wrap:wrap;align-items:stretch}.registration-search{flex-basis:100%}.registration-filter{flex:1;min-width:0}.registration-record-count{justify-content:flex-end;align-items:center;display:flex}.registration-table-wrap{display:none}.registration-mobile-list{gap:10px;padding:12px;display:grid}.registration-mobile-card{background:#fffdf8;border:1px solid #003f2d17;border-radius:14px;padding:14px;box-shadow:0 3px 11px #2920110d}.registration-mobile-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.registration-mobile-card-top>div{gap:3px;min-width:0;display:grid}.registration-mobile-card-top>div>span{color:var(--gold-500);font-size:8.5px;font-weight:700}.registration-mobile-card-top strong{color:var(--ink-green);font-size:13px}.registration-mobile-card-top small{color:var(--muted);font-size:9.5px}.registration-mobile-card-top>.registration-status{text-align:center;align-items:center;max-width:132px;height:auto;min-height:27px;padding:5px 8px;display:inline-flex}.registration-mobile-meta{gap:5px;margin-top:12px;display:grid}.registration-mobile-meta span{color:#606c65;align-items:center;gap:6px;font-size:9.5px;display:flex}.registration-mobile-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.registration-mobile-actions button{min-height:36px;color:var(--ink-green);background:0 0;border:1px solid #003f2d26;border-radius:8px;font-size:9px;font-weight:700}.registration-mobile-actions button.danger{color:#b43b37}.registration-dialog-layer{align-items:end;padding:0}.registration-dialog{border-radius:22px 22px 0 0;width:100%;max-height:88vh}.registration-form-grid,.registration-detail-grid{grid-template-columns:1fr}.registration-form-wide{grid-column:auto}.registration-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}.student-page{padding:28px 38px 44px}.student-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.student-eyebrow{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:inline-block}.student-page-heading h1{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:29px;line-height:1.15}.student-page-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.5}.student-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.student-button.primary{color:#fff;background:linear-gradient(135deg,#00513a,#003825);border-color:#c89b3c59;box-shadow:0 6px 16px #00311f1f}.student-button.secondary{color:var(--ink-green);background:#fffdf8;border-color:#003f2d26}.student-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.student-kpi-grid article{min-height:105px;box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f17;border-radius:14px;align-content:center;gap:5px;padding:17px 19px;display:grid}.student-kpi-grid span{color:var(--muted);font-size:10.5px}.student-kpi-grid strong{color:var(--ink-green);font-family:Lora,serif;font-size:29px;line-height:1}.student-kpi-grid i{background:var(--gold-500);border-radius:999px;width:28px;height:3px}.student-management-card{box-shadow:var(--panel-shadow);background:#fffdf8f2;border:1px solid #00311f1a;border-radius:15px}.student-toolbar{border-bottom:1px solid #00311f14;align-items:center;gap:10px;min-height:70px;padding:14px 16px;display:flex}.student-search{min-width:0;height:42px;color:var(--muted);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.student-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.student-filter{min-width:155px;height:42px;color:var(--ink-green);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;outline:0;padding:0 32px 0 11px;font-size:10px}.student-record-count{min-width:78px;color:var(--muted);text-align:right;font-size:9.5px}.student-table-wrap{width:100%;padding-bottom:7px;overflow-x:auto}.student-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1160px}.student-table th{color:#68716c;text-align:left;white-space:nowrap;border-bottom:1px solid #003f2d1a;padding:12px 10px;font-size:8.8px;font-weight:700}.student-table td{color:#5f6963;vertical-align:middle;border-bottom:1px solid #003f2d11;padding:11px 10px;font-size:9.3px}.student-table tr:last-child td{border-bottom:0}.student-table th:first-child{width:10%}.student-table th:nth-child(2){width:15%}.student-table th:nth-child(3){width:19%}.student-table th:nth-child(4),.student-table th:nth-child(5){width:11%}.student-table th:nth-child(6){width:17%}.student-table th:nth-child(7){width:9%}.student-table th:nth-child(8){width:8%}.student-id{color:var(--ink-green);font-size:9.5px}.student-person,.student-program{gap:3px;min-width:0;display:grid}.student-person strong,.student-program strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.student-person span,.student-program span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.7px;overflow:hidden}.student-status{border:1px solid #003f2d1a;border-radius:999px;outline:0;max-width:122px;height:30px;padding:0 23px 0 9px;font-size:8.6px;font-weight:700}.student-status-aktif{color:#14724d;background:#dff2e7}.student-status-tidak-aktif{color:#86520c;background:#f9e8bc}.student-status-berhenti{color:#a83d39;background:#fbe4e3}.student-attendance{gap:5px;min-width:74px;display:grid}.student-attendance strong{color:var(--ink-green);font-size:9.5px}.student-attendance>span{background:#dfddd6;border-radius:999px;width:72px;height:5px;overflow:hidden}.student-attendance i{border-radius:inherit;background:linear-gradient(90deg,#00573f,#17956d);height:100%;display:block}.student-progress{color:#526159;text-overflow:ellipsis;white-space:nowrap;font-size:8.8px;display:block;overflow:hidden}.student-payment{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:8.4px;font-weight:700;display:inline-flex}.student-payment-semasa{color:#14724d;background:#dff2e7}.student-payment-tertunggak{color:#a83d39;background:#fbe4e3}.student-payment-dikecualikan{color:#56625b;background:#edf0ec}.student-row-actions{align-items:center;gap:5px;display:flex}.student-icon-action{width:30px;height:30px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1c;border-radius:8px;place-items:center;display:grid}.student-more-wrap{position:relative}.student-action-menu{z-index:85;background:#fffdf8;border:1px solid #003f2d1f;border-radius:11px;width:170px;padding:6px;position:absolute;top:34px;right:0;box-shadow:0 14px 30px #14221b24}.student-action-menu button{width:100%;min-height:34px;color:var(--ink-green);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:9.5px}.student-action-menu button:hover{background:#f3eee2}.student-action-menu button.danger{color:#b43b37}.student-mobile-list{display:none}.student-dialog-layer{z-index:155;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.student-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d18137a;border:0;position:absolute;inset:0}.student-dialog{z-index:1;background:#fffdf8;border:1px solid #d7b7673d;border-radius:18px;width:min(760px,100%);max-height:min(86vh,790px);position:relative;overflow-y:auto;box-shadow:0 28px 70px #001f153d}.student-dialog-heading{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 20px;display:flex}.student-dialog-heading span{color:var(--gold-500);text-transform:uppercase;font-size:9px;font-weight:700}.student-dialog-heading h2{color:var(--ink-green);margin:3px 0 0;font-family:Lora,serif;font-size:21px}.student-dialog-heading>button{width:34px;height:34px;color:var(--ink-green);cursor:pointer;background:#f5f1e8;border:0;border-radius:9px;place-items:center;display:grid}.student-form,.student-detail{padding:20px}.student-form-grid,.student-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.student-form label{gap:6px;display:grid}.student-form label>span,.student-detail-grid span,.student-detail-notes>span{color:#68716c;font-size:9.5px;font-weight:600}.student-form input,.student-form select,.student-form textarea{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #003f2d24;border-radius:9px;outline:0;font-size:10.5px}.student-form input,.student-form select{height:40px;padding:0 10px}.student-form textarea{resize:vertical;padding:10px}.student-form-wide{grid-column:1/-1}.student-dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.student-detail-grid>div{background:#fbf6eb;border-radius:10px;gap:4px;min-width:0;padding:12px;display:grid}.student-detail-grid strong{overflow-wrap:anywhere;color:var(--ink-green);font-size:10.5px}.student-detail-notes{background:#fbf6eb;border-radius:10px;margin-top:14px;padding:13px}.student-detail-notes p{color:#59665f;margin:6px 0 0;font-size:10.5px;line-height:1.5}@media (width<=1180px) and (width>=900px){.student-page{padding-inline:24px}.student-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-toolbar{flex-wrap:wrap}.student-search{flex-basis:100%}}@media (width<=899px){.student-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.student-page-heading{flex-direction:column;align-items:stretch;margin-bottom:18px}.student-page-heading h1{font-size:25px}.student-page-heading>.student-button{width:100%}.student-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.student-kpi-grid article{min-height:94px;padding:14px}.student-kpi-grid strong{font-size:25px}.student-toolbar{flex-wrap:wrap;align-items:stretch}.student-search{flex-basis:100%}.student-filter{flex:1;min-width:0}.student-record-count{text-align:right;width:100%}.student-table-wrap{display:none}.student-mobile-list{gap:10px;padding:12px;display:grid}.student-mobile-card{background:#fffdf8;border:1px solid #003f2d17;border-radius:14px;padding:14px;box-shadow:0 3px 11px #2920110d}.student-mobile-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.student-mobile-card-top>div{gap:3px;min-width:0;display:grid}.student-mobile-card-top>div>span{color:var(--gold-500);font-size:8.5px;font-weight:700}.student-mobile-card-top strong{color:var(--ink-green);font-size:13px}.student-mobile-card-top small{color:var(--muted);font-size:9.5px}.student-mobile-card-top>.student-status{text-align:center;align-items:center;max-width:110px;height:auto;min-height:27px;padding:5px 8px;display:inline-flex}.student-mobile-meta{gap:5px;margin-top:12px;display:grid}.student-mobile-meta span{color:#606c65;align-items:center;gap:6px;font-size:9.5px;display:flex}.student-mobile-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.student-mobile-actions button{min-height:36px;color:var(--ink-green);background:0 0;border:1px solid #003f2d26;border-radius:8px;font-size:9px;font-weight:700}.student-mobile-actions button.danger{color:#b43b37}.student-dialog-layer{align-items:end;padding:0}.student-dialog{border-radius:22px 22px 0 0;width:100%;max-height:89vh}.student-form-grid,.student-detail-grid{grid-template-columns:1fr}.student-form-wide{grid-column:auto}.student-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}.teacher-page{padding:28px 38px 44px}.teacher-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.teacher-eyebrow{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:inline-block}.teacher-page-heading h1{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:29px;line-height:1.15}.teacher-page-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.5}.teacher-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.teacher-button.primary{color:#fff;background:linear-gradient(135deg,#00513a,#003825);border-color:#c89b3c59;box-shadow:0 6px 16px #00311f1f}.teacher-button.secondary{color:var(--ink-green);background:#fffdf8;border-color:#003f2d26}.teacher-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.teacher-kpi-grid article{min-height:105px;box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f17;border-radius:14px;align-content:center;gap:5px;padding:17px 19px;display:grid}.teacher-kpi-grid span{color:var(--muted);font-size:10.5px}.teacher-kpi-grid strong{color:var(--ink-green);font-family:Lora,serif;font-size:29px;line-height:1}.teacher-kpi-grid i{background:var(--gold-500);border-radius:999px;width:28px;height:3px}.teacher-management-card{box-shadow:var(--panel-shadow);background:#fffdf8f2;border:1px solid #00311f1a;border-radius:15px}.teacher-toolbar{border-bottom:1px solid #00311f14;align-items:center;gap:10px;min-height:70px;padding:14px 16px;display:flex}.teacher-search{min-width:0;height:42px;color:var(--muted);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.teacher-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.teacher-filter{min-width:140px;height:42px;color:var(--ink-green);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;outline:0;padding:0 32px 0 11px;font-size:10px}.teacher-filter.wide{min-width:175px}.teacher-record-count{min-width:70px;color:var(--muted);text-align:right;font-size:9.5px}.teacher-table-wrap{width:100%;padding-bottom:7px;overflow-x:auto}.teacher-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1180px}.teacher-table th{color:#68716c;text-align:left;white-space:nowrap;border-bottom:1px solid #003f2d1a;padding:12px 9px;font-size:8.6px;font-weight:700}.teacher-table td{color:#5f6963;vertical-align:middle;border-bottom:1px solid #003f2d11;padding:11px 9px;font-size:9.2px}.teacher-table tr:last-child td{border-bottom:0}.teacher-table th:first-child{width:9%}.teacher-table th:nth-child(2){width:15%}.teacher-table th:nth-child(3){width:13%}.teacher-table th:nth-child(4){width:17%}.teacher-table th:nth-child(5){width:10%}.teacher-table th:nth-child(6){width:11%}.teacher-table th:nth-child(7),.teacher-table th:nth-child(8){width:7%}.teacher-table th:nth-child(9){width:11%}.teacher-id{color:var(--ink-green);font-size:9.5px}.teacher-person,.teacher-class-summary{gap:3px;min-width:0;display:grid}.teacher-person strong,.teacher-class-summary strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.teacher-person span,.teacher-class-summary span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.6px;overflow:hidden}.teacher-specialization{color:#496157;white-space:nowrap;background:#eef3e7;border-radius:999px;padding:5px 8px;font-size:8.4px;font-weight:700;display:inline-flex}.teacher-status{border:1px solid #003f2d1a;border-radius:999px;outline:0;max-width:116px;height:30px;padding:0 23px 0 9px;font-size:8.5px;font-weight:700}.teacher-status-aktif{color:#14724d;background:#dff2e7}.teacher-status-cuti{color:#86520c;background:#f9e8bc}.teacher-status-tidak-aktif{color:#a83d39;background:#fbe4e3}.teacher-attendance{gap:5px;min-width:74px;display:grid}.teacher-attendance strong{color:var(--ink-green);font-size:9.5px}.teacher-attendance>span{background:#dfddd6;border-radius:999px;width:72px;height:5px;overflow:hidden}.teacher-attendance i{border-radius:inherit;background:linear-gradient(90deg,#00573f,#17956d);height:100%;display:block}.teacher-number{color:var(--ink-green);font-family:Lora,serif;font-size:14px}.teacher-row-actions{align-items:center;gap:5px;display:flex}.teacher-icon-action{width:30px;height:30px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1c;border-radius:8px;place-items:center;display:grid}.teacher-more-wrap{position:relative}.teacher-action-menu{z-index:86;background:#fffdf8;border:1px solid #003f2d1f;border-radius:11px;width:170px;padding:6px;position:absolute;top:34px;right:0;box-shadow:0 14px 30px #14221b24}.teacher-action-menu button{width:100%;min-height:34px;color:var(--ink-green);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:9.5px}.teacher-action-menu button:hover{background:#f3eee2}.teacher-action-menu button.danger{color:#b43b37}.teacher-mobile-list{display:none}.teacher-dialog-layer{z-index:160;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.teacher-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d18137a;border:0;position:absolute;inset:0}.teacher-dialog{z-index:1;background:#fffdf8;border:1px solid #d7b7673d;border-radius:18px;width:min(780px,100%);max-height:min(86vh,800px);position:relative;overflow-y:auto;box-shadow:0 28px 70px #001f153d}.teacher-dialog-heading{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 20px;display:flex}.teacher-dialog-heading span{color:var(--gold-500);text-transform:uppercase;font-size:9px;font-weight:700}.teacher-dialog-heading h2{color:var(--ink-green);margin:3px 0 0;font-family:Lora,serif;font-size:21px}.teacher-dialog-heading>button{width:34px;height:34px;color:var(--ink-green);cursor:pointer;background:#f5f1e8;border:0;border-radius:9px;place-items:center;display:grid}.teacher-form,.teacher-detail{padding:20px}.teacher-form-grid,.teacher-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.teacher-form label{gap:6px;display:grid}.teacher-form label>span,.teacher-detail-grid span,.teacher-detail-classes>span,.teacher-detail-notes>span{color:#68716c;font-size:9.5px;font-weight:600}.teacher-form input,.teacher-form select,.teacher-form textarea{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #003f2d24;border-radius:9px;outline:0;font-size:10.5px}.teacher-form input,.teacher-form select{height:40px;padding:0 10px}.teacher-form textarea{resize:vertical;padding:10px}.teacher-form-wide{grid-column:1/-1}.teacher-class-selector{border:1px solid #003f2d1f;border-radius:11px;margin:0;padding:13px}.teacher-class-selector legend{color:#68716c;padding:0 5px;font-size:9.5px;font-weight:600}.teacher-class-selector>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.teacher-class-selector label{background:#fbf6eb;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:7px 9px;display:flex}.teacher-class-selector input{flex:0 0 14px;width:14px;height:14px}.teacher-class-selector label span{color:var(--ink-green);font-size:9.3px}.teacher-dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.teacher-detail-grid>div{background:#fbf6eb;border-radius:10px;gap:4px;min-width:0;padding:12px;display:grid}.teacher-detail-grid strong{overflow-wrap:anywhere;color:var(--ink-green);font-size:10.5px}.teacher-detail-classes,.teacher-detail-notes{background:#fbf6eb;border-radius:10px;margin-top:14px;padding:13px}.teacher-detail-classes>div{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.teacher-detail-classes strong{color:#126847;background:#dff2e7;border-radius:999px;padding:6px 8px;font-size:9px}.teacher-detail-classes p,.teacher-detail-notes p{color:#59665f;margin:6px 0 0;font-size:10.5px;line-height:1.5}@media (width<=1200px) and (width>=900px){.teacher-page{padding-inline:24px}.teacher-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-toolbar{flex-wrap:wrap}.teacher-search{flex-basis:100%}}@media (width<=899px){.teacher-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.teacher-page-heading{flex-direction:column;align-items:stretch;margin-bottom:18px}.teacher-page-heading h1{font-size:25px}.teacher-page-heading>.teacher-button{width:100%}.teacher-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.teacher-kpi-grid article{min-height:94px;padding:14px}.teacher-kpi-grid strong{font-size:25px}.teacher-toolbar{flex-wrap:wrap;align-items:stretch}.teacher-search{flex-basis:100%}.teacher-filter{flex:1;min-width:0}.teacher-filter.wide{min-width:0}.teacher-record-count{text-align:right;width:100%}.teacher-table-wrap{display:none}.teacher-mobile-list{gap:10px;padding:12px;display:grid}.teacher-mobile-card{background:#fffdf8;border:1px solid #003f2d17;border-radius:14px;padding:14px;box-shadow:0 3px 11px #2920110d}.teacher-mobile-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.teacher-mobile-top>div{gap:3px;min-width:0;display:grid}.teacher-mobile-top>div>span{color:var(--gold-500);font-size:8.5px;font-weight:700}.teacher-mobile-top strong{color:var(--ink-green);font-size:13px}.teacher-mobile-top small{color:var(--muted);font-size:9.5px}.teacher-mobile-top>.teacher-status{text-align:center;align-items:center;max-width:106px;height:auto;min-height:27px;padding:5px 8px;display:inline-flex}.teacher-mobile-meta{gap:5px;margin-top:12px;display:grid}.teacher-mobile-meta span{color:#606c65;align-items:center;gap:6px;font-size:9.5px;display:flex}.teacher-mobile-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.teacher-mobile-actions button{min-height:36px;color:var(--ink-green);background:0 0;border:1px solid #003f2d26;border-radius:8px;font-size:9px;font-weight:700}.teacher-mobile-actions button.danger{color:#b43b37}.teacher-dialog-layer{align-items:end;padding:0}.teacher-dialog{border-radius:22px 22px 0 0;width:100%;max-height:89vh}.teacher-form-grid,.teacher-detail-grid{grid-template-columns:1fr}.teacher-form-wide{grid-column:auto}.teacher-class-selector>div{grid-template-columns:1fr}.teacher-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}.class-page{padding:28px 38px 44px}.class-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.class-eyebrow{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:inline-block}.class-page-heading h1{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:29px;line-height:1.15}.class-page-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.5}.class-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.class-button.primary{color:#fff;background:linear-gradient(135deg,#00513a,#003825);border-color:#c89b3c59;box-shadow:0 6px 16px #00311f1f}.class-button.secondary{color:var(--ink-green);background:#fffdf8;border-color:#003f2d26}.class-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.class-kpi-grid article{min-height:105px;box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f17;border-radius:14px;align-content:center;gap:5px;padding:17px 19px;display:grid}.class-kpi-grid span{color:var(--muted);font-size:10.5px}.class-kpi-grid strong{color:var(--ink-green);font-family:Lora,serif;font-size:29px;line-height:1}.class-kpi-grid i{background:var(--gold-500);border-radius:999px;width:28px;height:3px}.class-management-card{box-shadow:var(--panel-shadow);background:#fffdf8f2;border:1px solid #00311f1a;border-radius:15px}.class-toolbar{border-bottom:1px solid #00311f14;align-items:center;gap:10px;min-height:70px;padding:14px 16px;display:flex}.class-search{min-width:0;height:42px;color:var(--muted);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.class-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.class-filter{min-width:145px;height:42px;color:var(--ink-green);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;outline:0;padding:0 32px 0 11px;font-size:10px}.class-filter.wide{min-width:160px}.class-record-count{min-width:70px;color:var(--muted);text-align:right;font-size:9.5px}.class-table-wrap{width:100%;padding-bottom:7px;overflow-x:auto}.class-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1140px}.class-table th{color:#68716c;text-align:left;white-space:nowrap;border-bottom:1px solid #003f2d1a;padding:12px 9px;font-size:8.6px;font-weight:700}.class-table td{color:#5f6963;vertical-align:middle;border-bottom:1px solid #003f2d11;padding:11px 9px;font-size:9.2px}.class-table tr:last-child td{border-bottom:0}.class-table th:first-child{width:10%}.class-table th:nth-child(2){width:20%}.class-table th:nth-child(3),.class-table th:nth-child(4){width:14%}.class-table th:nth-child(5){width:11%}.class-table th:nth-child(6){width:12%}.class-table th:nth-child(7){width:10%}.class-table th:nth-child(8){width:9%}.class-id{color:var(--ink-green);font-size:9.5px}.class-name-cell,.class-schedule-cell{gap:3px;min-width:0;display:grid}.class-name-cell strong,.class-schedule-cell strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.class-name-cell span,.class-schedule-cell span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.6px;overflow:hidden}.class-teacher-cell{color:var(--ink-green);align-items:center;gap:6px;font-size:9px;display:flex}.class-venue{color:#496157;white-space:nowrap;background:#eef3e7;border-radius:999px;padding:5px 8px;font-size:8.4px;font-weight:700;display:inline-flex}.class-capacity{gap:5px;min-width:82px;display:grid}.class-capacity strong{color:var(--ink-green);font-size:9.5px}.class-capacity>span{background:#dfddd6;border-radius:999px;width:76px;height:5px;overflow:hidden}.class-capacity i{border-radius:inherit;background:linear-gradient(90deg,#00573f,#17956d);height:100%;display:block}.class-status{border:1px solid #003f2d1a;border-radius:999px;outline:0;max-width:126px;height:30px;padding:0 23px 0 9px;font-size:8.5px;font-weight:700}.class-status-aktif{color:#14724d;background:#dff2e7}.class-status-penuh{color:#86520c;background:#f9e8bc}.class-status-ditangguhkan{color:#315d9e;background:#e7efff}.class-status-tidak-aktif{color:#a83d39;background:#fbe4e3}.class-row-actions{align-items:center;gap:5px;display:flex}.class-icon-action{width:30px;height:30px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1c;border-radius:8px;place-items:center;display:grid}.class-more-wrap{position:relative}.class-action-menu{z-index:87;background:#fffdf8;border:1px solid #003f2d1f;border-radius:11px;width:172px;padding:6px;position:absolute;top:34px;right:0;box-shadow:0 14px 30px #14221b24}.class-action-menu button{width:100%;min-height:34px;color:var(--ink-green);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:9.5px}.class-action-menu button:hover{background:#f3eee2}.class-action-menu button.danger{color:#b43b37}.class-mobile-list{display:none}.class-dialog-layer{z-index:165;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.class-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d18137a;border:0;position:absolute;inset:0}.class-dialog{z-index:1;background:#fffdf8;border:1px solid #d7b7673d;border-radius:18px;width:min(760px,100%);max-height:min(86vh,800px);position:relative;overflow-y:auto;box-shadow:0 28px 70px #001f153d}.class-dialog-heading{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 20px;display:flex}.class-dialog-heading span{color:var(--gold-500);text-transform:uppercase;font-size:9px;font-weight:700}.class-dialog-heading h2{color:var(--ink-green);margin:3px 0 0;font-family:Lora,serif;font-size:21px}.class-dialog-heading>button{width:34px;height:34px;color:var(--ink-green);cursor:pointer;background:#f5f1e8;border:0;border-radius:9px;place-items:center;display:grid}.class-form,.class-detail{padding:20px}.class-form-grid,.class-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.class-form label{gap:6px;display:grid}.class-form label>span,.class-detail-grid span,.class-detail-notes>span{color:#68716c;font-size:9.5px;font-weight:600}.class-form input,.class-form select,.class-form textarea{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #003f2d24;border-radius:9px;outline:0;font-size:10.5px}.class-form input,.class-form select{height:40px;padding:0 10px}.class-form textarea{resize:vertical;padding:10px}.class-form-wide{grid-column:1/-1}.class-dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.class-detail-grid>div{background:#fbf6eb;border-radius:10px;gap:4px;min-width:0;padding:12px;display:grid}.class-detail-grid strong{overflow-wrap:anywhere;color:var(--ink-green);font-size:10.5px}.class-detail-notes{background:#fbf6eb;border-radius:10px;margin-top:14px;padding:13px}.class-detail-notes p{color:#59665f;margin:6px 0 0;font-size:10.5px;line-height:1.5}@media (width<=1180px) and (width>=900px){.class-page{padding-inline:24px}.class-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-toolbar{flex-wrap:wrap}.class-search{flex-basis:100%}}@media (width<=899px){.class-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.class-page-heading{flex-direction:column;align-items:stretch;margin-bottom:18px}.class-page-heading h1{font-size:25px}.class-page-heading>.class-button{width:100%}.class-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.class-kpi-grid article{min-height:94px;padding:14px}.class-kpi-grid strong{font-size:25px}.class-toolbar{flex-wrap:wrap;align-items:stretch}.class-search{flex-basis:100%}.class-filter{flex:1;min-width:0}.class-filter.wide{min-width:0}.class-record-count{text-align:right;width:100%}.class-table-wrap{display:none}.class-mobile-list{gap:10px;padding:12px;display:grid}.class-mobile-card{background:#fffdf8;border:1px solid #003f2d17;border-radius:14px;padding:14px;box-shadow:0 3px 11px #2920110d}.class-mobile-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.class-mobile-top>div{gap:3px;min-width:0;display:grid}.class-mobile-top>div>span{color:var(--gold-500);font-size:8.5px;font-weight:700}.class-mobile-top strong{color:var(--ink-green);font-size:13px}.class-mobile-top small{color:var(--muted);font-size:9.5px}.class-mobile-top>.class-status{text-align:center;align-items:center;max-width:110px;height:auto;min-height:27px;padding:5px 8px;display:inline-flex}.class-mobile-meta{gap:5px;margin-top:12px;display:grid}.class-mobile-meta span{color:#606c65;align-items:center;gap:6px;font-size:9.5px;display:flex}.class-mobile-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.class-mobile-actions button{min-height:36px;color:var(--ink-green);background:0 0;border:1px solid #003f2d26;border-radius:8px;font-size:9px;font-weight:700}.class-mobile-actions button.danger{color:#b43b37}.class-dialog-layer{align-items:end;padding:0}.class-dialog{border-radius:22px 22px 0 0;width:100%;max-height:89vh}.class-form-grid,.class-detail-grid{grid-template-columns:1fr}.class-form-wide{grid-column:auto}.class-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}.attendance-page{padding:28px 38px 44px}.attendance-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.attendance-eyebrow{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:inline-block}.attendance-page-heading h1{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:29px;line-height:1.15}.attendance-page-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.5}.attendance-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.attendance-button.primary{color:#fff;background:linear-gradient(135deg,#00513a,#003825);border-color:#c89b3c59;box-shadow:0 6px 16px #00311f1f}.attendance-button.secondary{color:var(--ink-green);background:#fffdf8;border-color:#003f2d26}.attendance-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.attendance-kpi-grid article{min-height:105px;box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f17;border-radius:14px;align-content:center;gap:5px;padding:17px 19px;display:grid}.attendance-kpi-grid span{color:var(--muted);font-size:10.5px}.attendance-kpi-grid strong{color:var(--ink-green);font-family:Lora,serif;font-size:29px;line-height:1}.attendance-kpi-grid i{background:var(--gold-500);border-radius:999px;width:28px;height:3px}.attendance-management-card{box-shadow:var(--panel-shadow);background:#fffdf8f2;border:1px solid #00311f1a;border-radius:15px}.attendance-toolbar{border-bottom:1px solid #00311f14;align-items:center;gap:10px;min-height:70px;padding:14px 16px;display:flex}.attendance-search{min-width:0;height:42px;color:var(--muted);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.attendance-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.attendance-filter{min-width:145px;height:42px;color:var(--ink-green);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;outline:0;padding:0 32px 0 11px;font-size:10px}.attendance-filter.wide{min-width:190px}.attendance-record-count{min-width:66px;color:var(--muted);text-align:right;font-size:9.5px}.attendance-table-wrap{width:100%;padding-bottom:7px;overflow-x:auto}.attendance-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1220px}.attendance-table th{color:#68716c;text-align:left;white-space:nowrap;border-bottom:1px solid #003f2d1a;padding:12px 9px;font-size:8.5px;font-weight:700}.attendance-table td{color:#5f6963;vertical-align:middle;border-bottom:1px solid #003f2d11;padding:11px 9px;font-size:9.1px}.attendance-table tr:last-child td{border-bottom:0}.attendance-table th:first-child{width:9%}.attendance-table th:nth-child(2){width:17%}.attendance-table th:nth-child(3){width:12%}.attendance-table th:nth-child(4){width:13%}.attendance-table th:nth-child(5),.attendance-table th:nth-child(6){width:12%}.attendance-table th:nth-child(7){width:8%}.attendance-table th:nth-child(8){width:9%}.attendance-table th:nth-child(9){width:8%}.attendance-id{color:var(--ink-green);font-size:9.4px}.attendance-class-cell,.attendance-date-cell{gap:3px;min-width:0;display:grid}.attendance-class-cell strong,.attendance-date-cell strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:9.8px;overflow:hidden}.attendance-class-cell span,.attendance-date-cell span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.6px;overflow:hidden}.attendance-teacher-name{color:var(--ink-green);font-size:9px}.attendance-session-status{border:1px solid #003f2d1a;border-radius:999px;outline:0;max-width:132px;height:30px;padding:0 23px 0 9px;font-size:8.4px;font-weight:700}.attendance-session-status-belum-dibuka{color:#665e4e;background:#ece8df}.attendance-session-status-dibuka{color:#315d9e;background:#e7efff}.attendance-session-status-selesai{color:#14724d;background:#dff2e7}.attendance-session-status-dibatalkan{color:#a83d39;background:#fbe4e3}.attendance-mark{border:1px solid #003f2d1a;border-radius:999px;outline:0;align-items:center;max-width:145px;min-height:28px;padding:4px 8px;font-size:8.3px;font-weight:700;display:inline-flex}select.attendance-mark{padding-right:24px}.attendance-mark-hadir{color:#14724d;background:#dff2e7}.attendance-mark-lewat{color:#86520c;background:#f9e8bc}.attendance-mark-tidak-hadir{color:#a83d39;background:#fbe4e3}.attendance-mark-tidak-hadir-bersebab{color:#315d9e;background:#e7efff}.attendance-student-count{color:var(--ink-green);font-size:10px}.attendance-rate{gap:5px;min-width:72px;display:grid}.attendance-rate strong{color:var(--ink-green);font-size:9.5px}.attendance-rate>span{background:#dfddd6;border-radius:999px;width:70px;height:5px;overflow:hidden}.attendance-rate i{border-radius:inherit;background:linear-gradient(90deg,#00573f,#17956d);height:100%;display:block}.attendance-row-actions{align-items:center;gap:5px;display:flex}.attendance-icon-action{width:30px;height:30px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1c;border-radius:8px;place-items:center;display:grid}.attendance-more-wrap{position:relative}.attendance-action-menu{z-index:88;background:#fffdf8;border:1px solid #003f2d1f;border-radius:11px;width:172px;padding:6px;position:absolute;top:34px;right:0;box-shadow:0 14px 30px #14221b24}.attendance-action-menu button{width:100%;min-height:34px;color:var(--ink-green);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:9.5px}.attendance-action-menu button:hover{background:#f3eee2}.attendance-action-menu button.danger{color:#b43b37}.attendance-mobile-list{display:none}.attendance-dialog-layer{z-index:170;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.attendance-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d18137a;border:0;position:absolute;inset:0}.attendance-dialog{z-index:1;background:#fffdf8;border:1px solid #d7b7673d;border-radius:18px;width:min(800px,100%);max-height:min(88vh,820px);position:relative;overflow-y:auto;box-shadow:0 28px 70px #001f153d}.attendance-dialog-heading{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 20px;display:flex}.attendance-dialog-heading span{color:var(--gold-500);text-transform:uppercase;font-size:9px;font-weight:700}.attendance-dialog-heading h2{color:var(--ink-green);margin:3px 0 0;font-family:Lora,serif;font-size:21px}.attendance-dialog-heading>button{width:34px;height:34px;color:var(--ink-green);cursor:pointer;background:#f5f1e8;border:0;border-radius:9px;place-items:center;display:grid}.attendance-form,.attendance-detail,.attendance-manage{padding:20px}.attendance-form-grid,.attendance-detail-grid,.attendance-manage-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.attendance-form label{gap:6px;display:grid}.attendance-form label>span,.attendance-detail-grid span,.attendance-detail-notes>span,.attendance-manage-summary span{color:#68716c;font-size:9.5px;font-weight:600}.attendance-form input,.attendance-form select,.attendance-form textarea{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #003f2d24;border-radius:9px;outline:0;font-size:10.5px}.attendance-form input,.attendance-form select{height:40px;padding:0 10px}.attendance-form textarea{resize:vertical;padding:10px}.attendance-form-wide{grid-column:1/-1}.attendance-detail-grid>div,.attendance-manage-summary>div{background:#fbf6eb;border-radius:10px;gap:4px;min-width:0;padding:12px;display:grid}.attendance-detail-grid strong,.attendance-manage-summary strong{overflow-wrap:anywhere;color:var(--ink-green);font-size:10.5px}.attendance-detail-notes{background:#fbf6eb;border-radius:10px;margin-top:14px;padding:13px}.attendance-detail-notes p{color:#59665f;margin:6px 0 0;font-size:10.5px;line-height:1.5}.attendance-teacher-section{background:#fbf6eb;border:1px solid #003f2d17;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;min-height:64px;margin-top:14px;padding:11px 13px;display:flex}.attendance-teacher-section>div{color:var(--ink-green);align-items:center;gap:9px;display:flex}.attendance-teacher-section>div>div{gap:2px;display:grid}.attendance-teacher-section strong{font-size:10.5px}.attendance-teacher-section span{color:var(--muted);font-size:9px}.attendance-roster-section{margin-top:15px}.attendance-roster-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.attendance-roster-heading h3{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:15px}.attendance-roster-heading span{color:var(--muted);font-size:9px}.attendance-bulk-actions{gap:7px;display:flex}.attendance-bulk-actions button{min-height:32px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1f;border-radius:8px;padding:0 9px;font-size:8.8px;font-weight:700}.attendance-roster-list{border:1px solid #003f2d1a;border-radius:11px;overflow:hidden}.attendance-roster-list article{border-bottom:1px solid #003f2d12;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:9px 12px;display:flex}.attendance-roster-list article:last-child{border-bottom:0}.attendance-roster-list article>div{gap:2px;display:grid}.attendance-roster-list article>div span{color:var(--gold-500);font-size:8px;font-weight:700}.attendance-roster-list article>div strong{color:var(--ink-green);font-size:10px}.attendance-empty-roster{color:var(--muted);text-align:center;border:1px dashed #003f2d2b;border-radius:11px;padding:28px 14px;font-size:10px}.attendance-dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}@media (width<=1240px) and (width>=900px){.attendance-page{padding-inline:24px}.attendance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-toolbar{flex-wrap:wrap}.attendance-search{flex-basis:100%}}@media (width<=899px){.attendance-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.attendance-page-heading{flex-direction:column;align-items:stretch;margin-bottom:18px}.attendance-page-heading h1{font-size:25px}.attendance-page-heading>.attendance-button{width:100%}.attendance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attendance-kpi-grid article{min-height:94px;padding:14px}.attendance-kpi-grid strong{font-size:25px}.attendance-toolbar{flex-wrap:wrap;align-items:stretch}.attendance-search{flex-basis:100%}.attendance-filter{flex:1;min-width:0}.attendance-filter.wide{min-width:0}.attendance-record-count{text-align:right;width:100%}.attendance-table-wrap{display:none}.attendance-mobile-list{gap:10px;padding:12px;display:grid}.attendance-mobile-card{background:#fffdf8;border:1px solid #003f2d17;border-radius:14px;padding:14px;box-shadow:0 3px 11px #2920110d}.attendance-mobile-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.attendance-mobile-top>div{gap:3px;min-width:0;display:grid}.attendance-mobile-top>div>span{color:var(--gold-500);font-size:8.5px;font-weight:700}.attendance-mobile-top strong{color:var(--ink-green);font-size:13px}.attendance-mobile-top small{color:var(--muted);font-size:9.5px}.attendance-mobile-top>.attendance-session-status{text-align:center;align-items:center;max-width:115px;height:auto;min-height:27px;padding:5px 8px;display:inline-flex}.attendance-mobile-meta{gap:5px;margin-top:12px;display:grid}.attendance-mobile-meta span{color:#606c65;align-items:center;gap:6px;font-size:9.5px;display:flex}.attendance-mobile-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.attendance-mobile-actions button{min-height:36px;color:var(--ink-green);background:0 0;border:1px solid #003f2d26;border-radius:8px;font-size:9px;font-weight:700}.attendance-mobile-actions button.danger{color:#b43b37}.attendance-dialog-layer{align-items:end;padding:0}.attendance-dialog{border-radius:22px 22px 0 0;width:100%;max-height:90vh}.attendance-form-grid,.attendance-detail-grid,.attendance-manage-summary{grid-template-columns:1fr}.attendance-form-wide{grid-column:auto}.attendance-roster-heading{flex-direction:column;align-items:stretch}.attendance-bulk-actions{grid-template-columns:1fr 1fr;display:grid}.attendance-roster-list article{flex-direction:column;align-items:stretch}.attendance-roster-list .attendance-mark{width:100%;max-width:none}.attendance-teacher-section{flex-direction:column;align-items:stretch}.attendance-teacher-section>.attendance-mark{width:100%;max-width:none}.attendance-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}.progress-page{padding:28px 38px 44px}.progress-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.progress-eyebrow{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:inline-block}.progress-page-heading h1{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:29px;line-height:1.15}.progress-page-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.5}.progress-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.progress-button.primary{color:#fff;background:linear-gradient(135deg,#00513a,#003825);border-color:#c89b3c59;box-shadow:0 6px 16px #00311f1f}.progress-button.secondary{color:var(--ink-green);background:#fffdf8;border-color:#003f2d26}.progress-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.progress-kpi-grid article{min-height:105px;box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f17;border-radius:14px;align-content:center;gap:5px;padding:17px 19px;display:grid}.progress-kpi-grid span{color:var(--muted);font-size:10.5px}.progress-kpi-grid strong{color:var(--ink-green);font-family:Lora,serif;font-size:29px;line-height:1}.progress-kpi-grid i{background:var(--gold-500);border-radius:999px;width:28px;height:3px}.progress-management-card{box-shadow:var(--panel-shadow);background:#fffdf8f2;border:1px solid #00311f1a;border-radius:15px}.progress-toolbar{border-bottom:1px solid #00311f14;align-items:center;gap:10px;min-height:70px;padding:14px 16px;display:flex}.progress-search{min-width:0;height:42px;color:var(--muted);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.progress-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.progress-filter{min-width:125px;height:42px;color:var(--ink-green);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;outline:0;padding:0 32px 0 11px;font-size:10px}.progress-filter.wide{min-width:185px}.progress-record-count{min-width:66px;color:var(--muted);text-align:right;font-size:9.5px}.progress-table-wrap{width:100%;padding-bottom:7px;overflow-x:auto}.progress-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1240px}.progress-table th{color:#68716c;text-align:left;white-space:nowrap;border-bottom:1px solid #003f2d1a;padding:12px 9px;font-size:8.5px;font-weight:700}.progress-table td{color:#5f6963;vertical-align:middle;border-bottom:1px solid #003f2d11;padding:11px 9px;font-size:9.1px}.progress-table tr:last-child td{border-bottom:0}.progress-table th:first-child{width:9%}.progress-table th:nth-child(2){width:13%}.progress-table th:nth-child(3){width:16%}.progress-table th:nth-child(4){width:19%}.progress-table th:nth-child(5){width:10%}.progress-table th:nth-child(6){width:7%}.progress-table th:nth-child(7){width:8%}.progress-table th:nth-child(8){width:10%}.progress-table th:nth-child(9){width:8%}.progress-id{color:var(--ink-green);font-size:9.4px}.progress-person,.progress-class-cell,.progress-level-cell{gap:3px;min-width:0;display:grid}.progress-person strong,.progress-class-cell strong,.progress-level-cell strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:9.8px;overflow:hidden}.progress-person span,.progress-class-cell span,.progress-level-cell span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.progress-meter{gap:5px;min-width:76px;display:grid}.progress-meter strong{color:var(--ink-green);font-size:9.5px}.progress-meter>span{background:#dfddd6;border-radius:999px;width:72px;height:5px;overflow:hidden}.progress-meter i{border-radius:inherit;background:linear-gradient(90deg,#00573f,#17956d);height:100%;display:block}.progress-score{color:var(--ink-green);font-size:10px}.progress-status{border:1px solid #003f2d1a;border-radius:999px;outline:0;max-width:134px;height:30px;padding:0 23px 0 9px;font-size:8.4px;font-weight:700}.progress-status-cemerlang{color:#14724d;background:#dff2e7}.progress-status-baik{color:#315d9e;background:#e7efff}.progress-status-perlu-perhatian{color:#86520c;background:#f9e8bc}.progress-status-belum-dinilai{color:#66635d;background:#ece8df}.progress-row-actions{align-items:center;gap:5px;display:flex}.progress-icon-action{width:30px;height:30px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1c;border-radius:8px;place-items:center;display:grid}.progress-more-wrap{position:relative}.progress-action-menu{z-index:89;background:#fffdf8;border:1px solid #003f2d1f;border-radius:11px;width:176px;padding:6px;position:absolute;top:34px;right:0;box-shadow:0 14px 30px #14221b24}.progress-action-menu button{width:100%;min-height:34px;color:var(--ink-green);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:9.5px}.progress-action-menu button:hover{background:#f3eee2}.progress-action-menu button.danger{color:#b43b37}.progress-mobile-list{display:none}.progress-dialog-layer{z-index:175;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.progress-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d18137a;border:0;position:absolute;inset:0}.progress-dialog{z-index:1;background:#fffdf8;border:1px solid #d7b7673d;border-radius:18px;width:min(790px,100%);max-height:min(88vh,820px);position:relative;overflow-y:auto;box-shadow:0 28px 70px #001f153d}.progress-dialog-heading{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 20px;display:flex}.progress-dialog-heading span{color:var(--gold-500);text-transform:uppercase;font-size:9px;font-weight:700}.progress-dialog-heading h2{color:var(--ink-green);margin:3px 0 0;font-family:Lora,serif;font-size:21px}.progress-dialog-heading>button{width:34px;height:34px;color:var(--ink-green);cursor:pointer;background:#f5f1e8;border:0;border-radius:9px;place-items:center;display:grid}.progress-form,.progress-detail{padding:20px}.progress-form-grid,.progress-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.progress-form label{gap:6px;display:grid}.progress-form label>span,.progress-detail-grid span,.progress-detail-notes>span{color:#68716c;font-size:9.5px;font-weight:600}.progress-form input,.progress-form select,.progress-form textarea{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #003f2d24;border-radius:9px;outline:0;font-size:10.5px}.progress-form input,.progress-form select{height:40px;padding:0 10px}.progress-form textarea{resize:vertical;padding:10px}.progress-form-wide{grid-column:1/-1}.progress-dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.progress-detail-grid>div{background:#fbf6eb;border-radius:10px;gap:4px;min-width:0;padding:12px;display:grid}.progress-detail-grid strong{overflow-wrap:anywhere;color:var(--ink-green);font-size:10.5px}.progress-detail-notes{background:#fbf6eb;border-radius:10px;margin-top:14px;padding:13px}.progress-detail-notes p{color:#59665f;margin:6px 0 0;font-size:10.5px;line-height:1.5}@media (width<=1280px) and (width>=900px){.progress-page{padding-inline:24px}.progress-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-toolbar{flex-wrap:wrap}.progress-search{flex-basis:100%}}@media (width<=899px){.progress-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.progress-page-heading{flex-direction:column;align-items:stretch;margin-bottom:18px}.progress-page-heading h1{font-size:25px}.progress-page-heading>.progress-button{width:100%}.progress-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.progress-kpi-grid article{min-height:94px;padding:14px}.progress-kpi-grid strong{font-size:25px}.progress-toolbar{flex-wrap:wrap;align-items:stretch}.progress-search{flex-basis:100%}.progress-filter{flex:1;min-width:0}.progress-filter.wide{flex-basis:100%;min-width:0}.progress-record-count{text-align:right;width:100%}.progress-table-wrap{display:none}.progress-mobile-list{gap:10px;padding:12px;display:grid}.progress-mobile-card{background:#fffdf8;border:1px solid #003f2d17;border-radius:14px;padding:14px;box-shadow:0 3px 11px #2920110d}.progress-mobile-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.progress-mobile-top>div{gap:3px;min-width:0;display:grid}.progress-mobile-top>div>span{color:var(--gold-500);font-size:8.5px;font-weight:700}.progress-mobile-top strong{color:var(--ink-green);font-size:13px}.progress-mobile-top small{color:var(--muted);font-size:9.5px}.progress-mobile-top>.progress-status{text-align:center;align-items:center;max-width:118px;height:auto;min-height:27px;padding:5px 8px;display:inline-flex}.progress-mobile-meta{gap:5px;margin-top:12px;display:grid}.progress-mobile-meta span{color:#606c65;align-items:center;gap:6px;font-size:9.5px;display:flex}.progress-mobile-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.progress-mobile-actions button{min-height:36px;color:var(--ink-green);background:0 0;border:1px solid #003f2d26;border-radius:8px;font-size:9px;font-weight:700}.progress-mobile-actions button.danger{color:#b43b37}.progress-dialog-layer{align-items:end;padding:0}.progress-dialog{border-radius:22px 22px 0 0;width:100%;max-height:90vh}.progress-form-grid,.progress-detail-grid{grid-template-columns:1fr}.progress-form-wide{grid-column:auto}.progress-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}.payment-page{padding:28px 38px 44px}.payment-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.payment-eyebrow{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:inline-block}.payment-page-heading h1{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:29px;line-height:1.15}.payment-page-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.5}.payment-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.payment-button.primary{color:#fff;background:linear-gradient(135deg,#00513a,#003825);border-color:#c89b3c59;box-shadow:0 6px 16px #00311f1f}.payment-button.secondary{color:var(--ink-green);background:#fffdf8;border-color:#003f2d26}.payment-demo-warning{color:#805414;background:#fff3d6;border:1px solid #b4730a26;border-radius:10px;align-items:center;gap:8px;min-height:42px;margin-bottom:14px;padding:9px 13px;font-size:9.5px;display:flex}.payment-demo-warning strong{color:#714509}.payment-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.payment-kpi-grid article{min-height:105px;box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f17;border-radius:14px;align-content:center;gap:5px;padding:17px 19px;display:grid}.payment-kpi-grid span{color:var(--muted);font-size:10.5px}.payment-kpi-grid strong{color:var(--ink-green);font-family:Lora,serif;font-size:27px;line-height:1}.payment-kpi-grid i{background:var(--gold-500);border-radius:999px;width:28px;height:3px}.payment-management-card{box-shadow:var(--panel-shadow);background:#fffdf8f2;border:1px solid #00311f1a;border-radius:15px}.payment-toolbar{border-bottom:1px solid #00311f14;align-items:center;gap:10px;min-height:70px;padding:14px 16px;display:flex}.payment-search{min-width:0;height:42px;color:var(--muted);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.payment-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.payment-filter{min-width:150px;height:42px;color:var(--ink-green);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;outline:0;padding:0 32px 0 11px;font-size:10px}.payment-record-count{min-width:66px;color:var(--muted);text-align:right;font-size:9.5px}.payment-table-wrap{width:100%;padding-bottom:7px;overflow-x:auto}.payment-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1280px}.payment-table th{color:#68716c;text-align:left;white-space:nowrap;border-bottom:1px solid #003f2d1a;padding:12px 9px;font-size:8.5px;font-weight:700}.payment-table td{color:#5f6963;vertical-align:middle;border-bottom:1px solid #003f2d11;padding:11px 9px;font-size:9.1px}.payment-table tr:last-child td{border-bottom:0}.payment-table th:first-child{width:9%}.payment-table th:nth-child(2){width:14%}.payment-table th:nth-child(3){width:11%}.payment-table th:nth-child(4){width:9%}.payment-table th:nth-child(5){width:10%}.payment-table th:nth-child(6){width:12%}.payment-table th:nth-child(7){width:14%}.payment-table th:nth-child(8){width:13%}.payment-table th:nth-child(9){width:8%}.payment-id,.payment-amount{color:var(--ink-green);font-size:9.5px}.payment-person,.payment-linkage,.payment-reference,.payment-date{gap:3px;min-width:0;display:grid}.payment-person strong,.payment-linkage strong,.payment-reference strong,.payment-date strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:9.7px;overflow:hidden}.payment-person span,.payment-linkage span,.payment-reference span,.payment-date span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.4px;overflow:hidden}.payment-source{color:#496157;white-space:nowrap;background:#eef3e7;border-radius:999px;padding:5px 8px;font-size:8.4px;font-weight:700;display:inline-flex}.payment-status{border:1px solid #003f2d1a;border-radius:999px;outline:0;max-width:142px;height:30px;padding:0 23px 0 9px;font-size:8.4px;font-weight:700}.payment-status-belum-dijana{color:#66635d;background:#ece8df}.payment-status-menunggu-bayaran{color:#86520c;background:#f9e8bc}.payment-status-berjaya{color:#14724d;background:#dff2e7}.payment-status-gagal{color:#a83d39;background:#fbe4e3}.payment-status-dibatalkan{color:#665e4e;background:#ece8df}.payment-status-dikembalikan{color:#315d9e;background:#e7efff}.payment-row-actions{align-items:center;gap:5px;display:flex}.payment-icon-action{width:30px;height:30px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1c;border-radius:8px;place-items:center;display:grid}.payment-more-wrap{position:relative}.payment-action-menu{z-index:90;background:#fffdf8;border:1px solid #003f2d1f;border-radius:11px;width:196px;padding:6px;position:absolute;top:34px;right:0;box-shadow:0 14px 30px #14221b24}.payment-action-menu button{width:100%;min-height:34px;color:var(--ink-green);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:9.5px}.payment-action-menu button:hover{background:#f3eee2}.payment-action-menu button.danger{color:#b43b37}.payment-mobile-list{display:none}.payment-dialog-layer{z-index:180;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.payment-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d18137a;border:0;position:absolute;inset:0}.payment-dialog{z-index:1;background:#fffdf8;border:1px solid #d7b7673d;border-radius:18px;width:min(790px,100%);max-height:min(88vh,820px);position:relative;overflow-y:auto;box-shadow:0 28px 70px #001f153d}.payment-dialog-heading{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 20px;display:flex}.payment-dialog-heading span{color:var(--gold-500);text-transform:uppercase;font-size:9px;font-weight:700}.payment-dialog-heading h2{color:var(--ink-green);margin:3px 0 0;font-family:Lora,serif;font-size:21px}.payment-dialog-heading>button{width:34px;height:34px;color:var(--ink-green);cursor:pointer;background:#f5f1e8;border:0;border-radius:9px;place-items:center;display:grid}.payment-form,.payment-detail{padding:20px}.payment-form-grid,.payment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.payment-form label{gap:6px;display:grid}.payment-form label>span,.payment-detail-grid span,.payment-detail-link>span,.payment-detail-notes>span{color:#68716c;font-size:9.5px;font-weight:600}.payment-form input,.payment-form select,.payment-form textarea{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #003f2d24;border-radius:9px;outline:0;font-size:10.5px}.payment-form input,.payment-form select{height:40px;padding:0 10px}.payment-form textarea{resize:vertical;padding:10px}.payment-form-wide{grid-column:1/-1}.payment-dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.payment-detail-grid>div{background:#fbf6eb;border-radius:10px;gap:4px;min-width:0;padding:12px;display:grid}.payment-detail-grid strong{overflow-wrap:anywhere;color:var(--ink-green);font-size:10.5px}.payment-detail-link,.payment-detail-notes{background:#fbf6eb;border-radius:10px;margin-top:14px;padding:13px}.payment-detail-link{gap:5px;display:grid}.payment-detail-link strong{overflow-wrap:anywhere;color:var(--ink-green);font-size:10px}.payment-detail-link small{color:#8a6c35;font-size:8.8px}.payment-detail-notes p{color:#59665f;margin:6px 0 0;font-size:10.5px;line-height:1.5}@media (width<=1280px) and (width>=900px){.payment-page{padding-inline:24px}.payment-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-toolbar{flex-wrap:wrap}.payment-search{flex-basis:100%}}@media (width<=899px){.payment-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.payment-page-heading{flex-direction:column;align-items:stretch;margin-bottom:14px}.payment-page-heading h1{font-size:25px}.payment-page-heading>.payment-button{width:100%}.payment-demo-warning{flex-direction:column;align-items:flex-start}.payment-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-kpi-grid article{min-height:94px;padding:14px}.payment-kpi-grid strong{font-size:23px}.payment-toolbar{flex-wrap:wrap;align-items:stretch}.payment-search{flex-basis:100%}.payment-filter{flex:1;min-width:0}.payment-record-count{text-align:right;width:100%}.payment-table-wrap{display:none}.payment-mobile-list{gap:10px;padding:12px;display:grid}.payment-mobile-card{background:#fffdf8;border:1px solid #003f2d17;border-radius:14px;padding:14px;box-shadow:0 3px 11px #2920110d}.payment-mobile-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.payment-mobile-top>div{gap:3px;min-width:0;display:grid}.payment-mobile-top>div>span{color:var(--gold-500);font-size:8.5px;font-weight:700}.payment-mobile-top strong{color:var(--ink-green);font-size:13px}.payment-mobile-top small{color:var(--muted);font-size:9.5px}.payment-mobile-top>.payment-status{text-align:center;align-items:center;max-width:118px;height:auto;min-height:27px;padding:5px 8px;display:inline-flex}.payment-mobile-meta{gap:5px;margin-top:12px;display:grid}.payment-mobile-meta span{color:#606c65;align-items:center;gap:6px;font-size:9.5px;display:flex}.payment-mobile-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.payment-mobile-actions button{min-height:36px;color:var(--ink-green);background:0 0;border:1px solid #003f2d26;border-radius:8px;font-size:9px;font-weight:700}.payment-mobile-actions button.danger{color:#b43b37}.payment-dialog-layer{align-items:end;padding:0}.payment-dialog{border-radius:22px 22px 0 0;width:100%;max-height:90vh}.payment-form-grid,.payment-detail-grid{grid-template-columns:1fr}.payment-form-wide{grid-column:auto}.payment-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}.activity-page{padding:28px 38px 44px}.activity-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.activity-eyebrow{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:inline-block}.activity-page-heading h1{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:29px;line-height:1.15}.activity-page-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.5}.activity-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.activity-button.primary{color:#fff;background:linear-gradient(135deg,#00513a,#003825);border-color:#c89b3c59;box-shadow:0 6px 16px #00311f1f}.activity-button.secondary{color:var(--ink-green);background:#fffdf8;border-color:#003f2d26}.activity-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.activity-kpi-grid article{min-height:105px;box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f17;border-radius:14px;align-content:center;gap:5px;padding:17px 19px;display:grid}.activity-kpi-grid span{color:var(--muted);font-size:10.5px}.activity-kpi-grid strong{color:var(--ink-green);font-family:Lora,serif;font-size:29px;line-height:1}.activity-kpi-grid i{background:var(--gold-500);border-radius:999px;width:28px;height:3px}.activity-management-card{box-shadow:var(--panel-shadow);background:#fffdf8f2;border:1px solid #00311f1a;border-radius:15px}.activity-toolbar{border-bottom:1px solid #00311f14;align-items:center;gap:10px;min-height:70px;padding:14px 16px;display:flex}.activity-search{min-width:0;height:42px;color:var(--muted);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.activity-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.activity-filter{min-width:132px;height:42px;color:var(--ink-green);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;outline:0;padding:0 30px 0 10px;font-size:9.5px}.activity-record-count{min-width:66px;color:var(--muted);text-align:right;font-size:9.5px}.activity-table-wrap{width:100%;padding-bottom:7px;overflow-x:auto}.activity-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1310px}.activity-table th{color:#68716c;text-align:left;white-space:nowrap;border-bottom:1px solid #003f2d1a;padding:12px 8px;font-size:8.4px;font-weight:700}.activity-table td{color:#5f6963;vertical-align:middle;border-bottom:1px solid #003f2d11;padding:11px 8px;font-size:9px}.activity-table tr:last-child td{border-bottom:0}.activity-table th:first-child{width:8%}.activity-table th:nth-child(2){width:17%}.activity-table th:nth-child(3){width:11%}.activity-table th:nth-child(4){width:9%}.activity-table th:nth-child(5){width:13%}.activity-table th:nth-child(6),.activity-table th:nth-child(7),.activity-table th:nth-child(8){width:10%}.activity-table th:nth-child(9),.activity-table th:nth-child(10){width:6%}.activity-id{color:var(--ink-green);font-size:9.3px}.activity-title-cell,.activity-date-cell{gap:3px;min-width:0;display:grid}.activity-title-cell strong,.activity-date-cell strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:9.7px;overflow:hidden}.activity-title-cell span,.activity-date-cell span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.4px;overflow:hidden}.activity-type,.activity-audience,.activity-venue{color:#496157;white-space:nowrap;background:#eef3e7;border-radius:999px;padding:5px 8px;font-size:8.2px;font-weight:700;display:inline-flex}.activity-capacity{gap:5px;min-width:70px;display:grid}.activity-capacity strong{color:var(--ink-green);font-size:9.3px}.activity-capacity>span{background:#dfddd6;border-radius:999px;width:66px;height:5px;overflow:hidden}.activity-capacity i{border-radius:inherit;background:linear-gradient(90deg,#00573f,#17956d);height:100%;display:block}.activity-na{color:var(--muted)}.activity-status{border:1px solid #003f2d1a;border-radius:999px;outline:0;max-width:126px;height:30px;padding:0 22px 0 8px;font-size:8.2px;font-weight:700}.activity-status-draf{color:#66635d;background:#ece8df}.activity-status-dijadualkan{color:#315d9e;background:#e7efff}.activity-status-berlangsung{color:#86520c;background:#f9e8bc}.activity-status-selesai{color:#14724d;background:#dff2e7}.activity-status-dibatalkan{color:#a83d39;background:#fbe4e3}.activity-publish-badge{color:#66635d;cursor:pointer;background:#ece8df;border:1px solid #003f2d1a;border-radius:999px;min-height:28px;padding:0 8px;font-size:8.2px;font-weight:700}.activity-publish-badge.published{color:#14724d;background:#dff2e7}.activity-row-actions{align-items:center;gap:5px;display:flex}.activity-icon-action{width:30px;height:30px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1c;border-radius:8px;place-items:center;display:grid}.activity-more-wrap{position:relative}.activity-action-menu{z-index:91;background:#fffdf8;border:1px solid #003f2d1f;border-radius:11px;width:188px;padding:6px;position:absolute;top:34px;right:0;box-shadow:0 14px 30px #14221b24}.activity-action-menu button{width:100%;min-height:34px;color:var(--ink-green);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:9.4px}.activity-action-menu button:hover{background:#f3eee2}.activity-action-menu button.danger{color:#b43b37}.activity-mobile-list{display:none}.activity-dialog-layer{z-index:185;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.activity-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d18137a;border:0;position:absolute;inset:0}.activity-dialog{z-index:1;background:#fffdf8;border:1px solid #d7b7673d;border-radius:18px;width:min(800px,100%);max-height:min(89vh,840px);position:relative;overflow-y:auto;box-shadow:0 28px 70px #001f153d}.activity-dialog-heading{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 20px;display:flex}.activity-dialog-heading span{color:var(--gold-500);text-transform:uppercase;font-size:9px;font-weight:700}.activity-dialog-heading h2{color:var(--ink-green);margin:3px 0 0;font-family:Lora,serif;font-size:21px}.activity-dialog-heading>button{width:34px;height:34px;color:var(--ink-green);cursor:pointer;background:#f5f1e8;border:0;border-radius:9px;place-items:center;display:grid}.activity-form,.activity-detail{padding:20px}.activity-form-grid,.activity-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.activity-form label{gap:6px;display:grid}.activity-form label>span,.activity-detail-grid span,.activity-detail-copy>span{color:#68716c;font-size:9.5px;font-weight:600}.activity-form input,.activity-form select,.activity-form textarea{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #003f2d24;border-radius:9px;outline:0;font-size:10.5px}.activity-form input,.activity-form select{height:40px;padding:0 10px}.activity-form textarea{resize:vertical;padding:10px}.activity-form select:disabled{opacity:.55;cursor:not-allowed}.activity-form-wide{grid-column:1/-1}.activity-publish-toggle>button{color:#66635d;cursor:pointer;background:#ece8df;border:1px solid #003f2d24;border-radius:9px;height:40px;font-size:10px;font-weight:700}.activity-publish-toggle>button.is-published{color:#14724d;background:#dff2e7}.activity-dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.activity-detail-grid>div{background:#fbf6eb;border-radius:10px;gap:4px;min-width:0;padding:12px;display:grid}.activity-detail-grid strong{overflow-wrap:anywhere;color:var(--ink-green);font-size:10.5px}.activity-detail-copy{background:#fbf6eb;border-radius:10px;margin-top:14px;padding:13px}.activity-detail-copy p{color:#59665f;margin:6px 0 0;font-size:10.5px;line-height:1.5}@media (width<=1320px) and (width>=900px){.activity-page{padding-inline:24px}.activity-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-toolbar{flex-wrap:wrap}.activity-search{flex-basis:100%}}@media (width<=899px){.activity-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.activity-page-heading{flex-direction:column;align-items:stretch;margin-bottom:18px}.activity-page-heading h1{font-size:25px}.activity-page-heading>.activity-button{width:100%}.activity-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.activity-kpi-grid article{min-height:94px;padding:14px}.activity-kpi-grid strong{font-size:25px}.activity-toolbar{flex-wrap:wrap;align-items:stretch}.activity-search{flex-basis:100%}.activity-filter{flex:1;min-width:0}.activity-record-count{text-align:right;width:100%}.activity-table-wrap{display:none}.activity-mobile-list{gap:10px;padding:12px;display:grid}.activity-mobile-card{background:#fffdf8;border:1px solid #003f2d17;border-radius:14px;padding:14px;box-shadow:0 3px 11px #2920110d}.activity-mobile-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.activity-mobile-top>div{gap:3px;min-width:0;display:grid}.activity-mobile-top>div>span{color:var(--gold-500);font-size:8.5px;font-weight:700}.activity-mobile-top strong{color:var(--ink-green);font-size:13px}.activity-mobile-top small{color:var(--muted);font-size:9.5px}.activity-mobile-top>.activity-status{text-align:center;align-items:center;max-width:110px;height:auto;min-height:27px;padding:5px 8px;display:inline-flex}.activity-mobile-meta{gap:5px;margin-top:12px;display:grid}.activity-mobile-meta span{color:#606c65;align-items:center;gap:6px;font-size:9.5px;display:flex}.activity-mobile-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.activity-mobile-actions button{min-height:36px;color:var(--ink-green);background:0 0;border:1px solid #003f2d26;border-radius:8px;font-size:9px;font-weight:700}.activity-mobile-actions button.danger{color:#b43b37}.activity-dialog-layer{align-items:end;padding:0}.activity-dialog{border-radius:22px 22px 0 0;width:100%;max-height:90vh}.activity-form-grid,.activity-detail-grid{grid-template-columns:1fr}.activity-form-wide{grid-column:auto}.activity-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}.report-page{padding:28px 38px 44px}.report-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.report-eyebrow{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:inline-block}.report-page-heading h1,.report-builder-heading h2,.report-history-heading h2{color:var(--ink-green);margin:0;font-family:Lora,serif}.report-page-heading h1{font-size:29px;line-height:1.15}.report-page-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.5}.report-heading-actions{gap:8px;display:flex}.report-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.report-button.primary{color:#fff;background:linear-gradient(135deg,#00513a,#003825);border-color:#c89b3c59;box-shadow:0 6px 16px #00311f1f}.report-button.secondary{color:var(--ink-green);background:#fffdf8;border-color:#003f2d26}.report-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.report-kpi-grid article{min-height:105px;box-shadow:var(--panel-shadow);background:#fffdf8f0;border:1px solid #00311f17;border-radius:14px;align-content:center;gap:5px;padding:17px 19px;display:grid}.report-kpi-grid span{color:var(--muted);font-size:10.5px}.report-kpi-grid strong{color:var(--ink-green);font-family:Lora,serif;font-size:28px;line-height:1}.report-kpi-grid i{background:var(--gold-500);border-radius:999px;width:28px;height:3px}.report-builder,.report-result-card,.report-history{box-shadow:var(--panel-shadow);background:#fffdf8f2;border:1px solid #00311f1a;border-radius:15px;margin-bottom:18px}.report-builder{padding:17px}.report-builder-heading,.report-history-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.report-builder-heading h2,.report-history-heading h2{font-size:17px}.report-builder-heading>div>span,.report-history-heading span{color:var(--muted);margin-top:4px;font-size:9.5px;display:block}.report-generated-at{color:#7f6a3a;font-size:9px}.report-builder-grid{grid-template-columns:1.35fr repeat(4,minmax(120px,.8fr)) auto;align-items:end;gap:10px;display:grid}.report-builder-grid label{gap:6px;display:grid}.report-builder-grid label>span{color:#68716c;font-size:9px;font-weight:600}.report-builder-grid input,.report-builder-grid select{width:100%;height:40px;color:var(--ink-green);background:#fffdf8;border:1px solid #003f2d21;border-radius:9px;outline:0;padding:0 10px;font-size:9.5px}.report-builder-actions{gap:7px;display:flex}.report-result-toolbar{border-bottom:1px solid #00311f14;align-items:center;gap:14px;min-height:68px;padding:13px 16px;display:flex}.report-search{min-width:0;height:42px;color:var(--muted);background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.report-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:10.5px}.report-result-meta{text-align:right;gap:2px;min-width:180px;display:grid}.report-result-meta strong{color:var(--ink-green);font-size:9.5px}.report-result-meta span{color:var(--muted);font-size:8.5px}.report-table-wrap{width:100%;overflow-x:auto}.report-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1030px}.report-table th,.report-table td{text-align:left;border-bottom:1px solid #003f2d11;padding:11px 10px}.report-table th{color:#68716c;font-size:8.7px;font-weight:700}.report-table td{color:#5f6963;font-size:9.2px}.report-table th:first-child{width:18%}.report-table th:nth-child(2){width:12%}.report-table th:nth-child(3){width:21%}.report-table th:nth-child(4){width:14%}.report-table th:nth-child(5){width:11%}.report-table th:nth-child(6){width:10%}.report-table th:nth-child(7){width:14%}.report-primary,.report-value{color:var(--ink-green)}.report-status{color:#496157;background:#eef3e7;border-radius:999px;padding:5px 8px;font-size:8.3px;font-weight:700;display:inline-flex}.report-empty{color:var(--muted);text-align:center;padding:24px}.report-mobile-list{display:none}.report-history{padding:17px}.report-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.report-history-grid article{background:#fbf6eb;border:1px solid #003f2d12;border-radius:11px;align-items:flex-start;gap:10px;min-width:0;padding:13px;display:flex}.report-history-icon{width:36px;height:36px;color:var(--ink-green);background:#e9f1e6;border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.report-history-grid article>div:last-child{gap:3px;min-width:0;display:grid}.report-history-grid strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.report-history-grid span{color:#5e6963;font-size:8.8px}.report-history-grid small{color:var(--muted);font-size:8px}@media (width<=1380px) and (width>=900px){.report-page{padding-inline:24px}.report-builder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-builder-actions{grid-column:span 3;justify-content:flex-end}}@media (width<=899px){.report-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.report-page-heading{flex-direction:column;align-items:stretch}.report-page-heading h1{font-size:25px}.report-heading-actions{grid-template-columns:1fr 1fr;display:grid}.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-kpi-grid article{min-height:94px;padding:14px}.report-kpi-grid strong{font-size:24px}.report-builder-heading{flex-direction:column;align-items:flex-start}.report-builder-grid{grid-template-columns:1fr}.report-builder-actions{grid-template-columns:1fr 1fr;display:grid}.report-result-toolbar{flex-direction:column;align-items:stretch}.report-result-meta{text-align:left;min-width:0}.report-table-wrap{display:none}.report-mobile-list{gap:10px;padding:12px;display:grid}.report-mobile-list article{background:#fffdf8;border:1px solid #003f2d14;border-radius:12px;padding:13px}.report-mobile-list article>div:first-child{gap:3px;display:grid}.report-mobile-list article>div:first-child span{color:var(--gold-500);font-size:8px;font-weight:700}.report-mobile-list article>div:first-child strong{color:var(--ink-green);font-size:12px}.report-mobile-list article>div:first-child small{color:var(--muted);font-size:8.8px}.report-mobile-metric{background:#fbf6eb;border-radius:9px;justify-content:space-between;align-items:baseline;gap:10px;margin-top:12px;padding:10px;display:flex}.report-mobile-metric span{color:var(--muted);font-size:8.5px}.report-mobile-metric strong{color:var(--ink-green);font-family:Lora,serif;font-size:18px}.report-mobile-list footer{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.report-mobile-list footer span,.report-mobile-list footer small{color:#667169;font-size:8.5px}.report-history-grid{grid-template-columns:1fr}}@media print{.desktop-sidebar,.mobile-bottom-nav,.mobile-header,.portal-header,.report-heading-actions,.report-builder-actions,.report-search{display:none!important}.report-page{padding:0}.report-builder,.report-history{box-shadow:none}}.settings-page{padding:28px 38px 44px}.settings-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.settings-eyebrow{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:inline-block}.settings-page-heading h1,.settings-section-heading h2{color:var(--ink-green);margin:0;font-family:Lora,serif}.settings-page-heading h1{font-size:29px}.settings-page-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:12.5px}.settings-security-badge{color:#fff;background:#064d37;border:1px solid #c89b3c3d;border-radius:11px;align-items:center;gap:9px;padding:10px 13px;display:flex}.settings-security-badge>div{gap:2px;display:grid}.settings-security-badge strong{font-size:10px}.settings-security-badge span{color:#ffffffb8;font-size:8.5px}.settings-frontend-warning{color:#805414;background:#fff3d6;border:1px solid #b4730a24;border-radius:10px;align-items:center;gap:7px;min-height:40px;margin-bottom:15px;padding:9px 13px;font-size:9.5px;display:flex}.settings-shell{box-shadow:var(--panel-shadow);background:#fffdf8f5;border:1px solid #00311f1a;border-radius:15px;grid-template-columns:205px minmax(0,1fr);display:grid;overflow:hidden}.settings-tabs{background:#f8f3e8;border-right:1px solid #00311f14;padding:13px}.settings-tabs button{color:#5c6861;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:42px;margin-bottom:6px;padding:0 11px;font-size:9.7px;font-weight:700;display:flex}.settings-tabs button.active{color:var(--ink-green);background:#e2efe8;border-color:#00533b1f}.settings-content{min-width:0;padding:20px}.settings-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.settings-section-heading h2{font-size:18px}.settings-section-heading span{max-width:650px;color:var(--muted);margin-top:4px;font-size:9.5px;line-height:1.45;display:block}.settings-button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:10px;font-weight:700;display:inline-flex}.settings-button.primary{color:#fff;background:linear-gradient(135deg,#00513a,#003825);border-color:#c89b3c47}.settings-button.secondary{color:var(--ink-green);background:#fffdf8;border-color:#003f2d24}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-form-grid label{gap:6px;display:grid}.settings-form-grid label>span,.settings-admin-form label>span,.settings-admin-detail-grid span{color:#68716c;font-size:9.3px;font-weight:600}.settings-form-grid input,.settings-form-grid select,.settings-form-grid textarea,.settings-admin-form input,.settings-admin-form select{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #003f2d24;border-radius:9px;outline:0;font-size:10.5px}.settings-form-grid input,.settings-form-grid select,.settings-admin-form input,.settings-admin-form select{height:40px;padding:0 10px}.settings-form-grid textarea{resize:vertical;padding:10px}.settings-form-wide{grid-column:1/-1}.settings-form-actions{border-top:1px solid #00311f14;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;padding-top:15px;display:flex}.settings-save-message{color:#14724d;margin-right:auto;font-size:9.5px;font-weight:700}.settings-workflow-flow{background:#fbf6eb;border-radius:12px;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:9px;margin-bottom:18px;padding:14px;display:grid}.settings-workflow-flow>div{text-align:center;gap:3px;display:grid}.settings-workflow-flow>div span{color:var(--gold-500);font-size:8px;font-weight:700}.settings-workflow-flow>div strong{color:var(--ink-green);font-size:8.8px}.settings-workflow-flow>i{background:#00533b33;height:1px}.settings-toggle-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.settings-toggle-group button{color:#66635d;text-align:left;cursor:pointer;background:#ece8df;border:1px solid #003f2d1f;border-radius:10px;gap:3px;min-height:66px;padding:10px;display:grid}.settings-toggle-group button.active{color:#14724d;background:#dff2e7}.settings-toggle-group strong{font-size:9.7px}.settings-toggle-group span{font-size:8.5px}.settings-access-toolbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-search{height:40px;color:var(--muted);border:1px solid #003f2d1f;border-radius:9px;flex:1;align-items:center;gap:8px;padding:0 11px;display:flex}.settings-search input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.settings-access-toolbar>span{color:var(--muted);font-size:9px}.settings-admin-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:850px}.settings-admin-table-wrap{border:1px solid #003f2d14;border-radius:11px;overflow-x:auto}.settings-admin-table th,.settings-admin-table td{text-align:left;border-bottom:1px solid #003f2d11;padding:11px 9px;font-size:8.9px}.settings-admin-table th{color:#68716c;font-size:8.4px}.settings-admin-table th:first-child{width:12%}.settings-admin-table th:nth-child(2){width:19%}.settings-admin-table th:nth-child(3){width:21%}.settings-admin-table th:nth-child(4),.settings-admin-table th:nth-child(5){width:12%}.settings-admin-table th:nth-child(6){width:16%}.settings-admin-table th:nth-child(7){width:8%}.settings-admin-id,.settings-admin-person strong{color:var(--ink-green)}.settings-admin-person{gap:3px;display:grid}.settings-admin-person span{color:var(--muted);font-size:8px}.settings-admin-status{border:1px solid #003f2d1a;border-radius:999px;height:29px;padding:0 22px 0 8px;font-size:8.2px;font-weight:700}.settings-admin-status-aktif{color:#14724d;background:#dff2e7}.settings-admin-status-digantung{color:#a83d39;background:#fbe4e3}.settings-access-level{color:#315d9e;background:#e7efff;border-radius:999px;padding:5px 8px;font-size:8.2px;font-weight:700;display:inline-flex}.settings-row-actions{gap:5px;display:flex}.settings-icon-action{width:29px;height:29px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1c;border-radius:8px;place-items:center;display:grid}.settings-more-wrap{position:relative}.settings-action-menu{z-index:95;background:#fffdf8;border:1px solid #003f2d1f;border-radius:10px;width:150px;padding:6px;position:absolute;top:33px;right:0;box-shadow:0 14px 30px #14221b24}.settings-action-menu button{width:100%;min-height:33px;color:var(--ink-green);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 8px;font-size:9px}.settings-action-menu button.danger{color:#b43b37}.settings-admin-mobile{display:none}.settings-dialog-layer{z-index:190;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.settings-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d18137a;border:0;position:absolute;inset:0}.settings-dialog{z-index:1;background:#fffdf8;border:1px solid #d7b7673d;border-radius:18px;width:min(650px,100%);max-height:88vh;position:relative;overflow-y:auto;box-shadow:0 28px 70px #001f153d}.settings-dialog-heading{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:15px 19px;display:flex}.settings-dialog-heading span{color:var(--gold-500);text-transform:uppercase;font-size:8.8px;font-weight:700}.settings-dialog-heading h2{color:var(--ink-green);margin:3px 0 0;font-family:Lora,serif;font-size:20px}.settings-dialog-heading>button{width:34px;height:34px;color:var(--ink-green);cursor:pointer;background:#f5f1e8;border:0;border-radius:9px;place-items:center;display:grid}.settings-admin-form,.settings-admin-detail{padding:20px}.settings-admin-form-grid,.settings-admin-detail-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.settings-admin-form label{gap:6px;display:grid}.settings-full-access-note{color:#315d9e;background:#e7efff;border-radius:10px;gap:9px;margin-top:14px;padding:12px;display:flex}.settings-full-access-note>div{gap:3px;display:grid}.settings-full-access-note strong{font-size:9.5px}.settings-full-access-note span{font-size:8.5px}.settings-admin-detail-grid>div{background:#fbf6eb;border-radius:9px;gap:4px;padding:11px;display:grid}.settings-admin-detail-grid strong{overflow-wrap:anywhere;color:var(--ink-green);font-size:10px}.settings-admin-detail-wide{grid-column:1/-1}.settings-dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}@media (width<=1180px) and (width>=900px){.settings-page{padding-inline:24px}.settings-shell{grid-template-columns:180px minmax(0,1fr)}}@media (width<=899px){.settings-page{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.settings-page-heading{flex-direction:column;align-items:stretch}.settings-security-badge{width:100%}.settings-frontend-warning{flex-direction:column;align-items:flex-start}.settings-shell{display:block;overflow:visible}.settings-tabs{border-bottom:1px solid #00311f14;border-right:0;gap:7px;display:flex;overflow-x:auto}.settings-tabs button{width:auto;min-width:max-content;margin:0}.settings-content{padding:15px}.settings-section-heading{flex-direction:column;align-items:stretch}.settings-section-heading .settings-button{width:100%}.settings-form-grid{grid-template-columns:1fr}.settings-form-wide{grid-column:auto}.settings-workflow-flow{grid-template-columns:1fr}.settings-workflow-flow>i{justify-self:center;width:1px;height:13px}.settings-toggle-group{grid-template-columns:1fr}.settings-form-actions{flex-direction:column;align-items:stretch}.settings-save-message{margin:0}.settings-admin-table-wrap{display:none}.settings-admin-mobile{gap:10px;display:grid}.settings-admin-mobile article{background:#fffdf8;border:1px solid #003f2d17;border-radius:12px;padding:13px}.settings-admin-mobile article>div:first-child{gap:3px;display:grid}.settings-admin-mobile article>div:first-child span{color:var(--gold-500);font-size:8px;font-weight:700}.settings-admin-mobile article>div:first-child strong{color:var(--ink-green);font-size:12px}.settings-admin-mobile article>div:first-child small{color:var(--muted);font-size:8.8px}.settings-admin-mobile-meta{color:#5f6963;gap:4px;margin-top:10px;font-size:8.8px;display:grid}.settings-admin-mobile footer{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px;display:grid}.settings-admin-mobile footer button{min-height:35px;color:var(--ink-green);background:0 0;border:1px solid #003f2d24;border-radius:8px;font-size:8.8px;font-weight:700}.settings-admin-mobile footer button.danger{color:#b43b37}.settings-dialog-layer{align-items:end;padding:0}.settings-dialog{border-radius:22px 22px 0 0;width:100%;max-height:90vh}.settings-admin-form-grid,.settings-admin-detail-grid{grid-template-columns:1fr}.settings-admin-detail-wide{grid-column:auto}.settings-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}@media (width>=900px){.desktop-sidebar{background:radial-gradient(circle at 93% 6%,#c89b3c14,#0000 21%),linear-gradient(#00543b 0%,#003c29 100%);width:252px}.desktop-sidebar.is-collapsed{width:78px}.desktop-main{width:calc(100% - 252px);margin-left:252px}.desktop-app.sidebar-collapsed .desktop-main{width:calc(100% - 78px);margin-left:78px}.sidebar-brand{gap:12px;min-height:116px;padding:22px 17px 18px}.sidebar-logo{flex-basis:52px;width:52px;height:52px;box-shadow:0 0 0 2px #d7b7675c,0 6px 18px #001d1529}.sidebar-brand-copy{gap:1px}.sidebar-brand-copy strong{font-size:11.5px}.sidebar-brand-copy span{font-size:13px}.sidebar-brand-copy small{color:#e1b954;white-space:nowrap;font-size:10px;font-weight:700}.desktop-sidebar.is-collapsed .sidebar-brand{gap:0;padding-inline:13px}.sidebar-nav{gap:4px;padding:18px 15px 8px}.sidebar-link{border-radius:9px;gap:12px;min-height:43px;padding:0 13px;font-size:13px}.sidebar-link.is-active{background:#117151b8;border-left-color:#d7a92e}.sidebar-visual-banner{border-radius:10px;margin:8px 15px 14px}.sidebar-footer-collapse{color:#ffffffd1;cursor:pointer;background:#002c1e3d;border:1px solid #d7b76733;border-radius:8px;align-items:center;gap:9px;min-height:38px;margin:0 15px 14px;padding:0 12px;font-size:11px;display:flex}.sidebar-footer-collapse svg{transform:rotate(180deg)}.desktop-sidebar.is-collapsed .sidebar-footer-collapse{justify-content:center;width:42px;height:38px;min-height:38px;margin-inline:auto;padding:0}.desktop-sidebar.is-collapsed .sidebar-footer-collapse span{display:none}.desktop-sidebar.is-collapsed .sidebar-footer-collapse svg{transform:rotate(0)}.reference-desktop-header{background:#fffdf8f5;border-bottom:1px solid #003d2b14;height:78px;min-height:78px;padding:0 34px}.reference-header-left{align-items:center;gap:22px;display:flex}.reference-header-menu{color:#234d40;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.reference-header-menu:hover{background:#f1eee5}.reference-breadcrumb{color:#8a8f8c;align-items:center;gap:8px;font-size:10px;display:flex}.reference-breadcrumb svg{opacity:.5;transform:rotate(180deg)}.reference-breadcrumb strong{color:#5a615d;font-size:10px;font-weight:600}.reference-header-actions{gap:11px}.reference-global-search{background:#fffefa;border-radius:11px;width:375px;height:44px}.reference-notification{width:42px;height:42px}.reference-profile{background:0 0;justify-content:flex-start;min-width:174px;padding:0 6px 0 0}.reference-profile .profile-avatar{width:44px;height:44px}.reference-profile .profile-copy{flex:1}}.registration-reference-page{background:radial-gradient(circle at 78% 7%,#dabc7312,#0000 23%),#fbf6eb;min-height:calc(100vh - 78px);padding:27px 38px 42px}.registration-ref-hero{justify-content:space-between;align-items:center;gap:24px;min-height:125px;margin-bottom:18px;padding:0 8px 0 6px;display:flex;position:relative;overflow:hidden}.registration-ref-title{z-index:3;position:relative}.registration-ref-title h1{color:#064735;margin:0;font-family:Lora,serif;font-size:31px;line-height:1.05}.registration-ref-title h2{color:#b9801c;margin:7px 0 0;font-family:Lora,serif;font-size:17px;font-weight:600}.registration-ref-title p{color:#69736e;max-width:650px;margin:9px 0 0;font-size:10.5px;line-height:1.55}.registration-ref-primary{z-index:4;color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffffff08,#0000 45%),linear-gradient(135deg,#086145,#00432e);border:1px solid #d7b76757;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-width:196px;height:49px;padding:0 18px;font-size:11px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 8px 18px #00372621}.registration-ref-mosque-art{z-index:1;opacity:.2;pointer-events:none;width:390px;height:118px;position:absolute;bottom:0;right:205px}.registration-ref-mosque-art:before{content:"";border:1px solid #d1ab55;border-top:0;width:210px;height:35px;position:absolute;bottom:0;left:110px}.registration-ref-dome{border:1px solid #d1ab55;border-bottom:0;border-radius:58px 58px 0 0;width:116px;height:78px;position:absolute;bottom:34px;left:157px}.registration-ref-dome:before{content:"";background:#d1ab55;width:1px;height:28px;position:absolute;top:-27px;left:54px}.registration-ref-dome:after{content:"";border:1px solid #d1ab55;border-radius:50% 50% 45% 45%;width:9px;height:9px;position:absolute;top:-31px;left:50px;transform:rotate(45deg)}.registration-ref-minaret{border:1px solid #d1ab55;border-bottom:0;width:23px;height:76px;position:absolute;bottom:0}.registration-ref-minaret:before{content:"";border:1px solid #d1ab55;border-bottom:0;border-radius:50% 50% 0 0;width:11px;height:18px;position:absolute;top:-18px;left:5px}.registration-ref-minaret.one{left:78px}.registration-ref-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.registration-ref-kpis article{background:#fffefaf0;border:1px solid #003f2d14;border-radius:14px;align-items:center;gap:17px;min-height:121px;padding:18px 20px;display:flex;box-shadow:0 8px 22px #4231120d}.registration-ref-kpi-icon{border-radius:50%;flex:0 0 64px;place-items:center;width:64px;height:64px;display:grid}.registration-ref-kpi-icon.tone-gold{color:#c48109;background:#fff3d5}.registration-ref-kpi-icon.tone-blue{color:#2478e5;background:#e7f1ff}.registration-ref-kpi-icon.tone-green{color:#249e4f;background:#e5f6e6}.registration-ref-kpis article>div:last-child{gap:3px;display:grid}.registration-ref-kpis span{color:#4e5c55;font-size:10px}.registration-ref-kpis strong{color:#064735;font-family:Lora,serif;font-size:29px;line-height:1}.registration-ref-kpis small{font-size:8.5px;font-style:normal}.registration-ref-kpis small.up{color:#2c9d54}.registration-ref-kpis small.down{color:#df5757}.registration-ref-body{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.registration-ref-table-card,.registration-ref-insight-card{background:#fffefaf5;border:1px solid #003f2d14;border-radius:14px;box-shadow:0 8px 22px #4231120d}.registration-ref-table-card{min-width:0;overflow:hidden}.registration-ref-toolbar{grid-template-columns:minmax(260px,1fr) 170px 170px 150px;gap:10px;padding:13px 14px 9px;display:grid}.registration-ref-search{color:#66736d;background:#fffefa;border:1px solid #003f2d1c;border-radius:9px;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.registration-ref-search input{color:#3d4f47;background:0 0;border:0;outline:0;width:100%;font-size:9.8px}.registration-ref-select{gap:3px;display:grid}.registration-ref-select>span{color:#66736d;font-size:8px}.registration-ref-select select{color:#345247;background:#fffefa;border:1px solid #003f2d1c;border-radius:8px;outline:0;height:29px;padding:0 26px 0 9px;font-size:9px}.registration-ref-advanced{color:#44534d;cursor:pointer;background:#fffefa;border:1px solid #003f2d1c;border-radius:9px;justify-content:center;align-self:end;align-items:center;gap:8px;height:42px;font-size:9px;display:inline-flex}.registration-ref-advanced.active{color:#07553f;background:#edf4ef;border-color:#00533b47}.registration-ref-advanced-panel{grid-template-columns:220px minmax(240px,1fr);gap:10px;padding:0 14px 11px;display:grid}.registration-ref-advanced-panel label{gap:4px;display:grid}.registration-ref-advanced-panel span{color:#66736d;font-size:8px}.registration-ref-advanced-panel select{color:#345247;background:#fffefa;border:1px solid #003f2d1c;border-radius:8px;outline:0;height:36px;padding:0 10px;font-size:9px}.registration-ref-quickbar{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px 11px;display:flex}.registration-ref-chips{align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.registration-ref-chips button{color:#58655f;cursor:pointer;background:#fffefa;border:1px solid #003f2d14;border-radius:8px;flex:none;align-items:center;gap:6px;min-height:31px;padding:0 11px;font-size:8.6px;display:inline-flex}.registration-ref-chips button.active{color:#fff;background:#07543e;border-color:#0c6248}.registration-ref-chips i{color:#8b7953;background:#f2f1eb;border-radius:999px;place-items:center;min-width:19px;height:19px;font-size:8px;font-style:normal;font-weight:700;display:inline-grid}.registration-ref-chips button.active i{color:#fff;background:#ffffff29}.registration-ref-reset{color:#68736e;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-width:84px;font-size:8.5px;display:inline-flex}.registration-ref-table-wrap{width:100%;overflow-x:auto}.registration-ref-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:995px}.registration-ref-table th,.registration-ref-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #003f2d11;padding:10px 7px}.registration-ref-table th{color:#63706a;white-space:nowrap;font-size:7.8px;font-weight:700}.registration-ref-table td{color:#607069;font-size:8.6px}.registration-ref-table tbody tr:hover,.registration-ref-table tbody tr.selected{background:#ecf5ef8f}.registration-ref-table .check-col{text-align:center;width:28px}.registration-ref-table input[type=checkbox]{accent-color:#07543e;width:13px;height:13px}.registration-ref-table th:nth-child(2){width:10%}.registration-ref-table th:nth-child(3){width:16%}.registration-ref-table th:nth-child(4){width:20%}.registration-ref-table th:nth-child(5){width:10%}.registration-ref-table th:nth-child(6){width:14%}.registration-ref-table th:nth-child(7),.registration-ref-table th:nth-child(8),.registration-ref-table th:nth-child(9){width:11%}.registration-ref-id{color:#07543e;font-size:8.7px}.registration-ref-person,.registration-ref-program{gap:2px;min-width:0;display:grid}.registration-ref-person strong,.registration-ref-program strong{color:#07543e;text-overflow:ellipsis;white-space:nowrap;font-size:8.8px;overflow:hidden}.registration-ref-person span,.registration-ref-program span{color:#87908b;text-overflow:ellipsis;white-space:nowrap;font-size:7.7px;overflow:hidden}.registration-ref-source,.registration-ref-payment{color:#58705f;white-space:nowrap;background:#eaf1e5;border-radius:999px;padding:5px 7px;font-size:7.5px;font-weight:600;display:inline-flex}.registration-ref-status{border:1px solid #003f2d1a;border-radius:999px;outline:0;max-width:126px;height:28px;padding:0 22px 0 8px;font-size:7.7px;font-weight:700}.registration-ref-status.status-menunggu-semakan,.status-dot.status-menunggu-semakan{color:#9a5d05;background:#fff0c9}.registration-ref-status.status-lulus-sementara,.status-dot.status-lulus-sementara{color:#315d9e;background:#e5efff}.registration-ref-status.status-menunggu-bayaran,.status-dot.status-menunggu-bayaran{color:#a76f08;background:#ffefc6}.registration-ref-status.status-bayaran-berjaya,.status-dot.status-bayaran-berjaya,.registration-ref-status.status-aktif,.status-dot.status-aktif{color:#14724d;background:#dff2e7}.registration-ref-status.status-ditolak,.status-dot.status-ditolak{color:#a83d39;background:#fbe4e3}.registration-ref-date{color:#748079;font-size:7.7px;line-height:1.35}.registration-ref-actions{align-items:center;gap:4px;display:flex}.registration-ref-actions button{color:#0c5943;cursor:pointer;background:#fffefa;border:1px solid #003f2d1a;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.registration-ref-actions button.edit,.registration-ref-actions button.approve{color:#2e8455;background:#e9f5ea}.registration-ref-actions button.delete{color:#d94c4c;background:#fff1f1}.registration-ref-pagination{color:#7f8782;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:10px 14px;font-size:8.5px;display:flex}.registration-ref-pagination>div{align-items:center;gap:5px;display:flex}.registration-ref-pagination select,.registration-ref-pagination button{color:#52615b;background:#fffefa;border:1px solid #003f2d17;border-radius:7px;height:30px;font-size:8.5px}.registration-ref-pagination select{padding:0 8px}.registration-ref-pagination button{cursor:pointer;min-width:30px}.registration-ref-pagination button.active{color:#fff;background:#07543e;border-color:#07543e}.registration-ref-pagination button:disabled{opacity:.4;cursor:default}.registration-ref-insights{gap:16px;display:grid}.registration-ref-insight-card{padding:15px}.registration-ref-insight-card header{align-items:center;gap:8px;display:flex}.registration-ref-insight-card h3{color:#0a4435;margin:0;font-family:Lora,serif;font-size:13px}.registration-ref-insight-icon{color:#07543e;background:#edf4e9;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.registration-ref-insight-card.today ul{gap:10px;margin:15px 0 12px;padding:0;list-style:none;display:grid}.registration-ref-insight-card.today li{color:#65716b;justify-content:space-between;align-items:center;gap:8px;font-size:8.7px;display:flex}.registration-ref-insight-card.today li span{align-items:center;gap:7px;display:flex}.registration-ref-insight-card.today li strong{color:#0a4435;font-size:9px}.registration-ref-insight-card .dot,.registration-ref-latest-status .status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.registration-ref-insight-card .dot.green{background:#168d64}.registration-ref-insight-card .dot.blue{background:#3d82ef}.registration-ref-insight-card .dot.gold{background:#e0a11b}.registration-ref-insight-card .dot.mint{background:#50b979}.registration-ref-insight-card .dot.red{background:#e45454}.registration-ref-insight-card.today footer{color:#997129;background:#f7f0df;border-radius:8px;justify-content:space-between;align-items:center;min-height:38px;padding:0 10px;font-size:8.8px;display:flex}.registration-ref-insight-card.today footer strong{color:#0a4435;font-size:13px}.registration-ref-insight-card.latest header{justify-content:space-between}.registration-ref-insight-card.latest header button{color:#16805d;cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:700}.registration-ref-latest-list{margin-top:10px;display:grid}.registration-ref-latest-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #003f2d0f;grid-template-columns:30px minmax(0,1fr) 72px;align-items:center;gap:8px;width:100%;padding:8px 0;display:grid}.registration-ref-latest-list>button:last-child{border-bottom:0}.registration-ref-avatar{color:#5c4d8a;background:#e9defd;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-weight:700;display:grid}.registration-ref-avatar.avatar-2{color:#27748a;background:#dff4f7}.registration-ref-avatar.avatar-3{color:#9a6810;background:#fff1c9}.registration-ref-avatar.avatar-4{color:#28754d;background:#dff3e5}.registration-ref-avatar.avatar-5{color:#ae4548;background:#fde2e2}.registration-ref-latest-copy{gap:2px;min-width:0;display:grid}.registration-ref-latest-copy strong{color:#0c4d3a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.registration-ref-latest-copy small{color:#8a918d;font-size:7.4px}.registration-ref-latest-status{grid-template-columns:7px minmax(0,1fr);align-items:center;gap:2px 5px;min-width:0;display:grid}.registration-ref-latest-status small{color:#6b7670;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.registration-ref-latest-status em{color:#969c98;grid-column:2;font-size:6.8px;font-style:normal}.registration-ref-insight-card.workflow header{gap:3px;display:grid}.registration-ref-insight-card.workflow header span{color:#8a918d;font-size:7.5px}.registration-ref-workflow{grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:start;gap:5px;margin-top:16px;display:grid}.registration-ref-workflow>div{justify-items:center;gap:7px;display:grid}.registration-ref-workflow b{color:#fff;background:#07543e;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.registration-ref-workflow span{color:#67736d;text-align:center;font-size:6.8px}.registration-ref-workflow>i{background:#268365;height:2px;margin-top:10px}.registration-ref-mobile-list{display:none}@media (width<=1280px) and (width>=900px){.registration-reference-page{padding-inline:24px}.registration-ref-body{grid-template-columns:minmax(0,1fr) 230px}.registration-ref-toolbar{grid-template-columns:minmax(220px,1fr) 150px 150px 132px}.registration-ref-kpis{gap:10px}.registration-ref-kpis article{gap:12px;padding-inline:14px}.registration-ref-kpi-icon{flex-basis:54px;width:54px;height:54px}}@media (width<=899px){.registration-reference-page{min-height:auto;padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.registration-ref-hero{flex-direction:column;align-items:stretch;min-height:0;padding:0}.registration-ref-title h1{font-size:27px}.registration-ref-mosque-art{display:none}.registration-ref-primary{width:100%}.registration-ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.registration-ref-kpis article{gap:10px;min-height:104px;padding:12px}.registration-ref-kpi-icon{flex-basis:44px;width:44px;height:44px}.registration-ref-kpis strong{font-size:23px}.registration-ref-body{display:block}.registration-ref-table-card,.registration-ref-insights{display:none}.registration-ref-mobile-list{gap:10px;display:grid}.registration-ref-mobile-list>article{background:#fffefa;border:1px solid #003f2d14;border-radius:13px;padding:14px;box-shadow:0 5px 16px #4231120d}.registration-ref-mobile-list header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.registration-ref-mobile-list header>div{gap:3px;display:grid}.registration-ref-mobile-list header>div span{color:#b9801c;font-size:8px;font-weight:700}.registration-ref-mobile-list header>div strong{color:#07543e;font-size:12px}.registration-ref-mobile-list header>div small{color:#84908a;font-size:8.5px}.registration-ref-mobile-list header>.registration-ref-status{align-items:center;width:auto;height:auto;min-height:27px;padding:5px 8px;display:inline-flex}.registration-ref-mobile-list>article>div{gap:5px;margin-top:11px;display:grid}.registration-ref-mobile-list>article>div span{color:#68746e;align-items:center;gap:6px;font-size:9px;display:flex}.registration-ref-mobile-list footer{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.registration-ref-mobile-list footer button{color:#07543e;background:0 0;border:1px solid #003f2d1f;border-radius:8px;min-height:35px;font-size:9px;font-weight:700}.registration-ref-mobile-list footer button.danger{color:#b64040}}@media (width>=900px){.registration-reference-page{padding:26px 30px 42px}.registration-ref-hero{min-height:132px;margin-bottom:20px}.registration-ref-title h1{font-size:33px}.registration-ref-title h2{margin-top:8px;font-size:19px}.registration-ref-title p{max-width:700px;margin-top:10px;font-size:12px;line-height:1.55}.registration-ref-primary{min-width:205px;height:50px;font-size:12px}.registration-ref-kpis{gap:14px;margin-bottom:20px}.registration-ref-kpis article{gap:17px;min-height:124px;padding:18px 20px}.registration-ref-kpi-icon{flex-basis:66px;width:66px;height:66px}.registration-ref-kpis span{font-size:11.5px}.registration-ref-kpis strong{margin-top:2px;font-size:31px}.registration-ref-kpis small{margin-top:2px;font-size:9.5px}.registration-ref-body{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.registration-ref-toolbar{grid-template-columns:minmax(250px,1fr) 165px 165px 150px;gap:10px;padding:14px 14px 10px}.registration-ref-search{height:44px}.registration-ref-search input{font-size:11px}.registration-ref-select>span{font-size:9.5px}.registration-ref-select select{height:31px;font-size:10px}.registration-ref-advanced{height:44px;font-size:10px}.registration-ref-advanced-panel span{font-size:9.5px}.registration-ref-advanced-panel select{height:38px;font-size:10px}.registration-ref-quickbar{padding:9px 14px 12px}.registration-ref-chips{gap:7px}.registration-ref-chips button{min-height:33px;padding:0 10px;font-size:9.4px}.registration-ref-chips i{min-width:20px;height:20px;font-size:8.5px}.registration-ref-reset{justify-content:flex-end;min-width:74px;font-size:9.5px}.registration-ref-table{min-width:950px}.registration-ref-table th,.registration-ref-table td{padding:11px 6px}.registration-ref-table th{font-size:9.2px}.registration-ref-table td{font-size:9.8px}.registration-ref-table .check-col{width:30px}.registration-ref-table th:nth-child(2){width:95px}.registration-ref-table th:nth-child(3){width:140px}.registration-ref-table th:nth-child(4){width:170px}.registration-ref-table th:nth-child(5){width:88px}.registration-ref-table th:nth-child(6){width:126px}.registration-ref-table th:nth-child(7){width:88px}.registration-ref-table th:nth-child(8){width:105px}.registration-ref-table th:nth-child(9){width:116px}.registration-ref-id{font-size:9.8px}.registration-ref-person strong,.registration-ref-program strong{font-size:10px}.registration-ref-person span,.registration-ref-program span{font-size:8.8px}.registration-ref-source,.registration-ref-payment{padding:5px 7px;font-size:8.4px}.registration-ref-status{max-width:124px;height:30px;font-size:8.5px}.registration-ref-date{font-size:8.7px}.registration-ref-actions{gap:4px}.registration-ref-actions button{width:25px;height:25px}.registration-ref-pagination{min-height:58px;font-size:9.5px}.registration-ref-pagination select,.registration-ref-pagination button{height:31px;font-size:9.5px}.registration-ref-insights{gap:16px}.registration-ref-insight-card{padding:16px}.registration-ref-insight-card h3{font-size:14px}.registration-ref-insight-icon{width:32px;height:32px}.registration-ref-insight-card.today ul{gap:11px;margin:16px 0 13px}.registration-ref-insight-card.today li{font-size:9.8px}.registration-ref-insight-card.today li strong{font-size:10.5px}.registration-ref-insight-card.today footer{min-height:40px;font-size:9.8px}.registration-ref-insight-card.today footer strong{font-size:14px}.registration-ref-insight-card.latest header button{font-size:8.8px}.registration-ref-latest-list>button{grid-template-columns:31px minmax(0,1fr) 82px;gap:8px;padding:9px 0}.registration-ref-avatar{width:30px;height:30px;font-size:9.5px}.registration-ref-latest-copy strong{font-size:9.2px}.registration-ref-latest-copy small{font-size:8.2px}.registration-ref-latest-status small{font-size:7.8px}.registration-ref-latest-status em{font-size:7.6px}.registration-ref-insight-card.workflow header span{font-size:8.5px}.registration-ref-workflow b{width:24px;height:24px;font-size:8.8px}.registration-ref-workflow span{font-size:7.7px}.reference-breadcrumb,.reference-breadcrumb strong{font-size:11px}}@media (width<=1280px) and (width>=900px){.registration-reference-page{padding-inline:22px}.registration-ref-body{grid-template-columns:minmax(0,1fr) 238px}.registration-ref-toolbar{grid-template-columns:minmax(210px,1fr) 140px 140px 130px}.registration-ref-kpis article{padding-inline:14px}.registration-ref-kpis span{font-size:10.5px}.registration-ref-kpis strong{font-size:28px}.registration-ref-table{min-width:940px}}@media (width>=900px){.registration-reference-page{padding:28px 28px 46px}.registration-ref-body{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:16px}.registration-ref-table-card{grid-area:1/1/span 2}.registration-ref-insights{display:contents}.registration-ref-insight-card.today{grid-area:1/2}.registration-ref-insight-card.latest{grid-area:2/2}.registration-ref-insight-card.workflow{grid-area:3/1/auto/-1;margin-top:0}.registration-ref-toolbar{grid-template-columns:minmax(280px,1fr) 160px 160px 150px}.registration-ref-search input{font-size:12px}.registration-ref-select>span{font-size:10px}.registration-ref-select select,.registration-ref-advanced,.registration-ref-advanced-panel select{font-size:10.8px}.registration-ref-chips button{min-height:35px;padding:0 11px;font-size:10.2px}.registration-ref-chips i{min-width:21px;height:21px;font-size:9px}.registration-ref-reset{min-width:80px;font-size:10.2px}.registration-ref-table{min-width:1000px}.registration-ref-table th,.registration-ref-table td{padding:12px 7px}.registration-ref-table th{font-size:10.2px}.registration-ref-table td{font-size:11px}.registration-ref-table th:nth-child(2){width:100px}.registration-ref-table th:nth-child(3){width:150px}.registration-ref-table th:nth-child(4){width:178px}.registration-ref-table th:nth-child(5){width:92px}.registration-ref-table th:nth-child(6){width:130px}.registration-ref-table th:nth-child(7){width:96px}.registration-ref-table th:nth-child(8){width:112px}.registration-ref-table th:nth-child(9){width:126px}.registration-ref-id{font-size:10.8px}.registration-ref-person strong,.registration-ref-program strong{font-size:11.2px}.registration-ref-person span,.registration-ref-program span{font-size:9.8px}.registration-ref-source,.registration-ref-payment{padding:6px 8px;font-size:9.2px}.registration-ref-status{max-width:128px;height:32px;font-size:9.3px}.registration-ref-date{font-size:9.5px}.registration-ref-actions{gap:5px}.registration-ref-actions button{width:29px;height:29px}.registration-ref-pagination{min-height:60px;font-size:10.2px}.registration-ref-pagination select,.registration-ref-pagination button{height:33px;font-size:10px}.registration-ref-insight-card{padding:17px}.registration-ref-insight-card h3{font-size:15px}.registration-ref-insight-card.today ul{gap:12px;margin:17px 0 14px}.registration-ref-insight-card.today li{font-size:10.5px}.registration-ref-insight-card.today li strong{font-size:11px}.registration-ref-insight-card.today footer{min-height:42px;font-size:10.5px}.registration-ref-insight-card.today footer strong{font-size:15px}.registration-ref-latest-list>button{grid-template-columns:32px minmax(0,1fr) 88px;padding:10px 0}.registration-ref-avatar{width:31px;height:31px;font-size:10px}.registration-ref-latest-copy strong{font-size:10px}.registration-ref-latest-copy small{font-size:8.8px}.registration-ref-latest-status small{font-size:8.4px}.registration-ref-latest-status em{font-size:8px}.registration-ref-insight-card.workflow{grid-template-columns:250px minmax(0,1fr);align-items:center;gap:26px;min-height:110px;padding:20px 24px;display:grid}.registration-ref-insight-card.workflow header{align-self:center}.registration-ref-insight-card.workflow header h3{font-size:16px}.registration-ref-insight-card.workflow header span{margin-top:5px;font-size:10px}.registration-ref-workflow{gap:12px;margin-top:0}.registration-ref-workflow b{width:30px;height:30px;font-size:10px}.registration-ref-workflow span{font-size:9px}.registration-ref-workflow>i{margin-top:14px}}@media (width<=1280px) and (width>=900px){.registration-ref-body{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.registration-ref-toolbar{grid-template-columns:minmax(230px,1fr) 140px 140px 130px}.registration-ref-table{min-width:980px}.registration-ref-insight-card.workflow{grid-template-columns:220px minmax(0,1fr)}}@media (width>=900px){.registration-ref-body{grid-template-columns:minmax(0,1fr) 252px;align-items:stretch;gap:14px}.registration-ref-table-card{flex-direction:column;align-self:stretch;min-height:100%;display:flex}.registration-ref-table-wrap{flex:auto;min-height:0;display:flex}.registration-ref-table{width:100%;min-width:940px;height:100%}.registration-ref-table tbody tr{height:66px}.registration-ref-pagination{margin-top:auto}.registration-ref-table th:nth-child(2){width:96px}.registration-ref-table th:nth-child(3){width:146px}.registration-ref-table th:nth-child(4){width:164px}.registration-ref-table th:nth-child(5){width:88px}.registration-ref-table th:nth-child(6){width:122px}.registration-ref-table th:nth-child(7){width:92px}.registration-ref-table th:nth-child(8){width:105px}.registration-ref-table th:nth-child(9){width:132px}.registration-ref-actions{flex-wrap:nowrap;justify-content:flex-start;gap:4px}.registration-ref-actions button{flex:0 0 27px;width:27px;height:27px}.registration-ref-search input{font-size:12.5px}.registration-ref-select>span{font-size:10.5px}.registration-ref-select select,.registration-ref-advanced,.registration-ref-advanced-panel select{font-size:11.2px}.registration-ref-chips button{font-size:10.7px}.registration-ref-chips i{font-size:9.5px}.registration-ref-reset{font-size:10.7px}.registration-ref-table th{font-size:10.8px}.registration-ref-table td{font-size:11.6px}.registration-ref-id{font-size:11.2px}.registration-ref-person strong,.registration-ref-program strong{font-size:11.8px}.registration-ref-person span,.registration-ref-program span{font-size:10.2px}.registration-ref-source,.registration-ref-payment{font-size:9.7px}.registration-ref-status{height:33px;font-size:9.8px}.registration-ref-date{font-size:9.9px}.registration-ref-pagination{font-size:10.5px}.registration-ref-pagination select,.registration-ref-pagination button{font-size:10.4px}.registration-ref-insight-card h3{font-size:16px}.registration-ref-insight-card.today li{font-size:11px}.registration-ref-insight-card.today li strong{font-size:11.5px}.registration-ref-insight-card.today footer{font-size:11px}.registration-ref-insight-card.today footer strong{font-size:16px}.registration-ref-latest-copy strong{font-size:10.6px}.registration-ref-latest-copy small{font-size:9.2px}.registration-ref-latest-status small{font-size:8.8px}.registration-ref-latest-status em{font-size:8.4px}.registration-ref-insight-card.workflow{margin-top:0}.registration-ref-insight-card.workflow header h3{font-size:16.5px}.registration-ref-insight-card.workflow header span{font-size:10.5px}.registration-ref-workflow span{font-size:9.5px}}@media (width>=1281px){.registration-ref-table-wrap{overflow-x:hidden}}@media (width<=1280px) and (width>=900px){.registration-ref-body{grid-template-columns:minmax(0,1fr) 230px}.registration-ref-table{min-width:920px}.registration-ref-table tbody tr{height:64px}}@media (width>=900px) and (width<=1499px){.registration-reference-page{padding-inline:24px}.registration-ref-body{display:block}.registration-ref-table-card{flex-direction:column;width:100%;min-height:0;display:flex}.registration-ref-table-wrap{width:100%;display:block;overflow-x:auto}.registration-ref-table{table-layout:fixed;width:100%;min-width:0;height:auto}.registration-ref-table tbody tr{height:64px}.registration-ref-table th,.registration-ref-table td{vertical-align:middle;padding:11px 6px;overflow:hidden}.registration-ref-table .check-col{width:30px}.registration-ref-table th:nth-child(2){width:10%}.registration-ref-table th:nth-child(3){width:14%}.registration-ref-table th:nth-child(4){width:17%}.registration-ref-table th:nth-child(5){width:9%}.registration-ref-table th:nth-child(6){width:14%}.registration-ref-table th:nth-child(7){width:9%}.registration-ref-table th:nth-child(8){width:11%}.registration-ref-table th:nth-child(9){width:13%}.registration-ref-id{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.registration-ref-person strong,.registration-ref-person span,.registration-ref-program strong,.registration-ref-program span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.registration-ref-person strong,.registration-ref-program strong{font-size:11.3px}.registration-ref-person span,.registration-ref-program span{font-size:9.7px}.registration-ref-source,.registration-ref-payment{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9.4px;overflow:hidden}.registration-ref-status{width:100%;max-width:none;height:32px;padding-left:8px;padding-right:22px;font-size:9.2px}.registration-ref-date{text-overflow:ellipsis;font-size:9.5px;line-height:1.35;display:block;overflow:hidden}.registration-ref-actions{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;width:100%;display:flex;overflow:visible}.registration-ref-actions button{flex:0 0 25px;width:25px;height:25px}.registration-ref-pagination{margin-top:0}.registration-ref-insights{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.registration-ref-insight-card.today,.registration-ref-insight-card.latest,.registration-ref-insight-card.workflow{grid-area:auto;min-width:0}.registration-ref-insight-card.today,.registration-ref-insight-card.latest{min-height:0}.registration-ref-insight-card.workflow{grid-column:1/-1;min-height:108px;margin-top:0}.registration-ref-latest-list>button{grid-template-columns:32px minmax(0,1fr) 100px}.registration-ref-latest-copy strong{font-size:10.5px}.registration-ref-latest-copy small{font-size:9px}.registration-ref-latest-status small{font-size:8.8px}.registration-ref-latest-status em{font-size:8.4px}}@media (width>=1500px){.registration-ref-table-wrap{overflow-x:auto}.registration-ref-actions{flex-wrap:nowrap}.registration-ref-id{white-space:nowrap}}.registration-ref-table-card.phase-16h-table{overflow:visible}.phase-16h-toolbar{grid-template-columns:minmax(300px,1fr) 180px 150px minmax(180px,auto);align-items:end}.registration-selection-controls{justify-content:flex-end;align-items:center;gap:7px;min-height:44px;display:flex}.registration-selection-controls button{color:#315347;cursor:pointer;white-space:nowrap;background:#fffefa;border:1px solid #003f2d1f;border-radius:8px;min-height:34px;padding:0 11px;font-size:10px;font-weight:650}.registration-selection-controls button.active{color:#07543e;background:#e5f2eb;border-color:#0b6248}.registration-selection-controls button.danger{color:#b33f3f;background:#fff0f0;border-color:#edcaca}.registration-selection-controls button.reset{color:#7a817e;background:0 0;border-color:#0000}.phase-16h-advanced{padding-top:2px}.phase-16h-data-table{table-layout:fixed;min-width:0}.phase-16h-data-table th.col-id,.phase-16h-data-table td.col-id{width:12%}.phase-16h-data-table th.col-person,.phase-16h-data-table td.col-person{width:18%}.phase-16h-data-table th.col-program,.phase-16h-data-table td.col-program{width:22%}.phase-16h-data-table th.col-status,.phase-16h-data-table td.col-status{width:16%}.phase-16h-data-table th.col-payment,.phase-16h-data-table td.col-payment{width:11%}.phase-16h-data-table th.col-date,.phase-16h-data-table td.col-date{width:13%}.phase-16h-data-table th.col-actions,.phase-16h-data-table td.col-actions{text-align:center;width:70px;overflow:visible}.phase-16h-data-table.is-selection-mode th.col-id,.phase-16h-data-table.is-selection-mode td.col-id{width:11%}.registration-kebab-trigger{color:#07543e;letter-spacing:1px;cursor:pointer;background:#fffefa;border:1px solid #003f2d1f;border-radius:8px;place-items:center;width:34px;height:30px;font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1;display:inline-grid}.registration-kebab-trigger:hover,.registration-kebab-trigger[aria-expanded=true]{background:#eaf4ee;border-color:#00533b4d}.registration-action-backdrop{z-index:9997;background:0 0;border:0;position:fixed;inset:0}.registration-action-popover{z-index:9998;background:#fffefa;border:1px solid #003f2d1f;border-radius:11px;width:190px;padding:6px;position:fixed;overflow:hidden;box-shadow:0 16px 38px #192e262e}.registration-action-popover button{color:#294b40;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;width:100%;min-height:36px;padding:0 10px;font-size:10.5px;font-weight:600;display:flex}.registration-action-popover button:hover{background:#edf5f0}.registration-action-popover button.danger{color:#b43b3b}.registration-action-popover button.danger:hover{background:#fff0f0}.trash-page{background:#fbf6eb;min-height:calc(100vh - 78px);padding:34px 38px 48px}.trash-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.trash-heading>div:first-child>span{color:#c28b25;letter-spacing:.06em;font-size:10px;font-weight:800}.trash-heading h1{color:#064735;margin:6px 0 5px;font-family:Lora,serif;font-size:31px}.trash-heading p{color:#6c7772;max-width:650px;margin:0;font-size:11.5px;line-height:1.6}.trash-count-card{color:#07543e;background:#fffefa;border:1px solid #003f2d14;border-radius:13px;align-items:center;gap:12px;min-width:170px;min-height:70px;padding:13px 16px;display:flex;box-shadow:0 7px 20px #4231120d}.trash-count-card>div{gap:2px;display:grid}.trash-count-card strong{font-family:Lora,serif;font-size:25px}.trash-count-card span{color:#78827d;font-size:9.5px}.trash-card{background:#fffefa;border:1px solid #003f2d14;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px #4231120d}.trash-toolbar{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 16px;display:flex}.trash-toolbar label{color:#6d7973;border:1px solid #003f2d1f;border-radius:9px;align-items:center;gap:9px;width:min(540px,100%);height:43px;padding:0 12px;display:flex}.trash-toolbar input{color:#344f45;background:0 0;border:0;outline:0;width:100%;font-size:11px}.trash-toolbar>span{color:#8a918d;text-align:right;font-size:9.5px}.trash-table-wrap{overflow-x:auto}.trash-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:940px}.trash-table th,.trash-table td{color:#63716a;text-align:left;vertical-align:middle;border-bottom:1px solid #003f2d12;padding:13px 12px;font-size:10px}.trash-table th{color:#4d5c55;font-size:9.5px;font-weight:750}.trash-table th:first-child{width:110px}.trash-table th:nth-child(2){width:120px}.trash-table th:nth-child(3){width:180px}.trash-table th:nth-child(4){width:220px}.trash-table th:nth-child(5){width:155px}.trash-table th:nth-child(6){width:100px}.trash-table th:nth-child(7){width:175px}.trash-type{color:#52705f;background:#edf3e9;border-radius:999px;padding:5px 8px;font-size:8.5px;font-weight:700;display:inline-flex}.trash-id{color:#07543e;font-size:10.5px}.trash-person{gap:3px;display:grid}.trash-person strong{color:#07543e;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.trash-person span{color:#8a928e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.trash-actions{align-items:center;gap:7px;display:flex}.trash-actions button{color:#315347;cursor:pointer;background:#fffefa;border:1px solid #003f2d1f;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:33px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.trash-actions button.restore{color:#14734d;background:#e8f5ed;border-color:#1181532e}.trash-empty{color:#7b8781;text-align:center;align-content:center;place-items:center;gap:9px;min-height:320px;padding:40px;display:grid}.trash-empty svg{color:#8ca296}.trash-empty h2{color:#174e3e;margin:0;font-family:Lora,serif;font-size:21px}.trash-empty p{margin:0;font-size:10.5px}.trash-dialog{max-width:760px}@media (width>=900px) and (width<=1499px){.phase-16h-toolbar{grid-template-columns:minmax(260px,1fr) 160px 145px minmax(170px,auto)}.phase-16h-data-table th.col-id,.phase-16h-data-table td.col-id{width:13%}.phase-16h-data-table th.col-person,.phase-16h-data-table td.col-person{width:19%}.phase-16h-data-table th.col-program,.phase-16h-data-table td.col-program{width:23%}.phase-16h-data-table th.col-status,.phase-16h-data-table td.col-status{width:16%}.phase-16h-data-table th.col-payment,.phase-16h-data-table td.col-payment{width:11%}.phase-16h-data-table th.col-date,.phase-16h-data-table td.col-date{width:12%}.phase-16h-data-table th.col-actions,.phase-16h-data-table td.col-actions{width:62px}}@media (width<=899px){.trash-page{min-height:auto;padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.trash-heading{flex-direction:column;align-items:stretch}.trash-count-card{min-width:0}.trash-toolbar{flex-direction:column;align-items:stretch}.trash-toolbar>span{text-align:left}.trash-table-wrap{overflow-x:auto}}@media (width>=900px){.phase-16h-toolbar .registration-ref-advanced,.registration-selection-controls button.reset{display:none}.registration-selection-controls>button:first-child{border-radius:9px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;font-size:0;position:relative}.registration-selection-controls>button:first-child:before{content:"";background:#fffefa;border:1.5px solid #527068;border-radius:4px;width:15px;height:15px;display:block}.registration-selection-controls>button:first-child.active:before{background:linear-gradient(135deg,#0000 43%,#fff 43% 52%,#0000 52%) 2px 7px/7px 6px no-repeat,linear-gradient(45deg,#0000 42%,#fff 42% 53%,#0000 53%) 7px 4px/8px 9px no-repeat,#07543e;border-color:#07543e}.registration-selection-controls{justify-content:flex-end;min-height:44px}.phase-16h-toolbar{grid-template-columns:minmax(420px,1fr) 220px auto;align-items:end;gap:12px}.phase-16h-toolbar .registration-ref-search{height:44px;min-height:44px}.phase-16h-toolbar .registration-ref-select{align-self:end}.phase-16h-toolbar .registration-ref-select select{width:100%;height:44px;min-height:44px;padding:0 32px 0 12px;font-size:11.5px}.phase-16h-toolbar .registration-ref-select>span{margin-bottom:4px;font-size:9.5px;display:block}.phase-16h-toolbar .registration-ref-search{margin-bottom:0}.phase-16h-advanced{grid-template-columns:250px minmax(300px,1fr);gap:12px;padding:2px 16px 12px;display:grid}.phase-16h-advanced select{height:42px;min-height:42px;font-size:11px}.phase-16h-data-table th.col-id{text-align:center}.phase-16h-data-table th.col-id,.phase-16h-data-table td.col-id{width:12%}.phase-16h-data-table th.col-person,.phase-16h-data-table td.col-person{width:19%}.phase-16h-data-table th.col-program,.phase-16h-data-table td.col-program{width:22%;padding-right:3px}.phase-16h-data-table th.col-status,.phase-16h-data-table td.col-status{width:18%;padding-left:3px}.phase-16h-data-table th.col-payment,.phase-16h-data-table td.col-payment{width:11%}.phase-16h-data-table th.col-date,.phase-16h-data-table td.col-date{width:13%}.phase-16h-data-table th.col-actions,.phase-16h-data-table td.col-actions{width:64px}.phase-16h-data-table .registration-ref-status{width:100%;max-width:none;height:34px;padding:0 28px 0 10px;font-size:10px}.phase-16h-data-table .registration-ref-program{padding-right:2px}.phase-16h-data-table .registration-ref-program strong,.phase-16h-data-table .registration-ref-program span{max-width:100%}}@media (width>=900px) and (width<=1199px){.phase-16h-toolbar{grid-template-columns:minmax(300px,1fr) 190px auto}.phase-16h-advanced{grid-template-columns:220px minmax(260px,1fr)}}@media (width>=900px){.reference-header-actions{margin-left:auto}.phase-16j-toolbar{grid-template-columns:minmax(420px,1fr) 190px 260px auto;align-items:end;gap:12px;padding-bottom:14px}.phase-16j-toolbar .registration-ref-search,.phase-16j-toolbar .registration-inline-filter select{height:44px;min-height:44px}.phase-16j-toolbar .registration-ref-search{align-self:end}.phase-16j-toolbar .registration-ref-search input{font-size:11.5px}.phase-16j-toolbar .registration-inline-filter{align-self:end;gap:4px}.phase-16j-toolbar .registration-inline-filter>span{margin:0;font-size:9.5px;line-height:1}.phase-16j-toolbar .registration-inline-filter select{width:100%;padding:0 32px 0 12px;font-size:11px}.phase-16j-toolbar .registration-selection-controls{align-self:end;min-height:44px}.phase-16h-advanced{display:none!important}.phase-16h-data-table th.col-id,.phase-16h-data-table td.col-id{width:12%}.phase-16h-data-table th.col-person,.phase-16h-data-table td.col-person{width:20%}.phase-16h-data-table th.col-program,.phase-16h-data-table td.col-program{width:24%;padding-right:2px}.phase-16h-data-table th.col-status,.phase-16h-data-table td.col-status{width:17%;padding-left:2px}.phase-16h-data-table th.col-payment,.phase-16h-data-table td.col-payment{width:11%}.phase-16h-data-table th.col-date,.phase-16h-data-table td.col-date{width:12%}.phase-16h-data-table th.col-actions,.phase-16h-data-table td.col-actions{width:60px}.phase-16h-data-table .registration-ref-status{width:100%;max-width:none;height:34px;padding-left:10px;padding-right:28px;font-size:10px}}@media (width>=900px) and (width<=1199px){.phase-16j-toolbar{grid-template-columns:minmax(300px,1fr) 170px minmax(210px,1fr) auto}}@media (width>=900px){.phase-16j-toolbar{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(150px,180px) minmax(190px,230px) 42px;gap:10px;width:100%;padding-left:16px;padding-right:16px;overflow:hidden}.phase-16j-toolbar>*{min-width:0}.phase-16j-toolbar .registration-selection-controls{justify-self:end;width:42px;min-width:42px;max-width:42px;overflow:visible}.phase-16j-toolbar .registration-selection-controls>button:first-child{width:40px;min-width:40px;max-width:40px;margin:0}.phase-16j-toolbar .registration-selection-controls>button.danger{z-index:10;min-width:max-content;position:absolute;top:52px;right:16px;box-shadow:0 8px 20px #3f26261a}.phase-16j-toolbar .registration-selection-controls{position:relative}.phase-16j-toolbar .registration-ref-search,.phase-16j-toolbar .registration-inline-filter select,.phase-16j-toolbar .registration-selection-controls>button:first-child{height:44px;min-height:44px}.phase-16j-toolbar .registration-ref-search,.phase-16j-toolbar .registration-inline-filter{align-self:end}.phase-16h-data-table{table-layout:fixed;width:100%;min-width:0}.phase-16h-data-table th,.phase-16h-data-table td{box-sizing:border-box;vertical-align:middle;height:72px;padding-top:12px;padding-bottom:12px}.phase-16h-data-table thead th{vertical-align:middle;height:48px;padding-top:0;padding-bottom:0}.phase-16h-data-table th.col-id,.phase-16h-data-table td.col-id{width:12%}.phase-16h-data-table th.col-person,.phase-16h-data-table td.col-person{width:20%}.phase-16h-data-table th.col-program,.phase-16h-data-table td.col-program{width:24%;padding-left:10px;padding-right:8px}.phase-16h-data-table th.col-status,.phase-16h-data-table td.col-status{width:18%;padding-left:8px;padding-right:8px}.phase-16h-data-table th.col-payment,.phase-16h-data-table td.col-payment,.phase-16h-data-table th.col-date,.phase-16h-data-table td.col-date{width:11%;padding-left:8px;padding-right:8px}.phase-16h-data-table th.col-actions,.phase-16h-data-table td.col-actions{text-align:center;width:64px;padding-left:6px;padding-right:6px}.phase-16h-data-table th.col-id{text-align:center}.phase-16h-data-table td.col-id{text-align:left}.phase-16h-data-table .registration-ref-id{white-space:nowrap;text-overflow:clip;width:100%;display:block;overflow:visible}.phase-16h-data-table .registration-ref-person,.phase-16h-data-table .registration-ref-program{align-content:center;gap:3px;min-height:38px;display:grid}.phase-16h-data-table .registration-ref-person strong,.phase-16h-data-table .registration-ref-person span,.phase-16h-data-table .registration-ref-program strong,.phase-16h-data-table .registration-ref-program span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.25;display:block;overflow:hidden}.phase-16h-data-table .registration-ref-status{width:100%;max-width:none;height:36px;margin:0;padding:0 30px 0 11px;font-size:10px;line-height:36px}.phase-16h-data-table .registration-ref-payment{white-space:nowrap;justify-content:center;align-items:center;min-height:30px;margin:0;padding:0 9px;line-height:1;display:inline-flex}.phase-16h-data-table .registration-ref-date{text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.3;display:block;overflow:hidden}.phase-16h-data-table .registration-kebab-trigger{margin:0 auto}.phase-16h-data-table.is-selection-mode .check-col{text-align:center;width:34px;min-width:34px;max-width:34px;padding-left:8px;padding-right:4px}.phase-16h-data-table.is-selection-mode th.col-id,.phase-16h-data-table.is-selection-mode td.col-id{width:11%}}@media (width>=900px) and (width<=1199px){.phase-16j-toolbar{grid-template-columns:minmax(0,1fr) minmax(140px,165px) minmax(180px,210px) 42px}.phase-16h-data-table th.col-person,.phase-16h-data-table td.col-person{width:19%}.phase-16h-data-table th.col-program,.phase-16h-data-table td.col-program{width:23%}.phase-16h-data-table th.col-status,.phase-16h-data-table td.col-status{width:18%}}@media (width>=900px){.phase-16h-data-table .registration-ref-payment{min-height:0;box-shadow:none;color:#66736d;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0;font-size:10px;font-weight:500;line-height:1.35;display:inline}.phase-16j-toolbar .registration-selection-controls{width:24px;min-width:24px;max-width:24px}.phase-16j-toolbar .registration-selection-controls>button:first-child{width:24px;min-width:24px;max-width:24px;height:44px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.phase-16j-toolbar .registration-selection-controls>button:first-child:hover,.phase-16j-toolbar .registration-selection-controls>button:first-child.active{box-shadow:none;background:0 0;border:0}.phase-16j-toolbar .registration-selection-controls>button:first-child:before{width:16px;height:16px;box-shadow:none;background:#fffefa;border:1.5px solid #55736a;border-radius:4px;margin:0}.phase-16j-toolbar .registration-selection-controls>button:first-child.active:before{background:linear-gradient(135deg,#0000 43%,#fff 43% 52%,#0000 52%) 2px 7px/7px 6px no-repeat,linear-gradient(45deg,#0000 42%,#fff 42% 53%,#0000 53%) 7px 4px/8px 9px no-repeat,#07543e;border-color:#07543e}.phase-16j-toolbar{grid-template-columns:minmax(0,1fr) minmax(150px,180px) minmax(190px,230px) 24px}}@media (width>=900px) and (width<=1199px){.phase-16j-toolbar{grid-template-columns:minmax(0,1fr) minmax(140px,165px) minmax(180px,210px) 24px}}@media (width>=900px){.phase-16j-toolbar .registration-selection-controls>button:first-child{place-items:center;width:24px;min-width:24px;max-width:24px;height:44px;min-height:44px;margin:0;padding:0;display:grid}.phase-16j-toolbar .registration-selection-controls>button:first-child:before{margin:0;display:block;transform:translateY(0)}.phase-16j-toolbar .registration-selection-controls{place-self:end center;place-items:center;width:24px;min-width:24px;max-width:24px;height:44px;min-height:44px;margin:0;padding:0;display:grid}.phase-16j-toolbar .registration-selection-controls>button:first-child{width:24px;min-width:24px;max-width:24px;height:44px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:0;line-height:0;position:relative}.phase-16j-toolbar .registration-selection-controls>button:first-child:before{content:"";box-sizing:border-box;width:16px;height:16px;box-shadow:none;background:#fffefa;border:1.5px solid #55736a;border-radius:4px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phase-16j-toolbar .registration-selection-controls>button:first-child:after{content:"";transform-origin:50%;pointer-events:none;border-bottom:2px solid #fff;border-left:2px solid #fff;width:7px;height:4px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%)rotate(-45deg)}.phase-16j-toolbar .registration-selection-controls>button:first-child.active:before{background:#07543e;border-color:#07543e}.phase-16j-toolbar .registration-selection-controls>button:first-child.active:after{display:block}.phase-16j-toolbar .registration-selection-controls>button:first-child:hover:before{border-color:#07543e}.registration-ref-table-card.phase-16h-table{min-height:0}.registration-ref-table-card.phase-16h-table .registration-ref-table-wrap{flex:none;height:auto;min-height:0}.registration-ref-table-card.phase-16h-table .phase-16h-data-table{table-layout:fixed;width:100%;height:auto!important;min-height:0!important}.registration-ref-table-card.phase-16h-table .phase-16h-data-table tbody{height:auto!important}.registration-ref-table-card.phase-16h-table .phase-16h-data-table tbody tr{min-height:72px;max-height:72px;height:72px!important}.registration-ref-table-card.phase-16h-table .phase-16h-data-table thead tr{min-height:48px;max-height:48px;height:48px!important}.registration-ref-table-card.phase-16h-table .phase-16h-data-table tbody td{height:72px}.registration-ref-table-card.phase-16h-table .registration-ref-pagination{margin-top:0}}@media (width<=899px){.registration-ref-table-card.phase-16h-table .phase-16h-data-table{height:auto}}@media (width>=900px){.phase-16j-toolbar{position:relative;overflow:visible}.phase-16j-toolbar .registration-selection-controls{z-index:20;position:relative;overflow:visible}.phase-16j-toolbar .registration-selection-controls>button.danger{z-index:30;color:#b53f3f;white-space:nowrap;background:#fff2f2;border:1px solid #e6bcbc;border-radius:8px;min-width:max-content;height:34px;min-height:34px;margin:0;padding:0 11px;font-size:9.5px;line-height:1;position:absolute;top:50%;right:32px;transform:translateY(-50%);box-shadow:0 5px 14px #602a2a14}.phase-16j-toolbar .registration-selection-controls>button.danger:hover{background:#ffe9e9;border-color:#dca2a2}.registration-ref-table-wrap,.phase-16h-data-table thead{z-index:1;position:relative}}.registration-ref-hero{overflow:hidden}.registration-ref-mosque-art:before{border-color:#d6b15ed1;width:218px;height:37px;left:106px;box-shadow:inset 0 0 0 1px #fff7e159}.registration-ref-mosque-art:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 82%,#e6c57929,#0000 58%),linear-gradient(#fff7e02e,#fff7e000);border-radius:140px 140px 0 0;width:312px;height:92px;position:absolute;bottom:6px;right:38px}.registration-ref-dome{border-color:#d6b15ee0;width:122px;height:82px;bottom:36px;left:154px;box-shadow:inset 0 0 0 1px #fff7e12e}.registration-ref-dome:before{background:#d6b15ee6;height:30px}.registration-ref-dome:after{border-color:#d6b15ee6;width:10px;height:10px;top:-33px;box-shadow:inset 0 0 0 1px #fff7e133}.registration-ref-minaret{border-color:#d6b15ed6;width:24px;box-shadow:inset 0 0 0 1px #fff7e129}.registration-ref-minaret:before{border-color:#d6b15ed6;box-shadow:inset 0 0 0 1px #fff7e129}@media (width<=1280px){.registration-ref-mosque-art{opacity:.38;width:360px;right:160px}}@media (width<=1100px){.registration-ref-mosque-art{opacity:.34;width:320px;right:44px}}.registration-ref-mosque-art{opacity:.52;filter:drop-shadow(0 8px 18px #be8b2d1a);width:438px;height:138px;bottom:4px;right:192px}.registration-ref-mosque-art:before{content:"";box-sizing:border-box;width:270px;height:46px;box-shadow:none;background:#ddb76906;border:1.5px solid #cd9d3feb;border-radius:3px 3px 0 0;position:absolute;bottom:4px;left:92px}.registration-ref-mosque-art:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(at 50% 100%,#0000 0 53%,#cd9d3fd1 54% 57%,#0000 58%) 0 100%/42px 34px no-repeat,radial-gradient(at 50% 100%,#0000 0 53%,#cd9d3fe0 54% 57%,#0000 58%) bottom/46px 38px no-repeat,radial-gradient(at 50% 100%,#0000 0 53%,#cd9d3fd1 54% 57%,#0000 58%) 100% 100%/42px 34px no-repeat;width:202px;height:39px;position:absolute;bottom:4px;left:126px}.registration-ref-dome{z-index:4;box-sizing:border-box;width:146px;height:82px;box-shadow:none;background:#ddb76909;border:1.6px solid #cd9d3ff2;border-bottom:0;border-radius:52% 52% 11% 11%/72% 72% 13% 13%;bottom:49px;left:151px}.registration-ref-dome:before{content:"";background:#cd9d3ff2;width:1.5px;height:28px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.registration-ref-dome:after{content:"";width:11px;height:11px;box-shadow:none;background:0 0;border:1.5px solid #cd9d3ff2;border-right-color:#0000;border-radius:50%;position:absolute;top:-38px;left:50%;transform:translate(-50%)rotate(-18deg)}.registration-ref-minaret{z-index:5;box-sizing:border-box;width:26px;box-shadow:none;background:#ddb76906;border:1.5px solid #cd9d3feb;border-bottom:0;bottom:4px}.registration-ref-minaret:before{content:"";box-sizing:border-box;width:16px;height:19px;box-shadow:none;background:#ddb76905;border:1.5px solid #cd9d3feb;border-bottom:0;border-radius:55% 55% 10% 10%;position:absolute;top:-19px;left:4px}.registration-ref-minaret:after{content:"";background:#cd9d3feb;width:1.5px;height:13px;position:absolute;top:-31px;left:50%;transform:translate(-50%)}.registration-ref-minaret.one{height:89px;left:52px}.registration-ref-minaret.two{height:82px;right:26px}.registration-ref-mosque-art{background:linear-gradient(#cd9d3fd6,#cd9d3fd6) 78px 91px/15px 1.5px no-repeat,linear-gradient(#cd9d3fd6,#cd9d3fd6) 362px 91px/22px 1.5px no-repeat}@media (width<=1280px){.registration-ref-mosque-art{transform-origin:100% 100%;opacity:.47;right:146px;transform:scale(.92)}}@media (width<=1100px){.registration-ref-mosque-art{opacity:.42;right:34px;transform:scale(.84)}}.registration-ref-latest-status{grid-template-rows:auto auto;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:2px 6px;min-width:0;display:grid}.registration-ref-latest-status .status-dot{width:7px;height:7px;box-shadow:none;border:0;border-radius:50%;grid-area:1/1;place-self:center;margin:0;display:block}.registration-ref-latest-status .status-dot.status-menunggu-semakan{background:#d99a16}.registration-ref-latest-status .status-dot.status-lulus-sementara{background:#3d82ef}.registration-ref-latest-status .status-dot.status-menunggu-bayaran{background:#d99a16}.registration-ref-latest-status .status-dot.status-bayaran-berjaya,.registration-ref-latest-status .status-dot.status-aktif{background:#46b77a}.registration-ref-latest-status .status-dot.status-ditolak{background:#e05252}.registration-ref-latest-status small{grid-area:1/2;align-self:center;margin:0;line-height:1.2}.registration-ref-latest-status em{grid-area:2/2;align-self:start;margin:0;line-height:1.2}.student-reference-page{position:relative}.student-ref-hero .registration-ref-title p{max-width:650px}.student-reference-page .student-kpi-red{color:#d93d3d;background:#fde9e8}.student-reference-page .registration-ref-body.student-ref-body{align-items:stretch}.student-reference-page .student-ref-table-card{min-width:0}.student-reference-page .student-ref-toolbar{grid-template-columns:minmax(330px,1fr) minmax(170px,.52fr) minmax(190px,.58fr)}.student-reference-page .student-ref-table{table-layout:fixed;min-width:980px}.student-reference-page .student-ref-table th:first-child{width:104px}.student-reference-page .student-ref-table th:nth-child(2){width:150px}.student-reference-page .student-ref-table th:nth-child(3){width:190px}.student-reference-page .student-ref-table th:nth-child(4){width:94px}.student-reference-page .student-ref-table th:nth-child(5){width:122px}.student-reference-page .student-ref-table th:nth-child(6){width:180px}.student-reference-page .student-ref-table th:nth-child(7){width:105px}.student-reference-page .student-ref-table th:nth-child(8){width:78px}.student-reference-page .student-ref-person-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.student-reference-page .student-ref-person-button:hover strong{color:#0b7758}.student-reference-page .student-status{white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;width:auto;min-width:64px;height:29px;padding:0 10px;font-size:9.5px;font-style:normal;font-weight:700;display:inline-flex}.student-reference-page .student-status-aktif{color:#26764b;background:#e3f4e6}.student-reference-page .student-status-tidak-aktif{color:#9a6817;background:#fff0cf}.student-reference-page .student-status-berhenti{color:#c93d3d;background:#fde6e5}.student-reference-page .student-payment{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:0 10px;font-size:9.3px;font-weight:700;display:inline-flex}.student-reference-page .student-payment-semasa{color:#28744d;background:#e4f3e8}.student-reference-page .student-payment-tertunggak{color:#c83e3e;background:#fde7e6}.student-reference-page .student-payment-dikecualikan{color:#5f6964;background:#eef0ef}.student-reference-page .student-ref-attendance{min-width:88px}.student-reference-page .student-ref-attendance strong{color:#123f32;margin-bottom:7px;font-size:11.2px;display:block}.student-reference-page .student-ref-attendance>span{background:#e5e8e5;border-radius:999px;width:82px;height:6px;display:block;overflow:hidden}.student-reference-page .student-ref-attendance>span>i{border-radius:inherit;background:#0a7555;height:100%;display:block}.student-reference-page .student-ref-progress{color:#627069;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;display:block;overflow:hidden}.student-reference-page .student-ref-actions{justify-content:center}.student-reference-page .student-ref-actions .student-ref-more-button{color:#173d32;width:40px;height:31px;box-shadow:none;cursor:pointer;background:#fffefa;border:1px solid #003f2d1a;border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;display:inline-flex}.student-reference-page .student-ref-actions .student-ref-more-button:hover{background:#f5faf6;border-color:#00533b40}.student-reference-page .student-ref-actions .student-ref-more-button span{letter-spacing:1px;font-family:Arial,sans-serif;font-size:15px;font-weight:800;position:relative;top:-2px}.student-reference-page .student-ref-pagination{border-top:1px solid #003f2d13}.student-reference-page .student-ref-page-ellipsis{color:#7f8782;padding:0 4px}.student-action-popover{width:202px;max-height:min(390px,100vh - 16px);overflow-y:auto}.student-reference-page .student-ref-latest-list>button{grid-template-columns:32px minmax(0,1fr) 100px}.student-reference-page .student-ref-latest-status{padding-left:12px;position:relative}.student-reference-page .student-ref-status-dot{border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:0}.student-reference-page .student-ref-status-dot.green{background:#07845c}.student-reference-page .student-ref-status-dot.gold{background:#df8f19}.student-reference-page .student-ref-status-dot.red{background:#d83d43}.student-reference-page .registration-ref-insight-card.today .dot.orange{background:#f09a20}.student-reference-page .student-ref-focus-card{min-height:138px}.student-reference-page .student-ref-monitor-flow{margin-top:18px}.student-reference-page .student-ref-monitor-flow>div b{justify-content:center;align-items:center;display:inline-flex}.student-reference-page .student-ref-monitor-flow>div.attention b{color:#b77a16;background:#fff0ce;border-color:#e4ae45}.student-reference-page .student-ref-monitor-flow>i{border-top-style:dotted}@media (width>=1500px){.student-reference-page{padding-inline:42px}.student-reference-page .registration-ref-body.student-ref-body{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.student-reference-page .student-ref-table{min-width:0}}@media (width>=900px) and (width<=1499px){.student-reference-page .registration-ref-body.student-ref-body{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 248px;align-items:start;gap:14px;display:grid}.student-reference-page .student-ref-table-card{grid-area:1/1/span 2}.student-reference-page .student-ref-insights{display:contents}.student-reference-page .student-ref-insights .today{grid-area:1/2}.student-reference-page .student-ref-insights .latest{grid-area:2/2}.student-reference-page .student-ref-insights .student-ref-focus-card{grid-area:3/1/auto/-1}.student-reference-page .registration-ref-table-wrap{overflow-x:auto}.student-reference-page .student-ref-toolbar{grid-template-columns:minmax(260px,1fr) 150px 165px}.student-reference-page .student-ref-table{min-width:940px}}@media (width<=899px){.student-reference-page .student-ref-body{display:none}.student-reference-page .student-ref-hero{margin-bottom:14px}}@media (width>=900px){.student-reference-page .student-ref-toolbar{grid-template-columns:minmax(360px,1.55fr) repeat(2,minmax(210px,.72fr));align-items:end;column-gap:12px}.student-reference-page .student-ref-toolbar .registration-ref-search{border-radius:9px;align-self:end;width:100%;height:40px;min-height:40px;margin:0;padding:0 13px}.student-reference-page .student-ref-toolbar .registration-ref-search input{height:38px;min-height:38px;padding:0 0 0 2px;line-height:38px}.student-reference-page .student-ref-toolbar .registration-ref-select{grid-template-rows:16px 40px;align-self:end;gap:4px;width:100%;min-width:0;margin:0;display:grid}.student-reference-page .student-ref-toolbar .registration-ref-select>span{align-items:center;height:16px;margin:0;padding:0 2px;font-size:10px;line-height:16px;display:flex}.student-reference-page .student-ref-toolbar .registration-ref-select select{border-radius:9px;width:100%;height:40px;min-height:40px;margin:0;padding-top:0;padding-bottom:0;line-height:40px}}@media (width>=900px) and (width<=1499px){.student-reference-page .student-ref-toolbar{grid-template-columns:minmax(300px,1.45fr) repeat(2,minmax(185px,.78fr));column-gap:10px}}@media (width>=900px){.student-reference-page .registration-ref-table-wrap{flex:auto;min-height:0;display:block}.student-reference-page .student-ref-table{height:auto!important}.student-reference-page .student-ref-table tbody tr{height:66px!important}.student-reference-page .student-ref-table tbody td{vertical-align:middle;height:66px}.student-reference-page .student-ref-actions .student-ref-more-button{border-radius:7px;flex:0 0 25px;width:25px;min-width:25px;height:25px;min-height:25px;padding:0}.student-reference-page .student-ref-actions .student-ref-more-button span{letter-spacing:.4px;font-size:11px;line-height:1;top:-1px}}.teacher-page{max-width:100%}.teacher-page .teacher-page-heading{margin-bottom:20px}.teacher-page .teacher-page-heading h1{letter-spacing:-.02em;font-size:31px}.teacher-page .teacher-page-heading p{max-width:760px}.teacher-page .teacher-page-heading .teacher-button.primary{min-width:132px;box-shadow:0 8px 20px #004c3624}.teacher-page .teacher-kpi-grid-v2{gap:14px}.teacher-page .teacher-kpi-grid-v2>article{background:#fffefaf0;border:1px solid #003f2d14;border-radius:14px;align-items:center;gap:15px;min-height:102px;padding:17px 18px;display:flex;box-shadow:0 7px 20px #4a3a1a0b}.teacher-page .teacher-kpi-grid-v2>article>i{display:none}.teacher-page .teacher-kpi-icon{border-radius:50%;flex:0 0 56px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.teacher-page .teacher-kpi-icon.tone-green{color:#15904a;background:#e4f4e7}.teacher-page .teacher-kpi-icon.tone-blue{color:#2879dd;background:#e6f0ff}.teacher-page .teacher-kpi-icon.tone-gold{color:#cf8b13;background:#fff0ce}.teacher-page .teacher-kpi-icon.tone-orange{color:#cf7a17;background:#fff0dd}.teacher-page .teacher-kpi-copy{gap:2px;min-width:0;display:grid}.teacher-page .teacher-kpi-copy>span{color:#52615b;font-size:11px;font-weight:500}.teacher-page .teacher-kpi-copy>strong{color:var(--ink-green);font-family:Lora,serif;font-size:28px;line-height:1.05}.teacher-page .teacher-kpi-copy>small{color:#89918d;margin-top:3px;font-size:9px;line-height:1.25}.teacher-page .teacher-management-card{border-color:#003f2d16;overflow:visible;box-shadow:0 8px 24px #4a3a1a0b}.teacher-page .teacher-toolbar{grid-template-columns:minmax(340px,1fr) minmax(150px,.23fr) minmax(190px,.3fr) auto;align-items:center;gap:10px;padding:14px 16px;display:grid}.teacher-page .teacher-search,.teacher-page .teacher-filter{border-radius:9px;height:40px;min-height:40px;margin:0}.teacher-page .teacher-search{width:100%;padding-inline:13px}.teacher-page .teacher-search input{height:38px;min-height:38px;line-height:38px}.teacher-page .teacher-filter{width:100%;min-width:0;padding-top:0;padding-bottom:0}.teacher-page .teacher-record-count{color:#718079;text-align:right;white-space:nowrap;min-width:58px}.teacher-page .teacher-table-wrap{min-height:0;overflow-x:auto}.teacher-page .teacher-table{table-layout:fixed;min-width:1080px;height:auto!important}.teacher-page .teacher-table th:first-child{width:112px}.teacher-page .teacher-table th:nth-child(2){width:180px}.teacher-page .teacher-table th:nth-child(3){width:160px}.teacher-page .teacher-table th:nth-child(4){width:215px}.teacher-page .teacher-table th:nth-child(5){width:122px}.teacher-page .teacher-table th:nth-child(6){width:135px}.teacher-page .teacher-table th:nth-child(8){width:76px}.teacher-page .teacher-table tbody tr{height:64px!important}.teacher-page .teacher-table tbody td{vertical-align:middle;height:64px}.teacher-page .teacher-specialization{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.teacher-page .teacher-class-summary{min-width:0}.teacher-page .teacher-class-summary>strong,.teacher-page .teacher-class-summary>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.teacher-page .teacher-class-summary>span{margin-top:3px}.teacher-page .teacher-status{border-radius:999px;min-width:99px;height:30px;padding:0 26px 0 11px;font-size:9px;font-weight:700}.teacher-page .teacher-attendance{min-width:92px}.teacher-page .teacher-attendance>span{width:78px}.teacher-page .teacher-row-actions{justify-content:flex-start;gap:5px}.teacher-page .teacher-icon-action{border-radius:8px;flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;padding:0}.teacher-page .teacher-assign-action{color:#9a6a12;background:#fffaf0;border-color:#c7912640}.teacher-page .teacher-assign-action:hover{background:#fff4dc;border-color:#c7912673}.teacher-button.danger{color:#bd3f3f;background:#fff5f4;border-color:#c83d3d2e}.teacher-button.danger:hover{background:#fdeceb}.teacher-dialog:has(.teacher-assign-form){width:min(760px,100vw - 32px)}.teacher-assign-form{gap:20px;display:grid}.teacher-assign-summary{grid-template-columns:1.25fr 1fr .72fr;gap:10px;display:grid}.teacher-assign-summary>div{background:#fbfcf8;border:1px solid #003f2d17;border-radius:11px;gap:3px;min-width:0;padding:12px 13px;display:grid}.teacher-assign-summary span,.teacher-assign-heading p{color:#7b8781;font-size:9.5px}.teacher-assign-summary strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.teacher-assign-summary small{color:#9a7a38;font-size:9px}.teacher-assign-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.teacher-assign-heading h3{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:17px}.teacher-assign-heading p{max-width:490px;margin:4px 0 0;line-height:1.45}.teacher-assign-heading>button{color:#a46b18;cursor:pointer;background:0 0;border:0;font-size:9.5px;font-weight:700}.teacher-assign-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.teacher-assign-class-grid>label{cursor:pointer;background:#fffefa;border:1px solid #003f2d17;border-radius:11px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:10px;min-height:60px;padding:10px 12px;transition:border-color .14s,background .14s,box-shadow .14s;display:grid}.teacher-assign-class-grid>label:hover{background:#fbfdf9;border-color:#005b403b}.teacher-assign-class-grid>label.is-selected{background:#f2faf4;border-color:#00704e4d;box-shadow:inset 0 0 0 1px #00704e0d}.teacher-assign-class-grid input{opacity:0;pointer-events:none;position:absolute}.teacher-assign-check{color:#fff;background:#fff;border:1px solid #004c362e;border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;font-size:13px;font-weight:800;display:inline-flex}.teacher-assign-class-grid>label.is-selected .teacher-assign-check{background:#0b7858;border-color:#0b7858}.teacher-assign-class-copy{gap:3px;min-width:0;display:grid}.teacher-assign-class-copy strong{color:#174739;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.teacher-assign-class-copy small{color:#89938e;font-size:8.8px}.teacher-assign-actions{border-top:1px solid #003f2d14;margin-top:0;padding-top:15px}.teacher-profile-actions{flex-wrap:wrap}.teacher-profile-actions .teacher-assign-button{color:#8d641b;background:#fffaf0;border-color:#bd89263b}@media (width<=1180px) and (width>=900px){.teacher-page .teacher-toolbar{grid-template-columns:minmax(280px,1fr) minmax(135px,.34fr) minmax(170px,.42fr)}.teacher-page .teacher-record-count{text-align:left;grid-column:1/-1}}@media (width<=899px){.teacher-page .teacher-kpi-grid-v2>article{min-height:88px;padding:13px}.teacher-page .teacher-kpi-icon{flex-basis:46px;width:46px;height:46px}.teacher-page .teacher-kpi-copy>strong{font-size:23px}.teacher-assign-summary,.teacher-assign-class-grid{grid-template-columns:1fr}.teacher-assign-heading{align-items:flex-start}}.class-page{max-width:100%}.class-page .class-page-heading{margin-bottom:20px}.class-page .class-page-heading h1{letter-spacing:-.02em;font-size:31px}.class-page .class-page-heading p{max-width:760px}.class-page .class-page-heading .class-button.primary{min-width:135px;box-shadow:0 8px 20px #004c3624}.class-page .class-kpi-grid-v2{gap:14px}.class-page .class-kpi-grid-v2>article{background:#fffefaf0;border:1px solid #003f2d14;border-radius:14px;align-items:center;gap:15px;min-height:102px;padding:17px 18px;display:flex;box-shadow:0 7px 20px #4a3a1a0b}.class-page .class-kpi-grid-v2>article>i{display:none}.class-page .class-kpi-icon{border-radius:50%;flex:0 0 56px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.class-page .class-kpi-icon.tone-green{color:#15904a;background:#e4f4e7}.class-page .class-kpi-icon.tone-orange{color:#d17c17;background:#fff0dd}.class-page .class-kpi-icon.tone-blue{color:#2879dd;background:#e6f0ff}.class-page .class-kpi-icon.tone-gold{color:#cf8b13;background:#fff0ce}.class-page .class-kpi-copy{gap:2px;min-width:0;display:grid}.class-page .class-kpi-copy>span{color:#52615b;font-size:11px;font-weight:500}.class-page .class-kpi-copy>strong{color:var(--ink-green);font-family:Lora,serif;font-size:28px;line-height:1.05}.class-page .class-kpi-copy>small{color:#89918d;margin-top:3px;font-size:9px;line-height:1.25}.class-page .class-management-card{border-color:#003f2d16;overflow:visible;box-shadow:0 8px 24px #4a3a1a0b}.class-page .class-toolbar{grid-template-columns:minmax(340px,1fr) minmax(150px,.24fr) minmax(185px,.3fr) auto;align-items:center;gap:10px;min-height:68px;padding:14px 16px;display:grid}.class-page .class-search,.class-page .class-filter{border-radius:9px;height:40px;min-height:40px;margin:0}.class-page .class-search{width:100%;padding-inline:13px}.class-page .class-search input{height:38px;min-height:38px;line-height:38px}.class-page .class-filter{width:100%;min-width:0;padding-top:0;padding-bottom:0}.class-page .class-filter.wide{width:100%}.class-page .class-record-count{color:#718079;text-align:right;white-space:nowrap;min-width:62px}.class-page .class-table-wrap{min-height:0;overflow-x:auto}.class-page .class-table{table-layout:fixed;min-width:1050px;height:auto!important}.class-page .class-table th:first-child{width:105px}.class-page .class-table th:nth-child(2){width:210px}.class-page .class-table th:nth-child(3){width:145px}.class-page .class-table th:nth-child(4){width:165px}.class-page .class-table th:nth-child(5),.class-page .class-table th:nth-child(6),.class-page .class-table th:nth-child(7){width:125px}.class-page .class-table tbody tr{height:64px!important}.class-page .class-table tbody td{vertical-align:middle;height:64px}.class-page .class-name-cell,.class-page .class-schedule-cell{min-width:0}.class-page .class-name-cell strong,.class-page .class-name-cell span,.class-page .class-schedule-cell strong,.class-page .class-schedule-cell span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-page .class-teacher-cell{min-width:0}.class-page .class-teacher-cell span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-page .class-status{border-radius:999px;min-width:105px;max-width:120px;height:30px;padding:0 25px 0 10px;font-size:8.8px;font-weight:700}.class-page .class-capacity>span{width:82px}.class-page .class-row-actions{justify-content:flex-start;gap:5px}.class-page .class-icon-action{border-radius:8px;flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;padding:0}.class-page .class-manage-action{color:#9a6a12;background:#fffaf0;border-color:#c7912640}.class-page .class-manage-action:hover{background:#fff4dc;border-color:#c7912673}.class-button.danger{color:#bd3f3f;background:#fff5f4;border-color:#c83d3d2e}.class-button.danger:hover{background:#fdeceb}.class-dialog:has(.class-manage-form){width:min(720px,100vw - 32px)}.class-manage-form{gap:20px;display:grid}.class-manage-summary{grid-template-columns:1.3fr 1fr .72fr;gap:10px;display:grid}.class-manage-summary>div{background:#fbfcf8;border:1px solid #003f2d17;border-radius:11px;gap:3px;min-width:0;padding:12px 13px;display:grid}.class-manage-summary span,.class-manage-section-heading p{color:#7b8781;font-size:9.5px}.class-manage-summary strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.class-manage-summary small{color:#9a7a38;font-size:9px}.class-manage-section-heading h3{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:17px}.class-manage-section-heading p{max-width:540px;margin:4px 0 0;line-height:1.45}.class-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.class-manage-grid label{color:#53625c;gap:6px;min-width:0;font-size:9.5px;font-weight:600;display:grid}.class-manage-grid label.class-manage-wide{grid-column:1/-1}.class-manage-grid input,.class-manage-grid select{color:#23483c;width:100%;height:40px;min-height:40px;font:inherit;background:#fffefa;border:1px solid #003f2d21;border-radius:9px;outline:0;padding:0 11px}.class-manage-grid input:focus,.class-manage-grid select:focus{border-color:#0067496b;box-shadow:0 0 0 3px #00674912}.class-manage-grid label>small{color:#969d99;font-size:8.7px;font-weight:400}.class-manage-actions{border-top:1px solid #003f2d14;margin-top:0;padding-top:15px}.class-profile-actions{flex-wrap:wrap}.class-profile-actions .class-manage-button{color:#8d641b;background:#fffaf0;border-color:#bd89263b}@media (width<=1180px) and (width>=900px){.class-page .class-toolbar{grid-template-columns:minmax(280px,1fr) minmax(135px,.34fr) minmax(170px,.42fr)}.class-page .class-record-count{text-align:left;grid-column:1/-1}}@media (width<=899px){.class-page .class-kpi-grid-v2>article{min-height:88px;padding:13px}.class-page .class-kpi-icon{flex-basis:46px;width:46px;height:46px}.class-page .class-kpi-copy>strong{font-size:23px}.class-manage-summary,.class-manage-grid{grid-template-columns:1fr}.class-manage-grid label.class-manage-wide{grid-column:auto}}.teacher-page .teacher-row-actions-single{justify-content:center}.teacher-page .teacher-table th:nth-child(7){width:92px}.teacher-page .teacher-table th:nth-child(9){width:72px}.teacher-derived-metrics{background:#f7fbf7;border:1px solid #00593f1a;border-radius:11px;gap:12px;padding:13px;display:grid}.teacher-derived-heading{color:#17634d;align-items:flex-start;gap:9px;display:flex}.teacher-derived-heading>svg{flex:none;margin-top:1px}.teacher-derived-heading>div{gap:3px;display:grid}.teacher-derived-heading strong{color:var(--ink-green);font-size:10.5px}.teacher-derived-heading span{color:#75827c;font-size:9px;font-weight:400;line-height:1.4}.teacher-derived-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.teacher-derived-grid>div{background:#fffefa;border:1px solid #003f2d12;border-radius:9px;gap:3px;padding:10px 11px;display:grid}.teacher-derived-grid span{color:#76817c;font-size:8.7px}.teacher-derived-grid strong{color:var(--ink-green);font-family:Lora,serif;font-size:16px;line-height:1.15}.teacher-derived-grid small{color:#999f9b;font-size:8px;font-weight:400;line-height:1.3}.teacher-mobile-actions-simple{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=899px){.teacher-derived-grid{grid-template-columns:1fr}}.class-page .class-row-actions-single{justify-content:center}.class-page .class-table th:nth-child(8){width:72px}.class-derived-field{background:#f7fbf7;border:1px solid #00593f1a;border-radius:9px;align-content:center;gap:3px;min-height:66px;padding:9px 11px;display:grid}.class-derived-field>span{color:#62706a;font-size:9.5px;font-weight:600}.class-derived-field>strong{color:var(--ink-green);font-family:Lora,serif;font-size:17px;line-height:1.1}.class-derived-field>small{color:#929b96;font-size:8px;font-weight:400;line-height:1.35}.class-mobile-actions-simple{grid-template-columns:repeat(2,minmax(0,1fr))}.class-form .class-name-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.class-form .class-name-label>small{color:#9a7a38;font-size:8px;font-weight:500}.class-form select,.class-manage-form select{cursor:pointer}.class-time-dropdown{width:100%;position:relative}.class-time-dropdown.is-open{z-index:90}.class-time-trigger{color:#23483c;width:100%;height:40px;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:#fffefa;border:1px solid #003f2d21;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.class-time-trigger:hover{border-color:#005c413d}.class-time-dropdown.is-open .class-time-trigger,.class-time-trigger:focus-visible{border-color:#0067496b;outline:0;box-shadow:0 0 0 3px #00674912}.class-time-chevron{color:#173f33;flex:none;font-size:13px;line-height:1;transition:transform .14s}.class-time-dropdown.is-open .class-time-chevron{transform:rotate(180deg)}.class-time-menu{z-index:100;overscroll-behavior:contain;background:#fffefa;border:1px solid #003f2d24;border-radius:10px;max-height:196px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 34px #182f2729,0 2px 7px #182f2712}.class-time-option{color:#29493f;width:100%;min-height:31px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:6px 9px;display:flex}.class-time-option:hover{background:#f4f8f3}.class-time-option.is-selected{color:#096746;background:#e9f5ec;font-weight:700}.class-time-menu::-webkit-scrollbar{width:7px}.class-time-menu::-webkit-scrollbar-track{background:0 0}.class-time-menu::-webkit-scrollbar-thumb{background:#004f3838;border:2px solid #fffefa;border-radius:999px}@media (width<=899px){.class-time-menu{max-height:176px}}.attendance-reference-page{min-width:0;color:var(--ink-green);padding:30px 34px 46px}.attendance-ref-hero{justify-content:space-between;align-items:center;gap:28px;min-height:116px;display:flex;position:relative;overflow:hidden}.attendance-ref-hero-copy{z-index:2;position:relative}.attendance-ref-hero-copy>span{color:#c88a21;letter-spacing:.9px;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.attendance-ref-hero-copy h1{color:var(--ink-green);letter-spacing:-.02em;margin:0;font-family:Lora,Georgia,serif;font-size:31px;font-weight:600;line-height:1.12}.attendance-ref-hero-copy p{color:#6f7974;max-width:700px;margin:8px 0 0;font-size:11.5px;line-height:1.55}.attendance-ref-hero-pattern{z-index:0;color:#d8ae55;opacity:.17;pointer-events:none;transform-origin:50%;width:390px;height:210px;position:absolute;top:-54px;right:28px;transform:rotate(8deg)scale(1.18)}.attendance-ref-primary{z-index:3;color:#fff;cursor:pointer;background:#00563f;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:138px;height:43px;font-size:10px;font-weight:750;display:inline-flex;position:relative;box-shadow:0 9px 22px #00473226}.attendance-ref-primary:hover{background:#004b38}.attendance-ref-tabs{z-index:4;background:#fffefae6;border:1px solid #003e2c1a;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 5px 16px #43371e09}.attendance-ref-tabs button{color:#59645f;cursor:pointer;background:0 0;border:0;border-right:1px solid #003e2c17;justify-content:center;align-items:center;gap:8px;height:44px;font-size:10px;font-weight:650;display:inline-flex;position:relative}.attendance-ref-tabs button:last-child{border-right:0}.attendance-ref-tabs button.is-active{color:#fff;background:linear-gradient(135deg,#00634a,#00745a);box-shadow:inset 0 -3px #e7ab2d}.attendance-ref-tabs button.is-active:after{content:"";background:#efb43b;border-radius:999px;height:2px;position:absolute;bottom:-1px;left:18%;right:18%}.attendance-ref-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:12px;display:grid}.attendance-ref-kpis article{background:#fffefaf5;border:1px solid #003e2c16;border-radius:13px;align-items:center;gap:13px;min-width:0;min-height:104px;padding:15px 17px;display:flex;box-shadow:0 6px 18px #3d301509}.attendance-ref-kpi-icon{border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.attendance-ref-kpi-icon.tone-green{color:#07874d;background:#dbf1df}.attendance-ref-kpi-icon.tone-deep{color:#05874f;background:#dcefe5}.attendance-ref-kpi-icon.tone-gold{color:#d59212;background:#fff0c9}.attendance-ref-kpi-icon.tone-red{color:#d84c49;background:#fee1df}.attendance-ref-alert-mark{border:2px solid;border-radius:6px 6px 12px 12px;justify-content:center;align-items:center;width:24px;height:24px;font-family:Lora,serif;font-size:15px;font-weight:800;display:inline-flex}.attendance-ref-kpi-copy{flex:1;gap:2px;min-width:0;display:grid}.attendance-ref-kpi-copy>span{color:#52605a;font-size:9.5px;font-weight:600}.attendance-ref-kpi-copy>strong{color:var(--ink-green);font-family:Lora,Georgia,serif;font-size:27px;line-height:1.05}.attendance-ref-kpi-copy>small{color:#858e89;font-size:8.2px}.attendance-ref-kpi-copy>em{color:#0b8a57;margin-top:3px;font-size:7.8px;font-style:normal;font-weight:650}.attendance-ref-kpi-copy>em.danger{color:#d94d49}.attendance-ref-ring circle{fill:none;stroke-width:4px}.attendance-ref-ring-track{stroke:#edf0ec}.attendance-ref-ring-value{stroke-linecap:round}.attendance-ref-ring.tone-green .attendance-ref-ring-value{stroke:#07905a}.attendance-ref-ring.tone-gold .attendance-ref-ring-value{stroke:#eda814}.attendance-ref-ring.tone-red .attendance-ref-ring-value{stroke:#ed625f}.attendance-ref-workspace{background:#fffefaf5;border:1px solid #003e2c16;border-radius:14px;position:relative;box-shadow:0 8px 24px #3d30150a}.attendance-ref-toolbar{border-bottom:1px solid #003e2c13;grid-template-columns:minmax(280px,1fr) minmax(270px,.62fr) minmax(150px,.34fr) minmax(150px,.34fr) auto;align-items:center;gap:9px;padding:12px;display:grid}.attendance-ref-search,.attendance-ref-date-range,.attendance-ref-filter,.attendance-ref-outline{color:#29483e;background:#fffefa;border:1px solid #003f2d1f;border-radius:8px;height:38px;min-height:38px}.attendance-ref-search{align-items:center;gap:9px;padding:0 11px;display:flex}.attendance-ref-search svg{color:#61706a;flex:none}.attendance-ref-search input{color:#29483e;width:100%;min-width:0;height:36px;font:inherit;background:0 0;border:0;outline:0;font-size:9.5px}.attendance-ref-search input::placeholder{color:#9da4a0}.attendance-ref-date-range{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;min-width:0;padding:0 8px;display:grid}.attendance-ref-date-range>svg{color:#5d6a65}.attendance-ref-date-range>span{color:#9aa19d;font-size:8px}.attendance-ref-date-range input{color:#365048;width:100%;min-width:0;height:30px;font:inherit;background:0 0;border:0;outline:0;font-size:8.1px}.attendance-ref-filter{width:100%;min-width:0;font:inherit;outline:0;padding:0 28px 0 10px;font-size:8.8px}.attendance-ref-toolbar-actions{align-items:center;gap:7px;display:flex}.attendance-ref-outline{min-width:78px;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:8.7px;font-weight:650;display:inline-flex}.attendance-ref-outline>svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.attendance-ref-outline:hover,.attendance-ref-outline.is-active{color:#006447;background:#f1f8f3;border-color:#0060444d}.attendance-ref-export-wrap{position:relative}.attendance-ref-export-menu{z-index:120;background:#fffefa;border:1px solid #003f2d1f;border-radius:10px;gap:4px;width:190px;padding:9px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 34px #182f2729}.attendance-ref-export-menu>strong{color:var(--ink-green);padding:4px 7px 6px;font-size:9px}.attendance-ref-export-menu>button{color:#365048;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:0 9px;font-size:9px;font-weight:650;display:flex}.attendance-ref-export-menu>button:hover{color:#006447;background:#f1f7f2}.attendance-ref-export-menu>button span{color:#9a7c3f;font-size:8px;font-weight:500}.attendance-ref-export-menu>small{color:#929b96;border-top:1px solid #003f2d12;padding:5px 7px 2px;font-size:7.5px;line-height:1.35}.attendance-ref-advanced-filter{background:#fbfcf8;border-bottom:1px solid #003f2d12;align-items:center;gap:12px;min-height:48px;padding:8px 13px;display:flex}.attendance-ref-advanced-filter label{color:#596660;align-items:center;gap:8px;font-size:8.5px;display:flex}.attendance-ref-advanced-filter select{color:#365048;min-width:135px;height:31px;font:inherit;background:#fff;border:1px solid #003f2d1f;border-radius:7px;padding:0 25px 0 8px;font-size:8.5px}.attendance-ref-advanced-filter button{color:#986a19;height:31px;font:inherit;cursor:pointer;background:0 0;border:0;font-size:8.5px;font-weight:650}.attendance-ref-advanced-filter>span{color:#7e8883;margin-left:auto;font-size:8px}.attendance-ref-analytics{grid-template-columns:1.23fr .92fr 1fr;gap:10px;padding:10px 10px 0;display:grid}.attendance-ref-analytics.is-analytics-view{padding-bottom:10px}.attendance-ref-chart-card{background:#fffefa;border:1px solid #003f2d14;border-radius:9px;min-width:0;min-height:178px;padding:12px 13px}.attendance-ref-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;min-height:24px;display:flex}.attendance-ref-card-heading>strong,.attendance-ref-card-heading>div>strong{color:#173f33;font-size:9.5px;font-weight:750}.attendance-ref-card-heading>span,.attendance-ref-card-heading>div>span{color:#8e9692;font-size:7.5px}.attendance-ref-chart-legend{align-items:center;gap:12px;display:flex}.attendance-ref-chart-legend span{color:#66716c;align-items:center;gap:5px;font-size:7.3px;display:inline-flex}.attendance-ref-chart-legend i{border-radius:999px;width:9px;height:2px}.attendance-ref-chart-legend i.student{background:#087d54}.attendance-ref-chart-legend i.teacher{background:#eaa515}.attendance-ref-line-chart{grid-template-columns:22px minmax(0,1fr);gap:4px;height:130px;margin-top:5px;display:grid}.attendance-ref-y-axis{color:#86908b;text-align:right;flex-direction:column;justify-content:space-between;height:112px;font-size:6.7px;display:flex}.attendance-ref-chart-canvas{background:linear-gradient(#003f2d0e 1px,#0000 1px) 0 0/100% 25%;min-width:0;height:130px;position:relative}.attendance-ref-chart-canvas svg{width:100%;height:112px;overflow:visible}.attendance-ref-line{fill:none;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round}.attendance-ref-line.student{stroke:#087d54}.attendance-ref-line.teacher{stroke:#eaa515}.attendance-ref-point{stroke:#fffefa;stroke-width:2px}.attendance-ref-point.student{fill:#087d54}.attendance-ref-point.teacher{fill:#eaa515}.attendance-ref-x-axis{color:#66716c;justify-content:space-around;align-items:center;gap:4px;font-size:7px;display:flex}.attendance-ref-chart-empty{color:#929b96;place-items:center;height:112px;font-size:8px;display:grid}.attendance-ref-comparison{grid-template-columns:1fr 34px 1fr;align-items:center;gap:10px;height:133px;display:grid}.attendance-ref-comparison>div{gap:5px;min-width:0;display:grid}.attendance-ref-comparison>div>span{color:#68736e;font-size:8px}.attendance-ref-comparison>div>strong{color:var(--ink-green);font-family:Lora,serif;font-size:26px;line-height:1}.attendance-ref-comparison>div>div{background:#edf0ec;border-radius:999px;height:5px;overflow:hidden}.attendance-ref-comparison>div>div>i{border-radius:inherit;background:#087d54;height:100%;display:block}.attendance-ref-comparison>div.teacher>div>i{background:#eaa515}.attendance-ref-comparison small{color:#0a8a56;font-size:7.2px}.attendance-ref-comparison>b{color:#596660;border:1px solid #003f2d1a;border-radius:50%;place-items:center;width:31px;height:31px;font-size:7px;display:grid}.attendance-ref-status-layout{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:12px;min-height:132px;display:grid}.attendance-ref-donut{border-radius:50%;place-items:center;width:108px;height:108px;display:grid}.attendance-ref-donut>div{background:#fffefa;border-radius:50%;align-content:center;place-items:center;width:67px;height:67px;display:grid;box-shadow:inset 0 0 0 1px #003f2d08}.attendance-ref-donut span,.attendance-ref-donut small{color:#7f8884;font-size:7px}.attendance-ref-donut strong{color:var(--ink-green);font-family:Lora,serif;font-size:19px;line-height:1}.attendance-ref-status-legend{gap:9px;min-width:0;display:grid}.attendance-ref-status-legend>div{color:#53605a;justify-content:space-between;align-items:center;gap:7px;font-size:7.5px;display:flex}.attendance-ref-status-legend>div>span{align-items:center;gap:6px;min-width:0;display:inline-flex}.attendance-ref-status-legend i{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.attendance-ref-status-legend i.tone-1{background:#3da965}.attendance-ref-status-legend i.tone-2{background:#f2ae25}.attendance-ref-status-legend i.tone-3{background:#70aef4}.attendance-ref-status-legend i.tone-4{background:#ef6b67}.attendance-ref-status-legend strong{color:#334b42;white-space:nowrap;font-size:7.4px}.attendance-ref-table-card,.attendance-ref-review-card{background:#fffefa;border:1px solid #003f2d13;border-radius:9px;margin:10px;overflow:visible}.attendance-ref-table-title{border-bottom:1px solid #003f2d0f;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:8px 11px;display:flex}.attendance-ref-table-title>div{gap:2px;display:grid}.attendance-ref-table-title strong{color:#173f33;font-size:9.5px;font-weight:750}.attendance-ref-table-title small,.attendance-ref-table-title>span{color:#87908c;font-size:7.5px}.attendance-ref-table-wrap{width:100%;overflow-x:auto}.attendance-ref-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1020px}.attendance-ref-table th{color:#46564f;text-align:left;white-space:nowrap;border-bottom:1px solid #003f2d14;height:34px;padding:0 9px;font-size:7.4px;font-weight:750}.attendance-ref-table td{color:#52615b;vertical-align:middle;border-bottom:1px solid #003f2d11;height:57px;padding:7px 9px;font-size:7.6px}.attendance-ref-table tbody tr:last-child td{border-bottom:0}.attendance-ref-table tbody tr:hover{background:#fcfdf9}.attendance-ref-table th:first-child{width:106px}.attendance-ref-table th:nth-child(2){width:190px}.attendance-ref-table th:nth-child(3){width:116px}.attendance-ref-table th:nth-child(4){width:142px}.attendance-ref-table th:nth-child(5){width:148px}.attendance-ref-table th:nth-child(6){width:130px}.attendance-ref-table th:nth-child(7){width:116px}.attendance-ref-table th:nth-child(8){width:100px}.attendance-ref-id,.attendance-ref-class strong,.attendance-ref-date strong{color:#005c43;font-weight:750}.attendance-ref-class,.attendance-ref-date{gap:2px;min-width:0;display:grid}.attendance-ref-class strong,.attendance-ref-class span,.attendance-ref-date strong,.attendance-ref-date span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attendance-ref-class span,.attendance-ref-date span{color:#8b9490;font-size:7px}.attendance-ref-teacher{color:#43584f;white-space:nowrap}.attendance-ref-rate{gap:4px;display:grid}.attendance-ref-rate>div{justify-content:space-between;align-items:center;gap:7px;display:flex}.attendance-ref-rate>div>span{color:#315046;font-weight:700}.attendance-ref-rate>div>strong{color:#4b5b55;font-size:7px}.attendance-ref-rate>i{background:#e8ebe7;border-radius:999px;width:88px;height:5px;display:block;overflow:hidden}.attendance-ref-rate>i>b{border-radius:inherit;background:#05835a;height:100%;display:block}.attendance-reference-page .attendance-mark,.attendance-reference-page .attendance-session-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:0;height:26px;padding:0 9px;font-size:7.2px;font-weight:700;display:inline-flex}.attendance-ref-actions{align-items:center;gap:5px;display:flex}.attendance-ref-actions>button,.attendance-ref-more>button{color:#275247;cursor:pointer;background:#fffefa;border:1px solid #003f2d1f;border-radius:8px;justify-content:center;align-items:center;width:29px;min-width:29px;height:29px;padding:0;display:inline-flex}.attendance-ref-actions svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.attendance-ref-actions>button:hover,.attendance-ref-more>button:hover{background:#f1f8f3;border-color:#005c414d}.attendance-ref-more{position:relative}.attendance-ref-action-menu{z-index:130;background:#fffefa;border:1px solid #003f2d1f;border-radius:9px;gap:2px;width:165px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 34px #182f2729}.attendance-ref-action-menu button{color:#365048;min-height:31px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:8px}.attendance-ref-action-menu button:hover{background:#f1f7f2}.attendance-ref-action-menu button.danger{color:#bd3f3f}.attendance-ref-empty{color:#939b97;place-items:center;min-height:76px;font-size:8.5px;display:grid}.attendance-ref-student-table,.attendance-ref-teacher-table{min-width:950px}.attendance-ref-student-table th,.attendance-ref-teacher-table th{width:auto!important}.attendance-ref-review-list{display:grid}.attendance-ref-review-list article{color:#53605a;border-bottom:1px solid #003f2d0f;grid-template-columns:28px minmax(190px,1fr) 96px 126px 62px;align-items:center;gap:10px;min-height:53px;padding:7px 11px;font-size:8px;display:grid}.attendance-ref-review-list article:last-child{border-bottom:0}.attendance-ref-review-icon{color:#d74c48;background:#fee4e2;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.attendance-ref-review-list article>div{gap:2px;display:grid}.attendance-ref-review-list article>div strong{color:var(--ink-green);font-size:8.6px}.attendance-ref-review-list article>div small{color:#929a96;font-size:7px}.attendance-ref-review-list article>button{color:#006548;height:29px;font:inherit;cursor:pointer;background:#f3f8f4;border:1px solid #00593f24;border-radius:7px;font-size:7.5px;font-weight:700}.attendance-ref-dialog{width:min(820px,100vw - 34px)}.attendance-ref-detail{gap:16px;display:grid}.attendance-ref-session-form input,.attendance-ref-session-form select{min-height:40px}@media (width<=1320px) and (width>=900px){.attendance-reference-page{padding-left:24px;padding-right:24px}.attendance-ref-kpis{gap:10px}.attendance-ref-kpis article{padding:13px}.attendance-ref-ring{display:none}.attendance-ref-toolbar{grid-template-columns:minmax(250px,1fr) minmax(230px,.7fr) minmax(130px,.36fr) minmax(130px,.36fr)}.attendance-ref-toolbar-actions{grid-column:1/-1;justify-content:flex-end}.attendance-ref-analytics{grid-template-columns:1fr 1fr}.attendance-ref-status-card{grid-column:1/-1}}@media (width<=899px){.attendance-reference-page{padding:18px 14px 90px}.attendance-ref-hero{align-items:flex-start;min-height:126px;padding-top:5px}.attendance-ref-hero-copy h1{font-size:27px}.attendance-ref-hero-copy p{max-width:78%;font-size:10px}.attendance-ref-hero-pattern{width:250px;top:-36px;right:-85px}.attendance-ref-primary{min-width:112px;height:39px;position:absolute;bottom:12px;right:0}.attendance-ref-tabs{display:flex;overflow-x:auto}.attendance-ref-tabs button{flex:none;min-width:155px}.attendance-ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-ref-kpis article{min-height:94px;padding:12px}.attendance-ref-kpi-icon{flex-basis:42px;width:42px;height:42px}.attendance-ref-kpi-copy>strong{font-size:23px}.attendance-ref-ring{display:none}.attendance-ref-toolbar{grid-template-columns:1fr 1fr}.attendance-ref-search,.attendance-ref-date-range{grid-column:1/-1}.attendance-ref-toolbar-actions{grid-column:1/-1;justify-content:stretch}.attendance-ref-toolbar-actions>button,.attendance-ref-export-wrap,.attendance-ref-export-wrap>button{flex:1;width:100%}.attendance-ref-export-menu{left:0;right:auto}.attendance-ref-advanced-filter{flex-wrap:wrap;align-items:flex-start}.attendance-ref-advanced-filter>span{width:100%;margin-left:0}.attendance-ref-analytics{grid-template-columns:1fr}.attendance-ref-status-card{grid-column:auto}.attendance-ref-review-list article{grid-template-columns:28px 1fr auto}.attendance-ref-review-list article>span:not(.attendance-ref-review-icon){display:none}.attendance-ref-table-card,.attendance-ref-review-card{margin:9px}.attendance-ref-dialog{width:100%}}.attendance-ref-recharts{width:100%;min-width:0;position:relative}.attendance-ref-line-recharts,.attendance-ref-comparison-recharts{height:142px;margin-top:5px}.attendance-ref-pie-center{pointer-events:none;align-content:center;place-items:center;display:grid;position:absolute;inset:0}.attendance-ref-pie-center span,.attendance-ref-pie-center small{color:#7f8884;font-size:7px}.attendance-ref-pie-center strong{color:var(--ink-green);font-family:Lora,serif;font-size:19px;line-height:1}.attendance-ref-ring{flex:0 0 44px;width:44px;height:44px;transform:none}.attendance-ref-ring .recharts-wrapper,.attendance-ref-ring .recharts-surface{overflow:visible}.attendance-ref-chart-card .recharts-text{font-family:inherit}.attendance-ref-chart-card .recharts-default-tooltip{background:#fffefa!important}.attendance-ref-chart-card .recharts-legend-item-text{color:#66716c!important}@media (width<=899px){.attendance-ref-line-recharts,.attendance-ref-comparison-recharts{height:180px}.attendance-ref-pie-recharts{width:128px;height:128px}}.attendance-reference-page{font-size:12px}.attendance-ref-hero-copy>span{font-size:10.5px}.attendance-ref-hero-copy h1{font-size:34px}.attendance-ref-hero-copy p{font-size:13px}.attendance-ref-primary{min-width:145px;height:44px;font-size:11px}.attendance-ref-tabs button{height:46px;font-size:11.5px}.attendance-ref-kpis article{min-height:116px;padding:17px 18px}.attendance-ref-kpi-copy>span{font-size:11.5px}.attendance-ref-kpi-copy>strong{font-size:30px}.attendance-ref-kpi-copy>small{font-size:10px;line-height:1.35}.attendance-ref-kpi-copy>em{font-size:9.5px}.attendance-ref-search input,.attendance-ref-filter,.attendance-ref-outline{font-size:11px}.attendance-ref-date-range input,.attendance-ref-advanced-filter label,.attendance-ref-advanced-filter select,.attendance-ref-advanced-filter button{font-size:10.5px}.attendance-ref-advanced-filter>span{font-size:10px}.attendance-ref-export-menu{width:210px}.attendance-ref-export-menu>strong,.attendance-ref-export-menu>button{font-size:10.5px}.attendance-ref-export-menu>button span,.attendance-ref-export-menu>small{font-size:9px}.attendance-ref-card-heading>strong,.attendance-ref-card-heading>div>strong{font-size:12px}.attendance-ref-card-heading>span,.attendance-ref-card-heading>div>span,.attendance-ref-chart-legend span{font-size:9.5px}.attendance-ref-chart-card{min-height:210px;padding:14px 15px}.attendance-ref-line-recharts,.attendance-ref-comparison-recharts{height:168px}.attendance-ref-pie-recharts{width:132px;height:132px}.attendance-ref-status-layout{grid-template-columns:136px minmax(0,1fr)}.attendance-ref-pie-center span,.attendance-ref-pie-center small{font-size:9px}.attendance-ref-pie-center strong{font-size:22px}.attendance-ref-status-legend>div,.attendance-ref-status-legend strong{font-size:9.5px}.attendance-ref-table-title{min-height:42px;padding:10px 13px}.attendance-ref-table-title strong{font-size:12px}.attendance-ref-table-title small,.attendance-ref-table-title>span{font-size:9.5px}.attendance-ref-table th{height:40px;padding:0 11px;font-size:10.5px}.attendance-ref-table td{height:66px;padding:10px 11px;font-size:11px}.attendance-ref-class span,.attendance-ref-date span,.attendance-ref-rate>div>strong{font-size:9.5px}.attendance-reference-page .attendance-mark,.attendance-reference-page .attendance-session-status{height:29px;padding:0 10px;font-size:9.5px}.attendance-ref-review-list article{min-height:58px;font-size:10.5px}.attendance-ref-review-list article>div strong{font-size:11px}.attendance-ref-review-list article>div small{font-size:9px}.attendance-ref-review-list article>button{font-size:9.5px}.attendance-ref-context-analytics{padding-bottom:0}.attendance-ref-context-analytics+.attendance-ref-table-card{margin-top:10px}@media (width<=899px){.attendance-reference-page{font-size:11px}.attendance-ref-kpis article{min-height:108px}.attendance-ref-chart-card{min-height:220px}.attendance-ref-line-recharts,.attendance-ref-comparison-recharts{height:178px}}.attendance-reference-page .attendance-ref-chart-card{padding:16px 17px}.attendance-reference-page .attendance-ref-card-heading{gap:12px;min-height:30px}.attendance-reference-page .attendance-ref-card-heading>strong,.attendance-reference-page .attendance-ref-card-heading>div>strong{font-size:13px;line-height:1.35}.attendance-reference-page .attendance-ref-card-heading>span,.attendance-reference-page .attendance-ref-card-heading>div>span{font-size:10.5px;line-height:1.35}.attendance-reference-page .attendance-ref-chart-legend{gap:14px}.attendance-reference-page .attendance-ref-chart-legend span{gap:6px;font-size:10.5px}.attendance-reference-page .attendance-ref-chart-legend i{width:12px;height:3px}.attendance-reference-page .attendance-ref-chart-card .recharts-cartesian-axis-tick-value,.attendance-reference-page .attendance-ref-chart-card .recharts-legend-item-text,.attendance-reference-page .attendance-ref-chart-card .recharts-tooltip-label,.attendance-reference-page .attendance-ref-chart-card .recharts-tooltip-item{font-size:11px!important}.attendance-reference-page .attendance-ref-chart-card .recharts-default-tooltip{padding:9px 11px!important}.attendance-reference-page .attendance-ref-status-legend{gap:11px}.attendance-reference-page .attendance-ref-status-legend>div,.attendance-reference-page .attendance-ref-status-legend strong{font-size:11px}.attendance-reference-page .attendance-ref-status-legend i{flex-basis:9px;width:9px;height:9px}.attendance-reference-page .attendance-ref-pie-center span,.attendance-reference-page .attendance-ref-pie-center small{font-size:10px}.attendance-reference-page .attendance-ref-pie-center strong{font-size:24px}.attendance-reference-page .attendance-ref-review-card .attendance-ref-table-title{min-height:54px;padding:11px 15px}.attendance-reference-page .attendance-ref-review-card .attendance-ref-table-title strong{font-size:14px;line-height:1.35}.attendance-reference-page .attendance-ref-review-card .attendance-ref-table-title small{margin-top:2px;font-size:11px;line-height:1.4}.attendance-reference-page .attendance-ref-review-card .attendance-ref-table-title>span{font-size:11px}.attendance-reference-page .attendance-ref-review-list article{grid-template-columns:34px minmax(230px,1fr) 120px 150px 74px;gap:14px;min-height:72px;padding:11px 15px;font-size:11.5px;line-height:1.35}.attendance-reference-page .attendance-ref-review-icon{width:30px;height:30px;font-size:13px}.attendance-reference-page .attendance-ref-review-list article>div{gap:3px}.attendance-reference-page .attendance-ref-review-list article>div strong{font-size:12.5px;line-height:1.35}.attendance-reference-page .attendance-ref-review-list article>div small{font-size:10.5px;line-height:1.35}.attendance-reference-page .attendance-ref-review-list article>span:not(.attendance-ref-review-icon){font-size:11.5px;line-height:1.4}.attendance-reference-page .attendance-ref-review-list article>button{min-width:70px;height:36px;padding:0 12px;font-size:11px}.attendance-reference-page .attendance-ref-review-card .attendance-ref-empty{font-size:11px}@media (width<=899px){.attendance-reference-page .attendance-ref-card-heading>strong,.attendance-reference-page .attendance-ref-card-heading>div>strong{font-size:12px}.attendance-reference-page .attendance-ref-review-list article{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;min-height:66px;padding:10px 12px}.attendance-reference-page .attendance-ref-review-list article>div strong{font-size:12px}.attendance-reference-page .attendance-ref-review-list article>div small{font-size:10px}.attendance-reference-page .attendance-ref-review-list article>button{min-width:64px;height:34px;font-size:10.5px}}.attendance-reference-page .attendance-ref-actions-compact .attendance-ref-more>button{border-radius:9px;width:36px;min-width:36px;height:36px}.attendance-reference-page .attendance-ref-actions-compact .attendance-ref-more>button svg{width:18px;height:18px}.attendance-reference-page .attendance-ref-action-menu-clean{gap:3px;width:190px;padding:7px}.attendance-reference-page .attendance-ref-action-menu-clean button{border-radius:7px;min-height:40px;padding:0 12px;font-size:12px;font-weight:650;line-height:1.35}.attendance-reference-page .attendance-ref-action-menu-clean button.danger{color:#bd3f3f;border-top:1px solid #b837371f;margin-top:4px}@media (width<=899px){.attendance-reference-page .attendance-ref-action-menu-clean{width:180px}.attendance-reference-page .attendance-ref-action-menu-clean button{min-height:39px;font-size:11.5px}}.attendance-reference-page .attendance-ref-table tbody tr:nth-last-child(-n+2) .attendance-ref-action-menu-clean{top:auto;bottom:calc(100% + 7px)}.attendance-reference-page .attendance-ref-table tbody tr:nth-last-child(-n+2) .attendance-ref-more{z-index:140}.attendance-reference-page .attendance-ref-table tbody tr:nth-last-child(-n+2){position:relative}@media (width<=899px){.attendance-reference-page .attendance-ref-table tbody tr:nth-last-child(-n+3) .attendance-ref-action-menu-clean{top:auto;bottom:calc(100% + 7px)}}.attendance-reference-page .attendance-ref-actions-compact{justify-content:center}.attendance-reference-page .attendance-ref-action-trigger{color:#275247;cursor:pointer;background:#fffefa;border:1px solid #003f2d1f;border-radius:9px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:inline-flex}.attendance-reference-page .attendance-ref-action-trigger:hover,.attendance-reference-page .attendance-ref-action-trigger.is-open{background:#f1f8f3;border-color:#005c414d}.attendance-reference-page .attendance-ref-action-trigger svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.attendance-ref-action-menu-backdrop{z-index:9998;cursor:default;background:0 0;border:0;padding:0;position:fixed;inset:0}.attendance-ref-action-menu-portal{background:#fffefa;border:1px solid #003f2d21;border-radius:10px;width:190px;margin:0;overflow:hidden;box-shadow:0 16px 38px #182f272e;z-index:9999!important;position:fixed!important;top:auto!important;left:auto!important}.attendance-ref-action-menu-portal button{color:#27483e;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;padding:0 13px;font-size:12px;font-weight:650;line-height:1.35;display:flex}.attendance-ref-action-menu-portal button:hover{color:#006447;background:#f1f7f2}.attendance-ref-action-menu-portal button.danger{color:#bd3f3f;border-top:1px solid #b837371f;margin-top:3px}.attendance-ref-action-menu-portal button.danger:hover{color:#a52f2f;background:#fff3f1}@media (width<=899px){.attendance-ref-action-menu-portal{width:184px}.attendance-ref-action-menu-portal button{min-height:41px;font-size:11.5px}}.progress-reference-page{padding-top:26px}.progress-reference-page .progress-ref-hero{margin-bottom:18px}.progress-reference-page .progress-ref-hero h1{font-size:clamp(28px,2.5vw,36px);line-height:1.08}.progress-reference-page .progress-ref-hero p{max-width:720px;margin-top:7px;font-size:12.5px;line-height:1.65}.progress-reference-page .progress-button{min-height:42px;padding:0 15px;font-size:11.5px;font-weight:700}.progress-reference-page .progress-ref-kpis{gap:13px;margin-bottom:15px}.progress-reference-page .progress-ref-kpis article{align-content:center;gap:5px;min-height:112px;padding:17px 19px 16px;position:relative;overflow:hidden}.progress-reference-page .progress-ref-kpis article:after{content:"";background:#004e360b;border-radius:50%;width:88px;height:88px;position:absolute;bottom:-28px;right:-18px}.progress-reference-page .progress-ref-kpis span{z-index:1;font-size:11px;font-weight:650;position:relative}.progress-reference-page .progress-ref-kpis strong{z-index:1;font-size:30px;position:relative}.progress-reference-page .progress-ref-kpis small{z-index:1;color:#7a827d;font-size:10.5px;line-height:1.35;position:relative}.progress-reference-page .progress-ref-kpis article.tone-gold i{background:#d29a24}.progress-reference-page .progress-ref-kpis article.tone-red i{background:#c65c51}.progress-reference-page .progress-ref-card{border-radius:16px;overflow:visible}.progress-reference-page .progress-ref-toolbar{border-bottom:1px solid #003f2d14;grid-template-columns:minmax(260px,1.6fr) minmax(180px,.9fr) minmax(142px,.72fr) minmax(142px,.72fr) auto auto;align-items:center;gap:9px;padding:13px 14px;display:grid}.progress-reference-page .progress-search{min-width:0;height:40px}.progress-reference-page .progress-filter,.progress-reference-page .progress-filter.wide{width:100%;min-width:0;height:40px}.progress-ref-filter-button{height:40px;color:var(--ink-green);cursor:pointer;background:#f7f2e8;border:1px solid #003f2d1f;border-radius:9px;padding:0 15px;font-size:11px;font-weight:750}.progress-ref-filter-button:hover{background:#efe7d8}.progress-reference-page .progress-record-count{text-align:right;white-space:nowrap;min-width:62px;font-size:10.5px;font-weight:700}.progress-ref-analytics{grid-template-columns:minmax(0,1.05fr) minmax(0,1.03fr) minmax(0,.92fr);gap:12px;padding:14px 14px 8px;display:grid}.progress-ref-analytics-card{background:#fffdf8;border:1px solid #003f2d17;border-radius:13px;min-width:0;min-height:226px;padding:15px 16px;box-shadow:0 5px 16px #21282309}.progress-ref-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.progress-ref-card-heading>div{gap:3px;display:grid}.progress-ref-card-heading strong{color:var(--ink-green);font-size:12.5px;line-height:1.25}.progress-ref-card-heading span{color:#7a827d;font-size:10.5px;line-height:1.35}.progress-ref-distribution-layout{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:11px;min-height:164px;display:grid}.progress-ref-donut{width:150px;height:150px;position:relative}.progress-ref-donut-center{pointer-events:none;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.progress-ref-donut-center span,.progress-ref-donut-center small{color:#79837d;font-size:9.5px;line-height:1.2}.progress-ref-donut-center strong{color:var(--ink-green);margin:2px 0;font-family:Lora,serif;font-size:23px;line-height:1}.progress-ref-distribution-legend{gap:8px;min-width:0;display:grid}.progress-ref-distribution-legend>div{border-bottom:1px dashed #003f2d14;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.progress-ref-distribution-legend>div:last-child{border-bottom:0;padding-bottom:0}.progress-ref-distribution-legend span{color:#5c6861;align-items:center;gap:7px;min-width:0;font-size:10.5px;display:inline-flex}.progress-ref-distribution-legend i{border-radius:999px;flex:none;width:8px;height:8px}.progress-ref-distribution-legend strong{color:var(--ink-green);white-space:nowrap;font-size:10.5px}.progress-ref-summary-chart{width:100%;height:166px}.progress-ref-summary-chart .recharts-text{font-size:11px}.progress-ref-focus-list{gap:9px;display:grid}.progress-ref-focus-item{text-align:left;cursor:pointer;background:#fffbf1;border:1px solid #bb842429;border-radius:11px;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:70px;padding:10px;display:grid}.progress-ref-focus-item:hover{background:#fff8e9;border-color:#bb842447}.progress-ref-focus-badge{color:#8b620f;background:#f8e8b9;border-radius:8px;place-items:center;width:29px;height:29px;font-size:13px;font-weight:800;display:grid}.progress-ref-focus-copy{gap:2px;min-width:0;display:grid}.progress-ref-focus-copy strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.progress-ref-focus-copy small{color:#6e7973;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.progress-ref-focus-copy em{color:#8d7651;text-overflow:ellipsis;white-space:nowrap;font-size:9.8px;font-style:normal;overflow:hidden}.progress-ref-focus-item .progress-status{pointer-events:none;max-width:118px}.progress-ref-focus-empty{color:#748079;text-align:center;border:1px dashed #003f2d1f;border-radius:11px;place-items:center;min-height:142px;padding:18px;font-size:10.5px;display:grid}.progress-ref-table-heading{justify-content:space-between;align-items:center;gap:14px;padding:13px 16px 10px;display:flex}.progress-ref-table-heading>div{gap:2px;display:grid}.progress-ref-table-heading strong{color:var(--ink-green);font-size:12.5px}.progress-ref-table-heading span{color:#748079;font-size:10.5px}.progress-ref-table-heading>span{white-space:nowrap;font-weight:700}.progress-reference-page .progress-table-wrap{border-top:1px solid #003f2d0f}.progress-reference-page .progress-ref-table{table-layout:fixed}.progress-reference-page .progress-ref-table th{color:#627069;letter-spacing:.01em;padding:10px 8px;font-size:10.5px;font-weight:750}.progress-reference-page .progress-ref-table td{vertical-align:middle;color:#3f4a44;min-height:68px;padding:11px 8px;font-size:11.2px}.progress-reference-page .progress-ref-table th:first-child{width:9.5%}.progress-reference-page .progress-ref-table th:nth-child(2){width:12.5%}.progress-reference-page .progress-ref-table th:nth-child(3){width:14.5%}.progress-reference-page .progress-ref-table th:nth-child(4){width:17%}.progress-reference-page .progress-ref-table th:nth-child(5){width:11%}.progress-reference-page .progress-ref-table th:nth-child(6){width:7.5%}.progress-reference-page .progress-ref-table th:nth-child(7){width:8%}.progress-reference-page .progress-ref-table th:nth-child(8){width:12%}.progress-reference-page .progress-ref-table th:nth-child(9){width:8%}.progress-reference-page .progress-person strong,.progress-reference-page .progress-class-cell strong,.progress-reference-page .progress-level-cell strong{font-size:11.5px;line-height:1.35}.progress-reference-page .progress-person span,.progress-reference-page .progress-class-cell span,.progress-reference-page .progress-level-cell span{font-size:10px;line-height:1.35}.progress-reference-page .progress-meter strong{font-size:11.5px}.progress-reference-page .progress-meter>span{height:5px}.progress-reference-page .progress-status{width:100%;min-width:0;max-width:132px;height:32px;padding:0 24px 0 9px;font-size:10px}.progress-reference-page .progress-ref-actions{gap:6px}.progress-reference-page .progress-icon-action{border-radius:9px;width:34px;height:34px}.progress-ref-empty-row{text-align:center;height:104px;color:#758079!important;font-size:11px!important}.progress-ref-pagination{border-top:1px solid #003f2d12;justify-content:flex-end;align-items:center;gap:9px;padding:13px 16px 15px;display:flex}.progress-ref-pagination>div{gap:5px;display:flex}.progress-ref-pagination button{min-width:34px;height:34px;color:var(--ink-green);cursor:pointer;background:#fffdf8;border:1px solid #003f2d1c;border-radius:8px;padding:0 10px;font-size:10.5px;font-weight:700}.progress-ref-pagination button:hover:not(:disabled){background:#f2eee4}.progress-ref-pagination button.is-active{border-color:var(--green-900);background:var(--green-900);color:#fff}.progress-ref-pagination button:disabled{opacity:.42;cursor:not-allowed}.progress-reference-page .progress-dialog-heading h2{font-size:22px}.progress-reference-page .progress-button.danger{color:#a63f39;background:#fff1ef;border:1px solid #b53d3829;margin-right:auto}.progress-reference-page .progress-button.danger:hover{background:#fbe4e1}@media (width<=1280px) and (width>=900px){.progress-reference-page .progress-ref-toolbar{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(135px,.6fr)) auto}.progress-reference-page .progress-record-count{text-align:right;grid-column:1/-1}.progress-ref-analytics{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-ref-focus-card{grid-column:1/-1;min-height:0}.progress-ref-focus-list{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-ref-focus-empty{grid-column:1/-1;min-height:90px}}@media (width<=899px){.progress-reference-page{padding-top:22px}.progress-reference-page .progress-ref-hero h1{font-size:27px}.progress-reference-page .progress-ref-hero p{font-size:12px}.progress-reference-page .progress-ref-kpis article{min-height:102px}.progress-reference-page .progress-ref-kpis span{font-size:10.5px}.progress-reference-page .progress-ref-kpis small{font-size:10px}.progress-reference-page .progress-ref-toolbar{flex-wrap:wrap;align-items:stretch;display:flex}.progress-reference-page .progress-search{flex:100%}.progress-reference-page .progress-filter,.progress-reference-page .progress-filter.wide{flex:calc(50% - 6px);width:auto}.progress-ref-filter-button{flex:calc(50% - 6px)}.progress-reference-page .progress-record-count{text-align:right;flex:100%}.progress-ref-analytics{grid-template-columns:1fr;padding:12px}.progress-ref-analytics-card{min-height:0}.progress-ref-distribution-layout{grid-template-columns:142px minmax(0,1fr)}.progress-ref-donut{width:142px;height:142px}.progress-ref-table-heading{padding:12px 13px 8px}.progress-reference-page .progress-mobile-list{padding-top:4px}.progress-reference-page .progress-mobile-top>div>span{font-size:10px}.progress-reference-page .progress-mobile-top strong{font-size:13.5px}.progress-reference-page .progress-mobile-top small,.progress-reference-page .progress-mobile-meta span{font-size:10.5px}.progress-ref-pagination{justify-content:space-between;padding-inline:12px}.progress-ref-pagination button{min-width:32px;height:32px;padding:0 8px}}@media (width<=520px){.progress-reference-page .progress-filter,.progress-reference-page .progress-filter.wide,.progress-ref-filter-button{flex-basis:100%}.progress-ref-distribution-layout{grid-template-columns:1fr;justify-items:center}.progress-ref-distribution-legend{width:100%}.progress-ref-table-heading{flex-direction:column;align-items:flex-start;gap:5px}.progress-ref-pagination{flex-wrap:wrap}.progress-ref-pagination>div{order:3;justify-content:center;width:100%}.progress-reference-page .progress-dialog-actions{flex-wrap:wrap}.progress-reference-page .progress-button.danger{width:100%;margin-right:0}}.progress-reference-page .progress-ref-kpis span{font-size:12px}.progress-reference-page .progress-ref-kpis strong{font-size:32px}.progress-reference-page .progress-ref-kpis small{font-size:11.2px;line-height:1.4}.progress-reference-page .progress-search input,.progress-reference-page .progress-filter{font-size:12.4px}.progress-reference-page .progress-ref-filter-button{font-size:12px}.progress-reference-page .progress-record-count{font-size:11.4px}.progress-reference-page .progress-ref-card-heading strong{font-size:14px;line-height:1.3}.progress-reference-page .progress-ref-card-heading span{font-size:11.3px;line-height:1.4}.progress-reference-page .progress-ref-donut-center span,.progress-reference-page .progress-ref-donut-center small{font-size:10.4px}.progress-reference-page .progress-ref-donut-center strong{font-size:25px}.progress-reference-page .progress-ref-distribution-legend span,.progress-reference-page .progress-ref-distribution-legend strong{font-size:11.4px}.progress-reference-page .progress-ref-summary-chart .recharts-text{font-size:12px!important}.progress-reference-page .recharts-default-tooltip{font-size:11.5px!important}.progress-reference-page .progress-ref-focus-item{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:6px 12px;min-height:92px;padding:12px}.progress-reference-page .progress-ref-focus-alert{color:#8b620f;background:#f8e8b9;border-radius:8px;grid-area:1/1/span 2;align-self:start;place-items:center;width:30px;height:30px;margin-top:1px;font-size:14px;font-weight:800;line-height:1;display:grid}.progress-reference-page .progress-ref-focus-copy{grid-column:2;gap:3px}.progress-reference-page .progress-ref-focus-copy strong{font-size:13px;line-height:1.35}.progress-reference-page .progress-ref-focus-copy small{font-size:11.2px;line-height:1.4}.progress-reference-page .progress-ref-focus-copy em{font-size:10.7px;line-height:1.4}.progress-reference-page .progress-ref-focus-item .progress-status{grid-column:2;justify-self:start;width:auto;max-width:none;height:30px;margin-top:3px;padding:0 12px;font-size:10.8px;font-weight:700}.progress-reference-page .progress-ref-table-heading strong{font-size:13.8px;line-height:1.35}.progress-reference-page .progress-ref-table-heading span{font-size:11.3px;line-height:1.4}.progress-reference-page .progress-ref-table th{font-size:11.3px}.progress-reference-page .progress-ref-table td{font-size:12px}.progress-reference-page .progress-id,.progress-reference-page .progress-score{font-size:11.8px}.progress-reference-page .progress-person strong,.progress-reference-page .progress-class-cell strong,.progress-reference-page .progress-level-cell strong,.progress-reference-page .progress-meter strong{font-size:12.2px}.progress-reference-page .progress-person span,.progress-reference-page .progress-class-cell span,.progress-reference-page .progress-level-cell span,.progress-reference-page .progress-status{font-size:10.7px}.progress-reference-page .progress-ref-pagination button{font-size:11.3px}.progress-reference-page .progress-dialog-heading span{font-size:11.2px}.progress-reference-page .progress-form label>span,.progress-reference-page .progress-detail-grid span,.progress-reference-page .progress-detail-notes>span{font-size:11.5px}.progress-reference-page .progress-form input,.progress-reference-page .progress-form select,.progress-reference-page .progress-form textarea,.progress-reference-page .progress-detail-grid strong,.progress-reference-page .progress-detail-notes p{font-size:12px}@media (width<=899px){.progress-reference-page .progress-ref-card-heading strong{font-size:13.5px}.progress-reference-page .progress-ref-focus-item{min-height:88px}.progress-reference-page .progress-ref-focus-copy strong{font-size:12.5px}.progress-reference-page .progress-ref-focus-copy small{font-size:11px}.progress-reference-page .progress-ref-focus-copy em{font-size:10.5px}}.payment-reference-page{gap:14px}.payment-reference-page .payment-ref-heading{align-items:center;min-height:88px;position:relative}.payment-reference-page .payment-ref-heading h1{font-size:31px;line-height:1.15}.payment-reference-page .payment-ref-heading p{max-width:720px;margin-top:6px;font-size:12.5px;line-height:1.45}.payment-reference-page .payment-ref-add-symbol{border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:20px;height:20px;font-size:15px;line-height:1;display:grid}.payment-reference-page .payment-ref-warning{align-items:center;gap:10px;min-height:43px;padding:9px 12px;font-size:11.5px;display:flex}.payment-reference-page .payment-ref-warning-icon{color:#fff;background:#f1b63b;border-radius:50%;flex:0 0 21px;place-items:center;width:21px;height:21px;font-size:12px;font-weight:800;display:grid}.payment-reference-page .payment-ref-kpis{gap:14px}.payment-reference-page .payment-ref-kpis article{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;min-height:105px;padding:15px 16px;display:grid}.payment-reference-page .payment-ref-kpis article>div:last-child{gap:2px;min-width:0;display:grid}.payment-reference-page .payment-ref-kpis span{font-size:11.5px}.payment-reference-page .payment-ref-kpis strong{font-size:25px;line-height:1.15}.payment-reference-page .payment-ref-kpis small{color:var(--muted);font-size:10px;line-height:1.35}.payment-reference-page .payment-ref-kpi-icon{border-radius:12px;place-items:center;width:52px;height:52px;display:grid}.payment-reference-page .payment-ref-kpi-icon.is-green{color:#148454;background:#e1f4e8}.payment-reference-page .payment-ref-kpi-icon.is-blue{color:#315cae;background:#e7efff}.payment-reference-page .payment-ref-kpi-icon.is-gold{color:#c27d00;background:#fff0c8}.payment-reference-page .payment-ref-kpi-icon.is-red{color:#d34c50;background:#ffe4e5}.payment-reference-page .payment-ref-shell{border-radius:14px;overflow:visible}.payment-reference-page .payment-ref-toolbar{grid-template-columns:minmax(300px,1.25fr) minmax(150px,.55fr) minmax(150px,.55fr) auto auto;align-items:center;gap:10px;padding:11px 12px}.payment-reference-page .payment-search{min-height:42px}.payment-reference-page .payment-search input,.payment-reference-page .payment-filter{font-size:11.8px}.payment-reference-page .payment-filter{min-height:42px}.payment-reference-page .payment-record-count{text-align:right;min-width:58px;font-size:10.5px}.payment-reference-page .payment-ref-export{position:relative}.payment-reference-page .payment-ref-export-button{min-height:42px;color:var(--ink-green);cursor:pointer;background:#fffefa;border:1px solid #00563f57;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:11.5px;font-weight:700;display:inline-flex}.payment-reference-page .payment-ref-export-button:hover{background:#f3f8f4}.payment-reference-page .payment-ref-export-menu{z-index:80;background:#fffefa;border:1px solid #003f2d1f;border-radius:9px;gap:3px;width:122px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 14px 30px #1c2e2729}.payment-reference-page .payment-ref-export-menu button{min-height:35px;color:var(--ink-green);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:11px;font-weight:650}.payment-reference-page .payment-ref-export-menu button:hover{background:#f1f7f2}.payment-reference-page .payment-ref-analytics-grid{border-top:1px solid #003f2d14;grid-template-columns:minmax(250px,.95fr) minmax(260px,1.05fr) minmax(240px,.95fr) minmax(280px,1.05fr);gap:10px;padding:10px 12px 12px;display:grid}.payment-reference-page .payment-ref-analytics-card{background:#fffefa;border:1px solid #003f2d1a;border-radius:11px;min-width:0;min-height:230px;padding:13px 14px}.payment-reference-page .payment-ref-card-heading{justify-content:space-between;align-items:start;gap:8px;min-height:28px;display:flex}.payment-reference-page .payment-ref-card-heading strong{color:var(--ink-green);font-size:12.5px;line-height:1.35}.payment-reference-page .payment-ref-card-heading span{color:var(--muted);font-size:9.8px}.payment-reference-page .payment-ref-chart{width:100%;height:170px;margin-top:7px}.payment-reference-page .payment-ref-calendar-card{grid-template-rows:auto auto auto 1fr auto;display:grid}.payment-reference-page .payment-ref-calendar-head{grid-template-columns:28px 1fr 28px;align-items:center;min-height:32px;margin:2px 0 4px;display:grid}.payment-reference-page .payment-ref-calendar-head strong{text-align:center;color:#273f37;font-size:11.5px}.payment-reference-page .payment-ref-calendar-head button{width:28px;height:28px;color:var(--ink-green);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:18px;display:grid}.payment-reference-page .payment-ref-calendar-head button:hover{background:#f1f6f2}.payment-reference-page .payment-ref-calendar-weekdays,.payment-reference-page .payment-ref-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.payment-reference-page .payment-ref-calendar-weekdays{margin-bottom:2px}.payment-reference-page .payment-ref-calendar-weekdays span{color:#727d78;text-align:center;padding:2px 0;font-size:8.5px;font-weight:650}.payment-reference-page .payment-ref-calendar-grid{align-content:start;row-gap:2px}.payment-reference-page .payment-ref-calendar-day{color:#263e36;border-radius:7px;align-content:center;place-items:center;gap:1px;min-height:24px;font-size:9.2px;display:grid}.payment-reference-page .payment-ref-calendar-day.is-empty{visibility:hidden}.payment-reference-page .payment-ref-calendar-dots{justify-content:center;gap:2px;min-height:4px;display:flex}.payment-reference-page .payment-ref-calendar-dots i{border-radius:50%;width:4px;height:4px}.payment-reference-page .payment-ref-calendar-legend{flex-wrap:wrap;gap:6px 10px;margin-top:6px;display:flex}.payment-reference-page .payment-ref-calendar-legend span{color:#66726d;align-items:center;gap:5px;font-size:8.5px;display:inline-flex}.payment-reference-page .payment-ref-calendar-legend i{border-radius:50%;width:6px;height:6px}.payment-reference-page .payment-ref-status-layout{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:10px;margin-top:8px;display:grid}.payment-reference-page .payment-ref-pie{width:132px;height:150px;position:relative}.payment-reference-page .payment-ref-pie-center{pointer-events:none;align-content:center;place-items:center;display:grid;position:absolute;inset:0}.payment-reference-page .payment-ref-pie-center span,.payment-reference-page .payment-ref-pie-center small{color:#7c8782;font-size:9px}.payment-reference-page .payment-ref-pie-center strong{color:var(--ink-green);font-family:Lora,serif;font-size:23px;line-height:1}.payment-reference-page .payment-ref-status-legend{gap:9px;min-width:0;display:grid}.payment-reference-page .payment-ref-status-legend>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;font-size:9.5px;display:grid}.payment-reference-page .payment-ref-status-legend span{color:#5f6b66;align-items:center;gap:6px;min-width:0;display:inline-flex}.payment-reference-page .payment-ref-status-legend span i{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.payment-reference-page .payment-ref-status-legend strong{color:#203d34;font-size:9.5px}.payment-reference-page .payment-ref-table-heading{border-top:1px solid #003f2d14;border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:9px 12px;display:flex}.payment-reference-page .payment-ref-table-heading strong{color:var(--ink-green);font-size:12.5px}.payment-reference-page .payment-ref-table-heading span{color:var(--muted);font-size:10px}.payment-reference-page .payment-ref-table-wrap{overflow:auto visible}.payment-reference-page .payment-ref-table{min-width:1180px}.payment-reference-page .payment-ref-table th{height:40px;padding:8px 9px;font-size:10.5px}.payment-reference-page .payment-ref-table td{height:58px;padding:9px;font-size:11px}.payment-reference-page .payment-id,.payment-reference-page .payment-amount,.payment-reference-page .payment-person strong,.payment-reference-page .payment-linkage strong,.payment-reference-page .payment-reference strong,.payment-reference-page .payment-date strong{font-size:10.8px}.payment-reference-page .payment-person span,.payment-reference-page .payment-linkage span,.payment-reference-page .payment-reference span,.payment-reference-page .payment-date span{font-size:9.3px}.payment-reference-page .payment-source,.payment-reference-page .payment-status{font-size:9.5px}.payment-reference-page .payment-ref-row-actions{gap:6px}.payment-reference-page .payment-ref-eye,.payment-reference-page .payment-ref-dots{width:32px;height:32px}.payment-reference-page .payment-ref-eye svg,.payment-reference-page .payment-ref-dots svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.payment-reference-page .payment-ref-dots svg circle{fill:currentColor;stroke:none}.payment-reference-page .payment-ref-action-menu{width:205px;padding:6px;right:0}.payment-reference-page .payment-ref-action-menu button{border-radius:7px;min-height:38px;padding:0 10px;font-size:10.5px}.payment-reference-page .payment-ref-empty{color:var(--muted);text-align:center;border-top:1px solid #003f2d14;padding:22px 14px;font-size:11px}.payment-reference-page .payment-ref-pagination{border-top:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:9px 12px;display:flex}.payment-reference-page .payment-ref-pagination>span{color:#68736e;font-size:10px}.payment-reference-page .payment-ref-pagination>div{align-items:center;gap:5px;display:flex}.payment-reference-page .payment-ref-pagination button{color:#456058;cursor:pointer;background:#fffefa;border:1px solid #003f2d1f;border-radius:7px;place-items:center;min-width:31px;height:31px;padding:0 8px;font-size:10.5px;font-weight:700;display:grid}.payment-reference-page .payment-ref-pagination button.is-active{color:#fff;background:#006447;border-color:#006447}.payment-reference-page .payment-ref-pagination button:disabled{opacity:.38;cursor:default}.payment-reference-page .payment-form label>span,.payment-reference-page .payment-detail-grid span,.payment-reference-page .payment-detail-notes>span{font-size:10.5px}.payment-reference-page .payment-form input,.payment-reference-page .payment-form select,.payment-reference-page .payment-form textarea,.payment-reference-page .payment-detail-grid strong,.payment-reference-page .payment-detail-notes p{font-size:11.5px}.payment-reference-page .recharts-text{font-family:inherit}.payment-reference-page .recharts-default-tooltip{background:#fffefa!important}@media (width<=1250px){.payment-reference-page .payment-ref-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.payment-reference-page .payment-ref-heading{align-items:start}.payment-reference-page .payment-ref-heading h1{font-size:27px}.payment-reference-page .payment-ref-toolbar{grid-template-columns:1fr 1fr}.payment-reference-page .payment-search{grid-column:1/-1}.payment-reference-page .payment-ref-export{justify-self:stretch}.payment-reference-page .payment-ref-export-button{width:100%}.payment-reference-page .payment-record-count{text-align:left}.payment-reference-page .payment-ref-analytics-grid{grid-template-columns:1fr}.payment-reference-page .payment-ref-analytics-card{min-height:220px}.payment-reference-page .payment-ref-pagination{flex-direction:column;align-items:flex-start}}@media (width<=600px){.payment-reference-page .payment-ref-toolbar{grid-template-columns:1fr}.payment-reference-page .payment-search{grid-column:auto}.payment-reference-page .payment-ref-kpis article{grid-template-columns:46px minmax(0,1fr)}.payment-reference-page .payment-ref-kpi-icon{width:44px;height:44px}.payment-reference-page .payment-ref-status-layout{grid-template-columns:1fr;justify-items:center}.payment-reference-page .payment-ref-status-legend{width:100%}}.payment-reference-page .payment-ref-calendar-month-button{min-width:112px;color:#273f37!important;background:0 0!important;border:0!important;width:auto!important;height:28px!important;padding:0 8px!important;font-size:11.5px!important;font-weight:750!important;line-height:1!important}.payment-reference-page .payment-ref-calendar-month-button:hover{background:#f1f6f2!important}.payment-reference-page button.payment-ref-calendar-day{color:#263e36;width:100%;min-height:26px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-content:center;place-items:center;gap:1px;padding:2px 0;font-size:9.4px;line-height:1;transition:background .13s,border-color .13s,color .13s,box-shadow .13s;display:grid}.payment-reference-page button.payment-ref-calendar-day:hover{background:#eef7f0;border-color:#00644729}.payment-reference-page button.payment-ref-calendar-day.has-records{background:#f8fbf8;font-weight:750}.payment-reference-page button.payment-ref-calendar-day.is-selected{color:#fff;background:#006447;border-color:#006447;font-weight:800;box-shadow:0 4px 10px #00644733}.payment-reference-page button.payment-ref-calendar-day.is-selected .payment-ref-calendar-dots i{outline-offset:1px;outline:1px solid #ffffffd1}.payment-reference-page .payment-ref-calendar-detail{background:linear-gradient(90deg,#f0f8f2bf,#fffefaf5);border:1px solid #003f2d1a;border-radius:11px;grid-column:1/-1;grid-template-columns:minmax(190px,.7fr) minmax(285px,.9fr) minmax(0,2.4fr);align-items:start;gap:12px;min-width:0;padding:12px 14px;display:grid}.payment-reference-page .payment-ref-calendar-detail-head{align-content:start;gap:8px;min-width:0;display:grid}.payment-reference-page .payment-ref-calendar-detail-head>div{gap:3px;display:grid}.payment-reference-page .payment-ref-calendar-detail-head span{color:#72807a;font-size:9.8px;line-height:1.35}.payment-reference-page .payment-ref-calendar-detail-head strong{color:var(--ink-green);font-size:13px;line-height:1.35}.payment-reference-page .payment-ref-calendar-detail-head>button{color:#006447;cursor:pointer;background:#fffefa;border:1px solid #0064472e;border-radius:7px;width:max-content;min-height:30px;padding:0 10px;font-size:9.8px;font-weight:700}.payment-reference-page .payment-ref-calendar-detail-head>button:hover{background:#eef7f0}.payment-reference-page .payment-ref-calendar-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.payment-reference-page .payment-ref-calendar-summary>div{background:#fffefaf0;border:1px solid #003f2d14;border-radius:8px;align-content:center;gap:3px;min-width:0;min-height:62px;padding:8px 9px;display:grid}.payment-reference-page .payment-ref-calendar-summary span{color:#74817c;font-size:8.9px;line-height:1.25}.payment-reference-page .payment-ref-calendar-summary strong{color:var(--ink-green);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;overflow:hidden}.payment-reference-page .payment-ref-calendar-records{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px;min-width:0;display:grid}.payment-reference-page .payment-ref-calendar-record{color:#27443a;text-align:left;cursor:pointer;background:#fffefaf5;border:1px solid #003f2d14;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:2px 8px;min-width:0;min-height:62px;padding:8px 9px;display:grid}.payment-reference-page .payment-ref-calendar-record:hover{background:#f3f8f4;border-color:#0064473b}.payment-reference-page .payment-ref-calendar-record-status{border-radius:999px;grid-row:1/3;width:7px;height:31px}.payment-reference-page .payment-ref-calendar-record>div{gap:2px;min-width:0;display:grid}.payment-reference-page .payment-ref-calendar-record>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;overflow:hidden}.payment-reference-page .payment-ref-calendar-record>div span{color:#82908a;text-overflow:ellipsis;white-space:nowrap;font-size:8.4px;line-height:1.25;overflow:hidden}.payment-reference-page .payment-ref-calendar-record>b{color:var(--ink-green);white-space:nowrap;justify-self:end;font-size:9.5px;line-height:1.25}.payment-reference-page .payment-ref-calendar-record>em{color:#77847f;white-space:nowrap;grid-column:3;justify-self:end;font-size:8.2px;font-style:normal;line-height:1.25}.payment-reference-page .payment-ref-calendar-no-records{color:#73817b;text-align:center;border:1px dashed #003f2d24;border-radius:8px;grid-column:1/-1;place-items:center;min-height:62px;padding:10px 14px;font-size:9.5px;display:grid}.payment-reference-page .payment-ref-calendar-more{color:#7a8782;grid-column:3;font-size:8.7px}@media (width<=1250px){.payment-reference-page .payment-ref-calendar-detail{grid-template-columns:minmax(180px,.7fr) minmax(250px,1fr)}.payment-reference-page .payment-ref-calendar-records,.payment-reference-page .payment-ref-calendar-more{grid-column:1/-1}}@media (width<=899px){.payment-reference-page .payment-ref-calendar-detail{grid-template-columns:1fr}.payment-reference-page .payment-ref-calendar-summary,.payment-reference-page .payment-ref-calendar-records{grid-column:auto}.payment-reference-page .payment-ref-calendar-records{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.payment-reference-page .payment-ref-calendar-more{grid-column:auto}}@media (width<=600px){.payment-reference-page .payment-ref-calendar-summary,.payment-reference-page .payment-ref-calendar-records{grid-template-columns:1fr}}.activity-reference-page{gap:16px}.activity-reference-page .activity-reference-heading{align-items:center;min-height:92px}.activity-reference-page .activity-reference-heading h1{font-size:32px;line-height:1.14}.activity-reference-page .activity-reference-heading p{max-width:760px;margin-top:7px;font-size:13px;line-height:1.5}.activity-reference-page .activity-reference-add-symbol{border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:15px;line-height:1;display:grid}.activity-reference-page .activity-reference-kpis{gap:14px}.activity-reference-page .activity-reference-kpis article{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-height:108px;padding:15px 16px;display:grid}.activity-reference-page .activity-reference-kpis article>div:last-child{gap:2px;min-width:0;display:grid}.activity-reference-page .activity-reference-kpis span{color:#67766f;font-size:12px}.activity-reference-page .activity-reference-kpis strong{color:var(--ink-green);font-size:26px;line-height:1.15}.activity-reference-page .activity-reference-kpis small{color:#86908c;font-size:10.5px;line-height:1.35}.activity-reference-page .activity-reference-kpi-icon{border-radius:12px;place-items:center;width:50px;height:50px;display:grid}.activity-reference-page .activity-reference-kpi-icon.is-blue{color:#4167ae;background:#e8f0ff}.activity-reference-page .activity-reference-kpi-icon.is-gold{color:#c17d04;background:#fff0c8}.activity-reference-page .activity-reference-kpi-icon.is-green{color:#168354;background:#e0f3e8}.activity-reference-page .activity-reference-kpi-icon.is-red{color:#d65353;background:#ffe5e5}.activity-reference-page .activity-reference-shell{border-radius:14px;overflow:visible}.activity-reference-page .activity-reference-toolbar{grid-template-columns:minmax(310px,1.35fr) minmax(135px,.46fr) minmax(150px,.5fr) minmax(150px,.5fr) auto;align-items:center;gap:10px;padding:12px 14px}.activity-reference-page .activity-search,.activity-reference-page .activity-filter{min-height:43px}.activity-reference-page .activity-search input,.activity-reference-page .activity-filter{font-size:12px}.activity-reference-page .activity-record-count{color:#718079;text-align:right;min-width:62px;font-size:10.5px}.activity-reference-page .activity-reference-notice{padding:0 14px 12px}.activity-reference-page .activity-reference-notice>div{background:#fff8e8;border:1px solid #c5972d3d;border-radius:9px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.activity-reference-page .activity-reference-notice-icon{color:#fff;background:#e8ac2c;border-radius:50%;flex:0 0 21px;place-items:center;width:21px;height:21px;font-size:12px;font-weight:800;display:grid}.activity-reference-page .activity-reference-notice strong{color:#75530e;font-size:11px;display:block}.activity-reference-page .activity-reference-notice p{color:#8c733e;margin:2px 0 0;font-size:10.3px;line-height:1.45}.activity-reference-page .activity-reference-table-heading{border-top:1px solid #003f2d14;border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 14px;display:flex}.activity-reference-page .activity-reference-table-heading>div{gap:2px;display:grid}.activity-reference-page .activity-reference-table-heading strong{color:var(--ink-green);font-size:13px}.activity-reference-page .activity-reference-table-heading span{color:#7d8984;font-size:10px}.activity-reference-page .activity-reference-table-wrap{overflow-x:auto}.activity-reference-page .activity-reference-table{min-width:1240px}.activity-reference-page .activity-reference-table th{height:42px;padding:8px 10px;font-size:10.8px}.activity-reference-page .activity-reference-table td{vertical-align:middle;height:64px;padding:9px 10px;font-size:11.4px}.activity-reference-page .activity-id,.activity-reference-page .activity-title-cell strong,.activity-reference-page .activity-date-cell strong,.activity-reference-page .activity-capacity strong{font-size:11.2px}.activity-reference-page .activity-title-cell span,.activity-reference-page .activity-date-cell span{font-size:9.6px}.activity-reference-page .activity-type,.activity-reference-page .activity-audience,.activity-reference-page .activity-venue{font-size:9.8px}.activity-reference-page .activity-capacity{min-width:88px}.activity-reference-page .activity-capacity>span{height:5px}.activity-reference-page .activity-status{min-width:128px;min-height:34px;font-size:9.8px}.activity-reference-page .activity-reference-publish-badge{color:#716d63;white-space:nowrap;background:#f1f0eb;border:1px solid #60686526;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:92px;min-height:31px;padding:0 9px;font-size:9.5px;font-weight:700;display:inline-flex}.activity-reference-page .activity-reference-publish-badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.activity-reference-page .activity-reference-publish-badge.is-published{color:#127b50;background:#e1f3e9;border-color:#12835424}.activity-reference-page .activity-reference-row-actions{gap:6px}.activity-reference-page .activity-reference-eye,.activity-reference-page .activity-reference-dots{width:33px;height:33px}.activity-reference-page .activity-reference-eye svg,.activity-reference-page .activity-reference-dots svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.activity-reference-page .activity-reference-dots svg circle{fill:currentColor;stroke:none}.activity-reference-page .activity-reference-menu{z-index:90;border-radius:10px;width:218px;padding:6px;top:calc(100% + 7px);bottom:auto;right:0}.activity-reference-page .activity-reference-menu.open-up{top:auto;bottom:calc(100% + 7px)}.activity-reference-page .activity-reference-menu button{border-radius:7px;min-height:39px;padding:0 11px;font-size:10.7px;font-weight:650}.activity-reference-page .activity-reference-empty{color:#78847f;text-align:center;border-top:1px solid #003f2d14;padding:24px 14px;font-size:11px}.activity-reference-page .activity-reference-pagination{border-top:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:9px 14px;display:flex}.activity-reference-page .activity-reference-pagination>span{color:#6e7a75;font-size:10.5px}.activity-reference-page .activity-reference-pagination>div{align-items:center;gap:5px;display:flex}.activity-reference-page .activity-reference-pagination button{color:#466057;cursor:pointer;background:#fffefa;border:1px solid #003f2d1f;border-radius:7px;place-items:center;min-width:32px;height:32px;padding:0 8px;font-size:10.5px;font-weight:700;display:grid}.activity-reference-page .activity-reference-pagination button.is-active{color:#fff;background:#006447;border-color:#006447}.activity-reference-page .activity-reference-pagination button:disabled{opacity:.38;cursor:default}.activity-reference-page .activity-reference-form label>span{font-size:10.8px}.activity-reference-page .activity-reference-form label>small{color:#8a9590;margin-top:4px;font-size:9px;line-height:1.35}.activity-reference-page .activity-reference-form input,.activity-reference-page .activity-reference-form select,.activity-reference-page .activity-reference-form textarea{font-size:11.8px}.activity-reference-page .activity-reference-form input[readonly]{color:#68746f;cursor:default;background:#f4f4ef}.activity-reference-page .activity-reference-publish-control button{color:#6f6b61;cursor:pointer;background:#f4f3ee;border:1px solid #5a646029;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:10.5px;font-weight:700;display:inline-flex}.activity-reference-page .activity-reference-publish-control button i{background:currentColor;border-radius:50%;width:7px;height:7px}.activity-reference-page .activity-reference-publish-control button.is-published{color:#117e50;background:#e3f3e9;border-color:#107e502e}.activity-preview-layer{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1f188c;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.activity-preview-dialog{background:#fffefa;border:1px solid #003f2d1a;border-radius:20px;width:min(1040px,100vw - 56px);max-height:calc(100vh - 56px);overflow-y:auto;box-shadow:0 28px 70px #0c231b3d}.activity-preview-heading{border-bottom:1px solid #003f2d17;justify-content:space-between;align-items:flex-start;gap:16px;min-height:108px;padding:22px 24px;display:flex}.activity-preview-heading>div{min-width:0}.activity-preview-heading span{color:#c38c19;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:800}.activity-preview-heading h2{color:var(--ink-green);margin:5px 0 0;font-family:Lora,serif;font-size:26px;line-height:1.2}.activity-preview-heading p{color:#78847f;max-width:700px;margin:7px 0 0;font-size:11px;line-height:1.5}.activity-preview-heading>button{width:38px;height:38px;color:var(--ink-green);cursor:pointer;background:#f7f5ef;border:1px solid #003f2d17;border-radius:10px;flex:0 0 38px;place-items:center;display:grid}.activity-preview-layout{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:22px;padding:24px;display:grid}.activity-public-card-preview{background:#fff;border:1px solid #ddd9d0;border-radius:16px;overflow:hidden;box-shadow:0 7px 18px #2c251c14}.activity-public-preview-media{background:radial-gradient(circle at 18% 28%,#ffffff2e,#0000 26%),linear-gradient(135deg,#486e59,#193e31);min-height:245px;position:relative;overflow:hidden}.activity-public-preview-program{background:radial-gradient(circle at 20% 20%,#ffffff38,#0000 25%),linear-gradient(135deg,#4f765f,#183e30)}.activity-public-preview-aktiviti-kelas{background:radial-gradient(circle at 78% 28%,#fff3,#0000 24%),linear-gradient(135deg,#605f53,#283d36)}.activity-public-preview-pengumuman{background:radial-gradient(circle at 22% 26%,#ffffff38,#0000 24%),linear-gradient(135deg,#b17b1f,#765016)}.activity-public-preview-cuti---penutupan{background:radial-gradient(circle at 74% 22%,#ffffff38,#0000 24%),linear-gradient(135deg,#845f5a,#4b302d)}.activity-public-preview-media>span{z-index:2;color:#a41319;background:#fffffff0;border-radius:999px;padding:6px 10px;font-size:10.5px;font-weight:700;position:absolute;top:16px;left:16px}.activity-public-preview-pattern{opacity:.4;background-image:linear-gradient(30deg,#ffffff1f 12%,#0000 12.5% 87%,#ffffff1f 87.5%,#ffffff1f),linear-gradient(150deg,#ffffff1f 12%,#0000 12.5% 87%,#ffffff1f 87.5%,#ffffff1f),linear-gradient(30deg,#ffffff1f 12%,#0000 12.5% 87%,#ffffff1f 87.5%,#ffffff1f),linear-gradient(150deg,#ffffff1f 12%,#0000 12.5% 87%,#ffffff1f 87.5%,#ffffff1f),linear-gradient(60deg,#ffffff14 25%,#0000 25.5% 75%,#ffffff14 75%);background-size:80px 140px;position:absolute;inset:0}.activity-public-preview-body{padding:20px 22px}.activity-public-preview-body h3{color:#191919;margin:0;font-size:19px;line-height:1.3}.activity-public-preview-body>p{color:#6c6662;min-height:44px;margin:8px 0 14px;font-size:12px;line-height:1.55}.activity-public-preview-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.activity-public-preview-meta span{color:#625f5c;align-items:center;gap:7px;min-width:0;font-size:11px;line-height:1.35;display:flex}.activity-public-preview-meta b{font-size:12px}.activity-public-preview-footer{border-top:1px solid #e1ddd5;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:17px;padding-top:15px;display:flex}.activity-public-preview-footer>div{gap:6px;min-width:0;display:grid}.activity-public-preview-footer strong{color:#a41319;font-size:14px}.activity-public-preview-footer span{border-radius:999px;width:max-content;padding:5px 9px;font-size:10px;font-weight:700}.activity-public-preview-footer span.is-open{color:#178047;background:#e0f5e7}.activity-public-preview-footer span.is-waiting{color:#2a6ca8;background:#e6f1ff}.activity-public-preview-footer span.is-closed{color:#6c675e;background:#efede7}.activity-public-preview-footer button{color:#fff;opacity:.68;background:#a41319;border:0;border-radius:10px;min-width:82px;min-height:42px;font-size:12px;font-weight:700}.activity-preview-inspector{align-content:start;gap:8px;display:grid}.activity-preview-inspector>div:not(.activity-preview-note){background:#faf9f4;border:1px solid #003f2d17;border-radius:10px;align-content:center;gap:3px;min-height:58px;padding:10px 12px;display:grid}.activity-preview-inspector span{color:#7e8a85;font-size:9.5px}.activity-preview-inspector strong{color:var(--ink-green);font-size:11.5px}.activity-preview-note{background:#fff8e8;border:1px solid #c5972d38;border-radius:10px;margin-top:4px;padding:12px}.activity-preview-note strong{color:#785712;font-size:10.5px}.activity-preview-note p{color:#8d753f;margin:4px 0 0;font-size:9.5px;line-height:1.5}.activity-reference-page .activity-reference-mobile-publish{margin-top:8px}@media (width<=1180px){.activity-reference-page .activity-reference-toolbar{grid-template-columns:1fr 1fr 1fr}.activity-reference-page .activity-search{grid-column:1/-1}.activity-reference-page .activity-record-count{text-align:left}}@media (width<=899px){.activity-reference-page .activity-reference-heading{align-items:flex-start}.activity-reference-page .activity-reference-heading h1{font-size:28px}.activity-reference-page .activity-reference-toolbar{grid-template-columns:1fr 1fr}.activity-reference-page .activity-search{grid-column:1/-1}.activity-reference-page .activity-reference-pagination{flex-direction:column;align-items:flex-start}.activity-preview-layer{padding:14px}.activity-preview-dialog{width:min(100%,100vw - 28px);max-height:calc(100vh - 28px)}.activity-preview-layout{grid-template-columns:1fr;padding:18px}.activity-preview-heading{padding:18px}}@media (width<=600px){.activity-reference-page .activity-reference-toolbar{grid-template-columns:1fr}.activity-reference-page .activity-search{grid-column:auto}.activity-reference-page .activity-reference-kpis article{grid-template-columns:44px minmax(0,1fr)}.activity-reference-page .activity-reference-kpi-icon{width:44px;height:44px}.activity-public-preview-media{min-height:180px}.activity-public-preview-meta{grid-template-columns:1fr}.activity-public-preview-footer{flex-direction:column;align-items:stretch}.activity-public-preview-footer button{width:100%}}.activity-23e-page{gap:15px}.activity-23e-page .activity-23e-heading{align-items:center;min-height:90px}.activity-23e-page .activity-23e-heading h1{font-size:31px;line-height:1.15}.activity-23e-page .activity-23e-heading p{max-width:720px;margin-top:6px;font-size:12.5px;line-height:1.45}.activity-23e-page .activity-23e-add{border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:15px;line-height:1;display:grid}.activity-23e-page .activity-23e-kpis{gap:13px}.activity-23e-page .activity-23e-kpis article{grid-template-columns:49px minmax(0,1fr);align-items:center;gap:11px;min-height:102px;padding:14px 15px;display:grid}.activity-23e-page .activity-23e-kpis article>div:last-child{gap:2px;display:grid}.activity-23e-page .activity-23e-kpis span{color:#68766f;font-size:11.5px}.activity-23e-page .activity-23e-kpis strong{color:var(--ink-green);font-size:25px;line-height:1.12}.activity-23e-page .activity-23e-kpis small{color:#85908b;font-size:10px}.activity-23e-page .activity-23e-kpi-icon{border-radius:12px;place-items:center;width:47px;height:47px;display:grid}.activity-23e-page .activity-23e-kpi-icon.is-blue{color:#4067b0;background:#e8f0ff}.activity-23e-page .activity-23e-kpi-icon.is-gold{color:#c17c02;background:#fff0c9}.activity-23e-page .activity-23e-kpi-icon.is-green{color:#148152;background:#e1f3e8}.activity-23e-page .activity-23e-kpi-icon.is-red{color:#d45151;background:#ffe5e5}.activity-23e-workspace{grid-template-columns:minmax(0,1.62fr) minmax(300px,.72fr);align-items:start;gap:14px;display:grid}.activity-23e-list-panel{border-radius:14px;min-width:0;overflow:visible}.activity-23e-page .activity-23e-toolbar{grid-template-columns:minmax(230px,1fr) minmax(125px,.34fr) minmax(135px,.36fr) minmax(145px,.38fr);gap:9px;padding:11px 12px}.activity-23e-page .activity-search,.activity-23e-page .activity-filter{min-height:42px}.activity-23e-table-heading{border-top:1px solid #003f2d14;border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:9px 12px;display:flex}.activity-23e-table-heading>div{gap:2px;display:grid}.activity-23e-table-heading strong{color:var(--ink-green);font-size:12.5px}.activity-23e-table-heading span{color:#7b8882;font-size:9.8px}.activity-23e-table-wrap{overflow:auto visible}.activity-23e-table{min-width:940px}.activity-23e-table th{height:41px;padding:8px 9px;font-size:10.3px}.activity-23e-table td{vertical-align:middle;height:69px;padding:8px 9px;font-size:10.8px}.activity-23e-table tbody tr{cursor:pointer;transition:background .13s,box-shadow .13s}.activity-23e-table tbody tr:hover{background:#f6faf7}.activity-23e-table tbody tr.is-selected{background:#eef7f0;box-shadow:inset 3px 0 #0c7653}.activity-23e-activity-cell{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;min-width:210px;display:grid}.activity-23e-activity-cell img{object-fit:cover;border-radius:8px;width:52px;height:44px;display:block;box-shadow:0 2px 7px #162e241f}.activity-23e-activity-cell>div{gap:3px;min-width:0;display:grid}.activity-23e-activity-cell strong{color:#243d34;text-overflow:ellipsis;white-space:nowrap;font-size:10.7px;line-height:1.3;overflow:hidden}.activity-23e-activity-cell span{color:#89928e;font-size:8.9px}.activity-23e-publish-badge{color:#706c63;white-space:nowrap;background:#f0efea;border-radius:999px;align-items:center;gap:5px;min-height:29px;padding:0 8px;font-size:8.9px;font-weight:700;display:inline-flex}.activity-23e-publish-badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.activity-23e-publish-badge.is-published{color:#147a50;background:#e1f2e8}.activity-23e-row-actions{gap:5px}.activity-23e-edit-button{color:#0c694c;cursor:pointer;background:#fffefa;border:1px solid #00573f26;border-radius:8px;min-height:31px;padding:0 10px;font-size:9.3px;font-weight:700}.activity-23e-edit-button:hover{background:#eef7f0}.activity-23e-more-button{letter-spacing:-1px;width:31px;height:31px;font-size:11px}.activity-23e-menu{z-index:120;width:178px;right:0}.activity-23e-menu.open-up{top:auto;bottom:calc(100% + 6px)}.activity-23e-menu button{min-height:37px;font-size:10px}.activity-23e-pagination{border-top:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:10px;min-height:49px;padding:8px 12px;display:flex}.activity-23e-pagination>span{color:#74817b;font-size:9.7px}.activity-23e-pagination>div{gap:5px;display:flex}.activity-23e-pagination button{color:#466058;cursor:pointer;background:#fffefa;border:1px solid #003f2d1f;border-radius:7px;place-items:center;min-width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.activity-23e-pagination button.is-active{color:#fff;background:#006447;border-color:#006447}.activity-23e-pagination button:disabled{opacity:.38}.activity-23e-empty{color:#7a8781;text-align:center;padding:24px 12px;font-size:10.5px}.activity-23e-mobile-list{display:none}.activity-23e-inspector{background:#fffefa;border:1px solid #003f2d1a;border-radius:14px;min-width:0;position:sticky;top:86px;overflow:hidden;box-shadow:0 7px 20px #122d230f}.activity-23e-inspector-heading{border-bottom:1px solid #003f2d14;justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:12px 14px;display:flex}.activity-23e-inspector-heading>div{gap:2px;display:grid}.activity-23e-inspector-heading span{color:#6e7d76;font-size:9.7px}.activity-23e-inspector-heading strong{color:var(--ink-green);font-size:11.5px}.activity-23e-inspector-heading>button{color:#0c6b4d;cursor:pointer;background:#f4f8f5;border:1px solid #005d4329;border-radius:8px;min-height:31px;padding:0 11px;font-size:9.8px;font-weight:700}.activity-23e-preview-image{background:#e7eee9;height:176px;position:relative;overflow:hidden}.activity-23e-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.activity-23e-preview-image:after{content:"";background:linear-gradient(#0000 52%,#07271d7a);position:absolute;inset:0}.activity-23e-preview-image>span{z-index:2;color:#0d684b;background:#fffefaf0;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;position:absolute;bottom:11px;left:12px}.activity-23e-preview-copy{padding:14px 14px 10px}.activity-23e-preview-copy h2{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:19px;line-height:1.28}.activity-23e-preview-copy p{color:#707d77;margin:6px 0 0;font-size:10.2px;line-height:1.5}.activity-23e-preview-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 14px 12px;display:grid}.activity-23e-preview-meta>div{background:#faf9f4;border:1px solid #003f2d14;border-radius:9px;align-content:center;gap:3px;min-width:0;min-height:55px;padding:8px 9px;display:grid}.activity-23e-preview-meta span{color:#87918d;font-size:8.7px}.activity-23e-preview-meta strong{color:#29463b;text-overflow:ellipsis;font-size:10px;line-height:1.3;overflow:hidden}.activity-23e-control-block{background:#f8faf7;border:1px solid #003f2d14;border-radius:10px;gap:10px;margin:0 14px 12px;padding:11px;display:grid}.activity-23e-control-block label{gap:5px;display:grid}.activity-23e-control-block label>span,.activity-23e-publication-row>div>span{color:#76837d;font-size:9px;font-weight:650}.activity-23e-control-block select{min-height:36px;padding:0 10px;font-size:9.8px}.activity-23e-publication-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.activity-23e-publication-row>div{gap:2px;display:grid}.activity-23e-publication-row strong{color:#234237;font-size:10px}.activity-23e-switch{cursor:pointer;background:#c7ccc8;border:0;border-radius:999px;flex:0 0 42px;width:42px;height:23px;padding:0;transition:background .14s;position:relative}.activity-23e-switch i{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #15302638}.activity-23e-switch.is-on{background:#0a7350}.activity-23e-switch.is-on i{transform:translate(19px)}.activity-23e-landing-card{background:#edf7f0;border:1px solid #0066481f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 14px 10px;padding:11px;display:flex}.activity-23e-landing-card>div{gap:2px;min-width:0;display:grid}.activity-23e-landing-card span{color:#1c7657;font-size:8.7px;font-weight:750}.activity-23e-landing-card strong{color:#135c45;font-size:10.5px}.activity-23e-landing-card p{color:#678178;margin:2px 0 0;font-size:8.5px;line-height:1.4}.activity-23e-landing-button{color:#0b6e50;cursor:pointer;background:#fffefa;border:1px solid #0b6e50;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 28px);min-height:39px;margin:0 14px 10px;font-size:10px;font-weight:750;display:flex}.activity-23e-landing-button:hover{background:#edf7f0}.activity-23e-preview-footnote{gap:3px;padding:0 14px 14px;display:grid}.activity-23e-preview-footnote strong{color:#0f7a53;font-size:9.2px}.activity-23e-preview-footnote span{color:#8a948f;font-size:8.2px;line-height:1.4}.activity-23e-inspector-empty{color:#7f8c86;text-align:center;place-items:center;min-height:430px;padding:24px;font-size:10.5px;display:grid}.activity-23e-form label>small{color:#8a9590;margin-top:4px;font-size:8.9px}@media (width<=1280px){.activity-23e-workspace{grid-template-columns:minmax(0,1.4fr) minmax(290px,.7fr)}.activity-23e-page .activity-23e-toolbar{grid-template-columns:1fr 1fr}.activity-23e-page .activity-search{grid-column:1/-1}}@media (width<=1050px){.activity-23e-workspace{grid-template-columns:1fr}.activity-23e-inspector{position:static}}@media (width<=760px){.activity-23e-page .activity-23e-heading{align-items:flex-start}.activity-23e-page .activity-23e-heading h1{font-size:27px}.activity-23e-page .activity-23e-toolbar{grid-template-columns:1fr}.activity-23e-page .activity-search{grid-column:auto}.activity-23e-table-wrap{display:none}.activity-23e-mobile-list{gap:8px;padding:10px 12px;display:grid}.activity-23e-mobile-card{text-align:left;background:#fffefa;border:1px solid #003f2d14;border-radius:10px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:8px;display:grid}.activity-23e-mobile-card.is-selected{background:#eef7f0;border-color:#00644757}.activity-23e-mobile-card img{object-fit:cover;border-radius:8px;width:64px;height:54px}.activity-23e-mobile-card>div{gap:3px;min-width:0;display:grid}.activity-23e-mobile-card strong{color:#27443a;font-size:10.8px}.activity-23e-mobile-card span,.activity-23e-mobile-card small{color:#78857f;font-size:9px}.activity-23e-pagination{flex-direction:column;align-items:flex-start}}.activity-23e-workspace{align-items:stretch}.activity-23e-list-panel{flex-direction:column;align-self:stretch;min-height:100%;display:flex}.activity-23e-list-panel .activity-23e-table-wrap{flex:auto}.activity-23e-list-panel .activity-23e-pagination{margin-top:auto}.activity-23e-inspector{align-self:stretch}.activity-23e-page .activity-23e-toolbar{grid-template-columns:minmax(260px,1.2fr) minmax(135px,.36fr) minmax(145px,.38fr) minmax(155px,.4fr)}.activity-23e-page .activity-search input,.activity-23e-page .activity-filter{font-size:13px}.activity-23e-table-heading strong{font-size:14px}.activity-23e-table-heading span{font-size:11.2px}.activity-23e-table{table-layout:fixed;min-width:1040px}.activity-23e-table th{padding:9px 10px;font-size:11.8px}.activity-23e-table td{height:75px;padding:9px 10px;font-size:12px}.activity-23e-table th:first-child,.activity-23e-table td:first-child{width:28%;min-width:260px}.activity-23e-table th:nth-child(2),.activity-23e-table td:nth-child(2){width:13%}.activity-23e-table th:nth-child(3),.activity-23e-table td:nth-child(3){width:17%}.activity-23e-table th:nth-child(4),.activity-23e-table td:nth-child(4){width:14%}.activity-23e-table th:nth-child(5),.activity-23e-table td:nth-child(5){width:12%}.activity-23e-table th:nth-child(6),.activity-23e-table td:nth-child(6){width:11%}.activity-23e-table th:nth-child(7),.activity-23e-table td:nth-child(7){width:12%}.activity-23e-activity-cell{grid-template-columns:58px minmax(0,1fr);gap:11px;min-width:0}.activity-23e-activity-cell img{width:58px;height:50px}.activity-23e-activity-cell>div{min-width:0}.activity-23e-activity-cell strong{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.3px;line-height:1.32;display:-webkit-box;overflow:hidden}.activity-23e-activity-cell span{font-size:10px}.activity-23e-page .activity-type,.activity-23e-page .activity-venue,.activity-23e-page .activity-date-cell strong{font-size:11px}.activity-23e-page .activity-date-cell span{font-size:10px}.activity-23e-page .activity-status{font-size:10.6px}.activity-23e-publish-badge{min-height:31px;padding:0 9px;font-size:10.2px}.activity-23e-edit-button{min-height:33px;padding:0 11px;font-size:10.5px}.activity-23e-more-button{width:33px;height:33px;font-size:12px}.activity-23e-menu button,.activity-23e-pagination>span{font-size:11px}.activity-23e-pagination button{min-width:32px;height:32px;font-size:11px}.activity-23e-inspector-heading span{font-size:10.8px}.activity-23e-inspector-heading strong{font-size:12.6px}.activity-23e-inspector-heading>button{font-size:10.8px}.activity-23e-preview-copy h2{font-size:21px}.activity-23e-preview-copy p{font-size:11.4px}.activity-23e-preview-meta span{font-size:9.8px}.activity-23e-preview-meta strong{font-size:11.2px}.activity-23e-control-block label>span,.activity-23e-publication-row>div>span{font-size:10px}.activity-23e-control-block select{font-size:10.8px}.activity-23e-publication-row strong{font-size:11px}.activity-23e-landing-card span{font-size:9.6px}.activity-23e-landing-card strong{font-size:11.4px}.activity-23e-landing-card p{font-size:9.4px}.activity-23e-landing-button{font-size:11px}.activity-23e-preview-footnote strong{font-size:10.2px}.activity-23e-preview-footnote span{font-size:9.2px}.activity-23e-form label>span{font-size:11.6px}.activity-23e-form label>small{font-size:9.8px}.activity-23e-form input,.activity-23e-form select,.activity-23e-form textarea{font-size:12.3px}@media (width<=1280px){.activity-23e-page .activity-23e-toolbar{grid-template-columns:1fr 1fr}.activity-23e-table{min-width:1000px}}@media (width<=1050px){.activity-23e-list-panel{min-height:auto}}.activity-23e-table .activity-type,.activity-23e-table .activity-venue{min-height:0;box-shadow:none;color:#29463b;background:0 0;border:0;border-radius:0;padding:0;font-size:11px;font-weight:650;line-height:1.4;display:inline}.activity-23e-table .activity-type:before,.activity-23e-table .activity-type:after,.activity-23e-table .activity-venue:before,.activity-23e-table .activity-venue:after{content:none}.activity-23h-form{padding:0}.activity-23h-form .activity-23h-section-title{border-bottom:1px solid #003f2d12;gap:3px;padding:16px 22px 10px;display:grid}.activity-23h-form .activity-23h-section-title strong{color:var(--ink-green);font-size:13px}.activity-23h-form .activity-23h-section-title span{color:#7d8984;font-size:10px;line-height:1.4}.activity-23h-form .activity-23h-primary-grid,.activity-23h-form .activity-23h-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;padding:16px 22px;display:grid}.activity-23h-form .activity-23h-secondary-title{border-top:1px solid #003f2d12}.activity-23h-form .activity-form-wide{grid-column:1/-1}.activity-23h-form .activity-23h-image-field{gap:7px;display:grid}.activity-23h-image-uploader{background:#f8fbf8;border:1px dashed #005c4247;border-radius:11px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;min-height:122px;padding:10px;display:grid}.activity-23h-image-uploader>img{object-fit:cover;background:#e8eee9;border-radius:9px;width:150px;height:100px;display:block}.activity-23h-image-uploader>div{justify-items:start;gap:5px;min-width:0;display:grid}.activity-23h-image-uploader strong{color:#24463a;font-size:12px}.activity-23h-image-uploader p{color:#7d8984;margin:0;font-size:10px;line-height:1.45}.activity-23h-upload-button{color:#0b6e50;cursor:pointer;background:#fffefa;border:1px solid #0060453d;border-radius:8px;justify-content:center;align-items:center;min-height:34px;margin-top:3px;padding:0 12px;font-size:10.5px;font-weight:750;display:inline-flex}.activity-23h-upload-button:hover{background:#edf7f0}.activity-23h-upload-button input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.activity-23h-form label{min-width:0}.activity-23h-form label>span{color:#455b52;margin-bottom:6px;font-size:11.5px;font-weight:650;display:block}.activity-23h-form input,.activity-23h-form select,.activity-23h-form textarea,.activity-23h-form .activity-publish-toggle>button{width:100%;min-height:42px;font-size:12px}.activity-23h-form textarea{min-height:96px}.activity-23h-form .activity-23h-publish-field>button{justify-content:center}.activity-23h-form .activity-23h-actions{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefaf7;border-top:1px solid #003f2d14;margin:0;padding:12px 22px 16px;position:sticky;bottom:0}.activity-dialog:has(.activity-23h-form){width:min(880px,100vw - 48px);max-height:min(800px,100vh - 48px)}.activity-dialog:has(.activity-23h-form) .activity-dialog-heading{padding-left:22px;padding-right:22px}@media (width<=720px){.activity-23h-form .activity-23h-primary-grid,.activity-23h-form .activity-23h-secondary-grid{grid-template-columns:1fr;padding:14px 16px}.activity-23h-image-uploader{grid-template-columns:1fr}.activity-23h-image-uploader>img{width:100%;height:160px}.activity-23h-form .activity-23h-section-title,.activity-23h-form .activity-23h-actions{padding-left:16px;padding-right:16px}}.activity-23j-registration-card{background:#fbfdfb;border:1px solid #0064471f;border-radius:10px;gap:10px;margin:0 14px 12px;padding:12px;display:grid}.activity-23j-registration-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.activity-23j-registration-heading>div{gap:2px;display:grid}.activity-23j-registration-heading span{color:#718079;font-size:9.8px}.activity-23j-registration-heading strong{color:#164b3a;font-size:12.2px}.activity-23j-registration-progress{background:#e7ebe8;border-radius:999px;height:6px;overflow:hidden}.activity-23j-registration-progress i{border-radius:inherit;background:#0a7b55;height:100%;display:block}.activity-23j-registration-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.activity-23j-registration-actions button{color:#0b6d4e;cursor:pointer;background:#fffefa;border:1px solid #00604529;border-radius:8px;min-height:35px;font-size:10px;font-weight:750}.activity-23j-registration-actions button.primary{color:#fff;background:#076c4c;border-color:#076c4c}.activity-23j-participant-layer{z-index:1700;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.activity-23j-participant-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1f1894;border:0;position:absolute;inset:0}.activity-23j-participant-dialog{z-index:1;background:#fffefa;border:1px solid #003f2d1a;border-radius:18px;width:min(1080px,100vw - 48px);max-height:calc(100vh - 48px);position:relative;overflow:auto;box-shadow:0 26px 70px #0c221a47}.activity-23j-participant-heading{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefaf7;border-bottom:1px solid #003f2d17;justify-content:space-between;align-items:flex-start;gap:16px;min-height:82px;padding:18px 20px;display:flex;position:sticky;top:0}.activity-23j-participant-heading>div{gap:2px;display:grid}.activity-23j-participant-heading span{color:#c18d1e;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.activity-23j-participant-heading h2{color:var(--ink-green);margin:0;font-family:Lora,serif;font-size:23px;line-height:1.2}.activity-23j-participant-heading p{color:#78857f;margin:2px 0 0;font-size:10.5px}.activity-23j-participant-heading>button{color:#24483b;cursor:pointer;background:#f6f5ef;border:1px solid #003f2d1a;border-radius:9px;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.activity-23j-participant-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px 0;display:grid}.activity-23j-participant-summary>div{background:#faf9f4;border:1px solid #003f2d14;border-radius:10px;align-content:center;gap:3px;min-height:68px;padding:10px 12px;display:grid}.activity-23j-participant-summary span{color:#7b8882;font-size:9.5px}.activity-23j-participant-summary strong{color:#154938;font-size:18px}.activity-23j-participant-toolbar{grid-template-columns:minmax(260px,1fr) 150px 150px auto;gap:8px;padding:14px 18px;display:grid}.activity-23j-participant-toolbar input,.activity-23j-participant-toolbar select{color:#263f36;min-height:40px;font:inherit;background:#fffefa;border:1px solid #003f2d21;border-radius:9px;padding:0 11px;font-size:10.8px}.activity-23j-participant-toolbar>button{color:#fff;cursor:pointer;background:#076c4c;border:0;border-radius:9px;min-height:40px;padding:0 14px;font-size:10.5px;font-weight:750}.activity-23j-participant-table-wrap{border-top:1px solid #003f2d14;border-bottom:1px solid #003f2d14;overflow-x:auto}.activity-23j-participant-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:880px}.activity-23j-participant-table th{color:#56665f;text-align:left;background:#faf9f4;padding:10px 12px;font-size:10px}.activity-23j-participant-table td{color:#30483f;vertical-align:middle;border-top:1px solid #003f2d12;padding:11px 12px;font-size:10.7px}.activity-23j-participant-table td:first-child{gap:2px;display:grid}.activity-23j-participant-table td:first-child strong{color:#173f32;font-size:11.2px}.activity-23j-participant-table td:first-child span{color:#8a948f;font-size:9.2px}.activity-23j-participant-status{color:#666c68;background:#eef0ed;border-radius:999px;align-items:center;min-height:28px;padding:0 8px;font-size:9px;font-weight:750;display:inline-flex}.activity-23j-participant-status.is-disahkan{color:#147a50;background:#e0f2e7}.activity-23j-participant-status.is-menunggu{color:#a06c05;background:#fff0c9}.activity-23j-participant-status.is-dibatalkan{color:#b84343;background:#ffe3e3}.activity-23j-participant-row-actions{gap:5px;display:flex}.activity-23j-participant-row-actions button{color:#0d694c;cursor:pointer;background:#fffefa;border:1px solid #003f2d1f;border-radius:7px;min-height:29px;padding:0 8px;font-size:9px;font-weight:700}.activity-23j-participant-row-actions button.danger{color:#b74646}.activity-23j-participant-pagination{justify-content:space-between;align-items:center;gap:10px;padding:11px 18px 15px;display:flex}.activity-23j-participant-pagination>span{color:#78857f;font-size:9.8px}.activity-23j-participant-pagination>div{gap:5px;display:flex}.activity-23j-participant-pagination button{color:#0d694c;cursor:pointer;background:#fffefa;border:1px solid #003f2d1f;border-radius:7px;width:31px;height:31px}.activity-23j-participant-pagination button:disabled{opacity:.35;cursor:default}.activity-23j-participant-empty{color:#7b8882;text-align:center;padding:24px;font-size:10.5px}.activity-23j-participant-content{padding:18px 20px 20px}.activity-23j-participant-form{gap:14px;display:grid}.activity-23j-participant-form label{gap:6px;display:grid}.activity-23j-participant-form label>span{color:#3a5148;font-size:10.8px;font-weight:700}.activity-23j-participant-form input,.activity-23j-participant-form select{color:#253f35;min-height:42px;font:inherit;background:#fffefa;border:1px solid #003f2d24;border-radius:9px;padding:0 11px;font-size:11.3px}.activity-23j-participant-kind{background:#f0f1ec;border-radius:10px;grid-template-columns:1fr 1fr;gap:7px;padding:5px;display:grid}.activity-23j-participant-kind button{color:#66736d;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:38px;font-size:10.5px;font-weight:750}.activity-23j-participant-kind button.is-active{color:#0b6d4e;background:#fffefa;box-shadow:0 2px 7px #162d2414}.activity-23j-student-summary,.activity-23j-participant-grid,.activity-23j-participant-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.activity-23j-student-summary>div,.activity-23j-participant-detail>div{background:#faf9f4;border:1px solid #003f2d14;border-radius:9px;align-content:center;gap:3px;min-height:62px;padding:10px 11px;display:grid}.activity-23j-student-summary span,.activity-23j-participant-detail span{color:#83908a;font-size:9.5px}.activity-23j-student-summary strong,.activity-23j-participant-detail strong{color:#29463b;font-size:10.8px}.activity-23j-participant-grid .activity-form-wide{grid-column:1/-1}.activity-23j-participant-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.activity-23j-participant-actions button{color:#40554c;cursor:pointer;background:#fffefa;border:1px solid #003f2d21;border-radius:9px;min-height:39px;padding:0 14px;font-size:10.5px;font-weight:750}.activity-23j-participant-actions button.primary{color:#fff;background:#076c4c;border-color:#076c4c}@media (width<=840px){.activity-23j-participant-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-23j-participant-toolbar{grid-template-columns:1fr 1fr}.activity-23j-participant-toolbar input{grid-column:1/-1}}@media (width<=600px){.activity-23j-registration-actions,.activity-23j-student-summary,.activity-23j-participant-grid,.activity-23j-participant-detail,.activity-23j-participant-kind,.activity-23j-participant-summary,.activity-23j-participant-toolbar{grid-template-columns:1fr}.activity-23j-participant-layer{padding:10px}.activity-23j-participant-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}}.activity-23k-student-picker,.activity-23k-student-search{position:relative}.activity-23k-student-search>input{width:100%;padding-right:38px}.activity-23k-student-search:after{content:"⌕";z-index:2;color:#74817b;pointer-events:none;font-size:16px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.activity-23k-student-results{z-index:50;background:#fffefa;border:1px solid #003f2d24;border-radius:10px;max-height:270px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 34px #122d2329}.activity-23k-student-results button{color:#29463b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:2px;width:100%;padding:9px 10px;display:grid}.activity-23k-student-results button:hover,.activity-23k-student-results button.is-selected{background:#edf6f0}.activity-23k-student-results strong{font-size:11.2px;line-height:1.35}.activity-23k-student-results span{color:#0c7452;font-size:9.4px;font-weight:750}.activity-23k-student-results small{color:#7d8984;font-size:9.2px;line-height:1.35}.activity-23k-student-no-result{color:#7d8984;text-align:center;padding:16px 10px;font-size:10.5px}.activity-23l-payment-section{background:#fbfdfb;border:1px solid #005d431c;border-radius:12px;overflow:hidden}.activity-23l-section-heading{background:#f3f8f4;border-bottom:1px solid #005d4314;padding:12px 14px}.activity-23l-section-heading>div{gap:3px;display:grid}.activity-23l-section-heading strong{color:#164b3a;font-size:12px}.activity-23l-section-heading span{color:#78857f;font-size:9.7px;line-height:1.4}.activity-23l-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px 14px 10px;display:grid}.activity-23l-payment-grid .activity-form-wide{grid-column:1/-1}.activity-23l-flow-preview{background:#fff8e8;border:1px solid #c6941e2e;border-radius:9px;gap:3px;margin:0 14px 13px;padding:10px 11px;display:grid}.activity-23l-flow-preview span{color:#8a6a20;font-size:9.4px;font-weight:750}.activity-23l-flow-preview strong{color:#68521f;font-size:10.4px;line-height:1.45}.activity-23l-payment-card{background:#fffefa;border:1px solid #005d431a;border-radius:10px;gap:10px;margin:0 14px 12px;padding:12px;display:grid}.activity-23l-payment-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.activity-23l-payment-card-heading>div{gap:2px;display:grid}.activity-23l-payment-card-heading>div>span,.activity-23l-confirmation>span,.activity-23l-payment-flow>span{color:#7c8983;font-size:9.3px}.activity-23l-payment-card-heading>div>strong{color:#154938;font-size:13px}.activity-23l-payment-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:27px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.activity-23l-payment-badge.is-free{color:#137a4e;background:#e0f3e7}.activity-23l-payment-badge.is-paid{color:#9b6905;background:#fff0c8}.activity-23l-confirmation{background:#f7f8f4;border-radius:8px;gap:2px;padding:9px 10px;display:grid}.activity-23l-confirmation strong{color:#29463b;font-size:10.5px}.activity-23l-payment-flow{gap:3px;display:grid}.activity-23l-payment-flow p{color:#596a63;margin:0;font-size:9.5px;line-height:1.45}.activity-23l-payment-note{background:#fff8e8;border:1px solid #c5972d2e;border-radius:8px;gap:2px;padding:9px 10px;display:grid}.activity-23l-payment-note strong{color:#765812;font-size:9.5px}.activity-23l-payment-note span{color:#8a753f;font-size:8.8px;line-height:1.4}@media (width<=600px){.activity-23l-payment-grid{grid-template-columns:1fr}.activity-23l-payment-grid .activity-form-wide{grid-column:auto}}.report-24b-page{color:#173f33;background:#fbf7ed;min-height:calc(100vh - 82px);padding:34px 38px 44px}.report-24b-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.report-24b-heading>div:first-child{gap:5px;display:grid}.report-24b-heading>div:first-child>span{color:#c38c1d;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.report-24b-heading h1{color:#0f4d3b;margin:0;font-family:Lora,serif;font-size:31px;font-weight:600;line-height:1.15}.report-24b-heading p{color:#6f7d77;margin:0;font-size:12.5px}.report-24b-heading-actions{align-items:center;gap:8px;display:flex}.report-24b-period-chip,.report-24b-button{white-space:nowrap;border:1px solid #104d3b21;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:0 13px;font-size:10.5px;font-weight:750;display:inline-flex}.report-24b-period-chip{color:#41564e;background:#fffefa}.report-24b-button{cursor:pointer}.report-24b-button.secondary{color:#164b3a;background:#fffefa}.report-24b-button.primary{color:#fff;background:#086c4d;border-color:#086c4d;box-shadow:0 5px 12px #086c4d1f}.report-24b-export{position:relative}.report-24b-export-menu{z-index:40;background:#fffefa;border:1px solid #104d3b1f;border-radius:9px;width:148px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 13px 30px #142d2424}.report-24b-export-menu button{color:#25483b;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #104d3b12;width:100%;min-height:38px;padding:0 12px;font-size:10.5px}.report-24b-export-menu button:last-child{border-bottom:0}.report-24b-export-menu button:hover{background:#eef6f1}.report-24b-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.report-24b-kpis article{background:#fffefa;border:1px solid #0f4d3b14;border-radius:12px;align-items:center;gap:11px;min-height:94px;padding:13px;display:flex;box-shadow:0 6px 18px #39322109}.report-24b-kpi-icon{border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.report-24b-kpi-icon.is-green{color:#14835a;background:#e2f4e9}.report-24b-kpi-icon.is-purple{color:#6f55ba;background:#efe9ff}.report-24b-kpi-icon.is-gold{color:#c78a0a;background:#fff0c9}.report-24b-kpi-icon.is-orange{color:#d77c25;background:#fff0dd}.report-24b-kpi-icon.is-blue{color:#3978bd;background:#e5f0ff}.report-24b-kpis article>div:last-child{gap:2px;min-width:0;display:grid}.report-24b-kpis span{color:#708079;font-size:10px}.report-24b-kpis strong{color:#114d3b;text-overflow:ellipsis;white-space:nowrap;font-family:Lora,serif;font-size:20px;line-height:1.15;overflow:hidden}.report-24b-kpis small{color:#89958f;font-size:8.8px;line-height:1.35}.report-24b-builder,.report-24b-chart-card,.report-24b-donut-card,.report-24b-status-card,.report-24b-quick-card,.report-24b-result,.report-24b-history{background:#fffefa;border:1px solid #0f4d3b16;border-radius:12px;box-shadow:0 5px 16px #39322107}.report-24b-builder{margin-bottom:12px;padding:13px 15px 14px}.report-24b-section-heading,.report-24b-chart-heading,.report-24b-card-heading,.report-24b-result-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.report-24b-section-heading>div,.report-24b-chart-heading>div,.report-24b-card-heading{gap:3px;display:grid}.report-24b-section-heading strong,.report-24b-chart-heading strong,.report-24b-card-heading strong,.report-24b-result-heading strong{color:#154b39;font-size:12.5px}.report-24b-section-heading span,.report-24b-chart-heading span,.report-24b-card-heading span,.report-24b-result-heading span{color:#7d8a84;font-size:9.5px;line-height:1.4}.report-24b-section-heading>small{color:#a38445;font-size:9px}.report-24b-builder-grid{grid-template-columns:1.45fr 1fr 1fr 1fr 1fr auto;align-items:end;gap:9px;margin-top:11px;display:grid}.report-24b-builder-grid label{gap:5px;min-width:0;display:grid}.report-24b-builder-grid label>span{color:#4d6159;font-size:9.5px;font-weight:700}.report-24b-builder-grid input,.report-24b-builder-grid select{color:#29463c;width:100%;min-width:0;min-height:39px;font:inherit;background:#fffefa;border:1px solid #0f4d3b21;border-radius:8px;padding:0 10px;font-size:10.2px}.report-24b-builder-actions{gap:7px;display:flex}.report-24b-builder-actions .report-24b-button{min-height:39px}.report-24b-analysis-layout{grid-template-columns:minmax(0,1.7fr) minmax(230px,.95fr) minmax(190px,.72fr) minmax(205px,.82fr);gap:10px;margin-bottom:12px;display:grid}.report-24b-chart-card,.report-24b-donut-card,.report-24b-status-card,.report-24b-quick-card{min-height:314px;overflow:hidden}.report-24b-chart-heading,.report-24b-card-heading{padding:13px 14px 9px}.report-24b-tabs{scrollbar-width:none;border-bottom:1px solid #0f4d3b14;padding:0 10px;display:flex;overflow-x:auto}.report-24b-tabs::-webkit-scrollbar{display:none}.report-24b-tabs button{color:#718079;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;min-height:35px;padding:0 11px;font-size:9.5px}.report-24b-tabs button.is-active{color:#0d684c;border-bottom-color:#0d7d59;font-weight:800}.report-24b-chart{height:226px;padding:10px 7px 4px}.report-24b-chart .recharts-text{fill:#728078;font-size:9px}.report-24b-chart .recharts-default-tooltip{font-size:10px;border-color:#0f4d3b1f!important;border-radius:8px!important}.report-24b-donut-wrap{align-content:center;gap:8px;padding:6px 14px 14px;display:grid}.report-24b-donut{height:170px;position:relative}.report-24b-donut-center{pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.report-24b-donut-center strong{color:#174a3a;font-family:Lora,serif;font-size:19px;line-height:1}.report-24b-donut-center span{color:#87918d;margin-top:3px;font-size:8.5px}.report-24b-donut-legend{gap:6px;display:grid}.report-24b-donut-legend>div{color:#5d6c65;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;font-size:9px;display:grid}.report-24b-donut-legend i,.report-24b-status-list i{border-radius:50%;width:7px;height:7px}.report-24b-donut-legend i.tone-1,.report-24b-status-list i.tone-1{background:#0d7d59}.report-24b-donut-legend i.tone-2,.report-24b-status-list i.tone-2{background:#3f83c5}.report-24b-donut-legend i.tone-3,.report-24b-status-list i.tone-3{background:#e6a71d}.report-24b-donut-legend i.tone-4,.report-24b-status-list i.tone-4{background:#ef6a63}.report-24b-donut-legend strong{color:#345048;font-size:9.5px}.report-24b-status-list{padding:6px 14px 14px}.report-24b-status-list>div,.report-24b-status-list footer{border-bottom:1px solid #0f4d3b12;justify-content:space-between;align-items:center;gap:8px;min-height:43px;display:flex}.report-24b-status-list>div>span{color:#5f7069;align-items:center;gap:6px;font-size:9.2px;display:inline-flex}.report-24b-status-list>div>strong{color:#25483b;font-size:10px}.report-24b-status-list footer{color:#25483b;border-bottom:0;font-size:10px;font-weight:800}.report-24b-quick-list{padding:5px 9px 12px;display:grid}.report-24b-quick-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0f4d3b11;grid-template-columns:30px 1fr;align-items:center;gap:7px;min-height:43px;padding:5px 7px;display:grid}.report-24b-quick-list button:last-child{border-bottom:0}.report-24b-quick-list button:hover{background:#f1f7f3;border-radius:8px}.report-24b-quick-list button>div{color:#147653;background:#edf5f0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.report-24b-quick-list button>span{gap:1px;min-width:0;display:grid}.report-24b-quick-list strong{color:#24473a;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.report-24b-quick-list small{color:#8a9690;text-overflow:ellipsis;white-space:nowrap;font-size:8.2px;overflow:hidden}.report-24b-result{margin-bottom:12px;overflow:hidden}.report-24b-result-heading{border-bottom:1px solid #0f4d3b14;align-items:center;min-height:58px;padding:10px 14px}.report-24b-result-heading>div:first-child{gap:2px;display:grid}.report-24b-result-actions{gap:5px;display:flex}.report-24b-result-actions button{color:#146a4e;cursor:pointer;background:#fffefa;border:1px solid #0f4d3b1f;border-radius:7px;min-height:30px;padding:0 9px;font-size:9px;font-weight:750}.report-24b-table-wrap{overflow-x:auto}.report-24b-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1060px}.report-24b-table th,.report-24b-table td{color:#52635c;text-align:left;vertical-align:middle;border-bottom:1px solid #0f4d3b11;padding:10px 12px;font-size:9.7px}.report-24b-table th{color:#52645c;background:#fbfaf5;font-size:9px;font-weight:800}.report-24b-table th:first-child{width:18%}.report-24b-table th:nth-child(2){width:16%}.report-24b-table th:nth-child(3){width:17%}.report-24b-table th:nth-child(4){width:11%}.report-24b-table th:nth-child(5){width:10%}.report-24b-table th:nth-child(6){width:11%}.report-24b-table th:nth-child(7){width:17%}.report-24b-table td>strong{color:#214a3b;font-size:10.3px}.report-24b-status{color:#206f52;background:#eaf3ed;border-radius:999px;align-items:center;min-height:26px;padding:0 8px;font-size:8.8px;font-weight:750;display:inline-flex}.report-24b-empty{color:#849089;text-align:center;padding:25px}.report-24b-pagination{justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:8px 13px;display:flex}.report-24b-pagination>span{color:#7e8c85;font-size:9.2px}.report-24b-pagination>div{align-items:center;gap:5px;display:flex}.report-24b-pagination button,.report-24b-pagination strong{color:#176e51;background:#fffefa;border:1px solid #0f4d3b1f;border-radius:7px;place-items:center;width:29px;height:29px;font-size:10px;display:grid}.report-24b-pagination strong{color:#fff;background:#086c4d;border-color:#086c4d}.report-24b-pagination button{cursor:pointer}.report-24b-pagination button:disabled{opacity:.35;cursor:default}.report-24b-history{padding:13px 14px 14px}.report-24b-history-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.report-24b-history-grid article{background:#fcfbf7;border:1px solid #0f4d3b12;border-radius:9px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-width:0;min-height:82px;padding:9px;display:grid}.report-24b-history-icon{color:#147653;background:#eaf4ee;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.report-24b-history-grid article>div:nth-child(2){gap:2px;min-width:0;display:grid}.report-24b-history-grid article>div:nth-child(2)>strong{color:#24483b;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.report-24b-history-grid span,.report-24b-history-grid small{color:#849089;text-overflow:ellipsis;white-space:nowrap;font-size:8.2px;overflow:hidden}.report-24b-history-grid article>button{color:#126a4e;cursor:pointer;background:#fffefa;border:1px solid #0f4d3b1c;border-radius:7px;min-height:30px;padding:0 8px;font-size:8.8px;font-weight:750}@media (width<=1480px){.report-24b-page{padding-left:28px;padding-right:28px}.report-24b-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.report-24b-analysis-layout{grid-template-columns:minmax(0,1.45fr) minmax(220px,.9fr) minmax(190px,.72fr)}.report-24b-quick-card{grid-column:1/-1;min-height:0}.report-24b-quick-list{grid-template-columns:repeat(6,minmax(0,1fr))}.report-24b-history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1180px){.report-24b-builder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-24b-builder-actions{justify-content:flex-end}.report-24b-analysis-layout{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr)}.report-24b-status-card,.report-24b-quick-card{grid-column:auto}.report-24b-quick-list{grid-template-columns:1fr}.report-24b-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.report-24b-page{padding:22px 14px 92px}.report-24b-heading{flex-direction:column;align-items:stretch}.report-24b-heading-actions{flex-wrap:wrap}.report-24b-period-chip{width:100%}.report-24b-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-24b-builder-grid,.report-24b-analysis-layout,.report-24b-history-grid{grid-template-columns:1fr}.report-24b-builder-actions{justify-content:stretch}.report-24b-builder-actions .report-24b-button{flex:1}.report-24b-chart-card,.report-24b-donut-card,.report-24b-status-card,.report-24b-quick-card{min-height:0}.report-24b-chart{height:245px}.report-24b-result-heading{flex-direction:column;align-items:flex-start}}@media (width<=460px){.report-24b-kpis{grid-template-columns:1fr}.report-24b-heading h1{font-size:27px}.report-24b-heading-actions .report-24b-button{flex:1}}.report-24b-heading>div:first-child>span{font-size:10.8px}.report-24b-heading p{font-size:13.4px;line-height:1.5}.report-24b-period-chip,.report-24b-button{font-size:11.3px}.report-24b-export-menu button{font-size:11.2px}.report-24b-kpis span{font-size:11px}.report-24b-kpis strong{font-size:21px}.report-24b-kpis small{font-size:9.6px;line-height:1.4}.report-24b-section-heading strong,.report-24b-chart-heading strong,.report-24b-card-heading strong,.report-24b-result-heading strong{font-size:13.4px}.report-24b-section-heading span,.report-24b-chart-heading span,.report-24b-card-heading span,.report-24b-result-heading span{font-size:10.3px}.report-24b-section-heading>small{font-size:9.7px}.report-24b-builder-grid label>span{font-size:10.4px}.report-24b-builder-grid input,.report-24b-builder-grid select{font-size:11.2px}.report-24b-tabs button{font-size:10.4px}.report-24b-chart .recharts-text{font-size:10px}.report-24b-chart .recharts-default-tooltip{font-size:10.7px}.report-24b-chart .recharts-legend-item-text{font-size:10px!important}.report-24b-donut-center strong{font-size:20px}.report-24b-donut-center span{font-size:9.3px}.report-24b-donut-legend>div{font-size:9.8px}.report-24b-donut-legend strong{font-size:10.3px}.report-24b-status-list>div>span{font-size:10px}.report-24b-status-list>div>strong,.report-24b-status-list footer{font-size:10.8px}.report-24b-quick-list strong{font-size:10.4px}.report-24b-quick-list small{font-size:9px;line-height:1.35}.report-24b-result-actions button{font-size:9.8px}.report-24b-table th{font-size:10px}.report-24b-table td{font-size:10.7px;line-height:1.4}.report-24b-table td>strong{font-size:11.2px}.report-24b-status{font-size:9.5px}.report-24b-empty{font-size:10.7px}.report-24b-pagination>span{font-size:10px}.report-24b-pagination button,.report-24b-pagination strong{font-size:10.7px}.report-24b-history-grid article>div:nth-child(2)>strong{font-size:10.3px}.report-24b-history-grid span,.report-24b-history-grid small{font-size:9px;line-height:1.35}.report-24b-history-grid article>button{font-size:9.6px}.phase-25b-desktop-header{justify-content:flex-end}.phase-25b-header-actions{margin-left:auto}.phase-25b-profile-shell{position:relative}.phase-25b-profile-button{cursor:pointer}.phase-25b-profile-chevron{transition:transform .16s;display:inline-flex}.phase-25b-profile-chevron.is-open{transform:rotate(90deg)}.phase-25b-profile-menu{z-index:120;background:#fffef9;border:1px solid #0e4c3921;border-radius:12px;width:230px;position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 16px 38px #192d2629}.phase-25b-profile-menu-identity{align-items:center;gap:10px;padding:13px 14px;display:flex}.phase-25b-profile-menu-identity>div{gap:2px;min-width:0;display:grid}.phase-25b-profile-menu-identity strong{color:#164b3a;font-size:12px}.phase-25b-profile-menu-identity small{color:#849089;font-size:10px}.phase-25b-profile-menu-divider{background:#0e4c3914;height:1px}.phase-25b-logout-button{color:#a33b3b;width:100%;min-height:43px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0 14px;font-size:11px;font-weight:750;display:flex}.phase-25b-logout-button:hover{background:#fff3f1}.phase-25b-logout-button>span:first-child{background:#fde9e6;border-radius:7px;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.phase-25b-logged-out-page{background:#fbf7ed;place-items:center;min-height:100vh;padding:24px;display:grid}.phase-25b-logged-out-card{text-align:center;background:#fffef9;border:1px solid #0e4c391a;border-radius:18px;justify-items:center;gap:9px;width:min(430px,100%);padding:38px 34px;display:grid;box-shadow:0 18px 45px #1c2e2717}.phase-25b-logged-out-eyebrow{color:#c38c1d;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.phase-25b-logged-out-card h1{color:#104d3a;margin:0;font-family:Lora,serif;font-size:28px;font-weight:600}.phase-25b-logged-out-card p{color:#73817b;max-width:360px;margin:0;font-size:12px;line-height:1.6}.phase-25b-logged-out-card button{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#086c4d;border:0;border-radius:9px;margin-top:9px;padding:0 18px;font-size:11px;font-weight:800}.phase-25b-logged-out-card button:hover{background:#075d43}.phase-25c-desktop-header{height:66px;min-height:66px;box-shadow:none;background:#fbf8ef;border-bottom:1px solid #0f4d3b12;justify-content:flex-end;align-items:center;padding:0 26px}.phase-25c-header-actions{align-items:center;gap:10px;height:100%;margin:0 0 0 auto}.phase-25c-notification-shell,.phase-25c-profile-shell{align-self:center;align-items:center;height:100%;display:flex;position:relative}.phase-25c-notification-button{background:#fffefa;border-radius:50%;align-self:center;width:42px;min-width:42px;height:42px;min-height:42px;margin:0}.phase-25c-profile-button{border-radius:12px;align-self:center;align-items:center;min-height:46px;margin:0;padding-top:0;padding-bottom:0}.phase-25c-profile-button .profile-avatar{width:39px;height:39px}.phase-25c-notification-menu{z-index:130;background:#fffef9;border:1px solid #0e4c3921;border-radius:13px;width:330px;position:absolute;top:calc(50% + 31px);right:0;overflow:hidden;box-shadow:0 18px 42px #192d2629}.phase-25c-notification-heading{border-bottom:1px solid #0e4c3914;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:11px 13px;display:flex}.phase-25c-notification-heading>div{gap:2px;min-width:0;display:grid}.phase-25c-notification-heading strong{color:#164b3a;font-size:12px}.phase-25c-notification-heading span{color:#85918c;font-size:9.5px}.phase-25c-notification-heading small{color:#11704f;background:#e5f4eb;border-radius:999px;flex:none;padding:4px 7px;font-size:8.8px;font-weight:800}.phase-25c-notification-list{display:grid}.phase-25c-notification-list>button{color:#294b3e;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0e4c3911;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:64px;padding:9px 12px;display:grid}.phase-25c-notification-list>button:last-child{border-bottom:0}.phase-25c-notification-list>button:hover{background:#f0f7f3}.phase-25c-notification-icon{color:#147654;background:#e8f3ed;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.phase-25c-notification-list>button>span:nth-child(2){gap:2px;min-width:0;display:grid}.phase-25c-notification-list strong{color:#24483b;font-size:10.3px}.phase-25c-notification-list small{color:#85918c;font-size:9px;line-height:1.35}.phase-25c-profile-menu{top:calc(50% + 31px)}@media (width<=1100px){.phase-25c-desktop-header{padding-left:20px;padding-right:20px}}.teacher-page .teacher-page-heading p{font-size:13.2px;line-height:1.5}.teacher-page .teacher-page-heading .teacher-button{font-size:11.2px}.teacher-page .teacher-kpi-copy>span{font-size:11.8px}.teacher-page .teacher-kpi-copy>strong{font-size:29px}.teacher-page .teacher-kpi-copy>small{font-size:9.8px;line-height:1.35}.teacher-page .teacher-search input,.teacher-page .teacher-filter{font-size:11.2px}.teacher-page .teacher-record-count{font-size:10.3px}.teacher-page .teacher-table th{font-size:10px}.teacher-page .teacher-table td{font-size:10.6px;line-height:1.4}.teacher-page .teacher-id{font-size:10.5px}.teacher-page .teacher-person strong,.teacher-page .teacher-class-summary strong{font-size:11.3px}.teacher-page .teacher-person span,.teacher-page .teacher-class-summary span{font-size:9.5px}.teacher-page .teacher-specialization{font-size:9.7px}.teacher-page .teacher-status{font-size:9.8px}.teacher-page .teacher-attendance strong,.teacher-page .teacher-table td:nth-child(7),.teacher-page .teacher-table td:nth-child(8){font-size:10.8px}.class-page .class-page-heading p{font-size:13.2px;line-height:1.5}.class-page .class-page-heading .class-button{font-size:11.2px}.class-page .class-kpi-copy>span{font-size:11.8px}.class-page .class-kpi-copy>strong{font-size:29px}.class-page .class-kpi-copy>small{font-size:9.8px;line-height:1.35}.class-page .class-search input,.class-page .class-filter{font-size:11.2px}.class-page .class-record-count{font-size:10.3px}.class-page .class-table th{font-size:10px}.class-page .class-table td{font-size:10.6px;line-height:1.4}.class-page .class-id{font-size:10.5px}.class-page .class-name-cell strong,.class-page .class-schedule-cell strong{font-size:11.3px}.class-page .class-name-cell span,.class-page .class-schedule-cell span{font-size:9.5px}.class-page .class-teacher-cell{font-size:10px}.class-page .class-venue{font-size:9.4px}.class-page .class-capacity strong{font-size:10.5px}.class-page .class-status{font-size:9.8px}.phase-27a-login-page{color:#173f33;background:radial-gradient(circle at 16% 18%,#d7ab3d17,#0000 27%),#f7f3e8;min-height:100vh;padding:22px}.phase-27a-login-shell{background:#fffdf8;border:1px solid #0f4d3b14;border-radius:24px;grid-template-columns:minmax(360px,.92fr) minmax(430px,1.08fr);width:min(1180px,100%);min-height:calc(100vh - 44px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 24px 65px #2030291a}.phase-27a-login-brand{color:#fff;background:linear-gradient(145deg,#00583efa,#004332);flex-direction:column;justify-content:space-between;padding:42px 44px 36px;display:flex;position:relative;overflow:hidden}.phase-27a-brand-decoration{pointer-events:none;position:absolute;inset:0}.phase-27a-brand-decoration span{border:1px solid #dcb03f2e;border-radius:50%;position:absolute}.phase-27a-brand-decoration span:first-child{width:320px;height:320px;top:-155px;right:-115px}.phase-27a-brand-decoration span:nth-child(2){width:240px;height:240px;bottom:-70px;right:-80px}.phase-27a-brand-decoration span:nth-child(3){width:110px;height:110px;bottom:20%;left:-52px}.phase-27a-brand-lockup,.phase-27a-brand-copy,.phase-27a-brand-footer{z-index:1;position:relative}.phase-27a-brand-lockup{align-items:center;gap:14px;display:flex}.phase-27a-brand-lockup img{object-fit:cover;background:#fff;border:3px solid #ffffffd1;border-radius:50%;width:66px;height:66px}.phase-27a-brand-lockup>div{gap:2px;display:grid}.phase-27a-brand-lockup span{color:#e0b849;font-size:11px;font-weight:800}.phase-27a-brand-lockup strong{font-family:Lora,serif;font-size:20px;font-weight:600}.phase-27a-brand-lockup small{color:#ffffffad;font-size:10px}.phase-27a-brand-copy{gap:10px;max-width:390px;margin-top:70px;margin-bottom:auto;display:grid}.phase-27a-brand-copy>span{color:#e0b849;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.phase-27a-brand-copy h1{color:#fff;margin:0;font-family:Lora,serif;font-size:37px;font-weight:600;line-height:1.2}.phase-27a-brand-copy p{color:#ffffffb5;max-width:365px;margin:0;font-size:12.5px;line-height:1.75}.phase-27a-brand-footer{gap:2px;margin-top:36px;display:grid}.phase-27a-brand-footer span{color:#ffffffbd;font-size:9.8px}.phase-27a-brand-footer small{color:#d9b245;font-size:9.4px}.phase-27a-login-content{align-content:center;justify-items:center;gap:22px;min-width:0;padding:52px 64px 28px;display:grid}.phase-27a-login-card{width:min(430px,100%)}.phase-27a-login-heading{gap:6px;margin-bottom:27px;display:grid}.phase-27a-login-heading>span{color:#bd8618;letter-spacing:.07em;text-transform:uppercase;font-size:10.5px;font-weight:800}.phase-27a-login-heading h2{color:#104d3a;margin:0;font-family:Lora,serif;font-size:31px;font-weight:600;line-height:1.2}.phase-27a-login-heading p{color:#75827c;max-width:390px;margin:0;font-size:12px;line-height:1.55}.phase-27a-login-form{gap:16px;display:grid}.phase-27a-login-form>label{gap:7px;display:grid}.phase-27a-login-form>label>span{color:#334f44;font-size:11px;font-weight:750}.phase-27a-login-form input[type=text],.phase-27a-login-form input[type=password]{color:#24483b;width:100%;min-height:47px;font:inherit;background:#fffefa;border:1px solid #0f4d3b29;border-radius:10px;outline:0;padding:0 13px;font-size:11.4px;transition:border-color .15s,box-shadow .15s}.phase-27a-login-form input:focus{border-color:#0777539e;box-shadow:0 0 0 3px #07775317}.phase-27a-password-field{position:relative}.phase-27a-password-field input{padding-right:76px!important}.phase-27a-password-field>button{color:#126d4e;min-width:55px;min-height:31px;font:inherit;cursor:pointer;background:#edf5f0;border:0;border-radius:7px;font-size:9.4px;font-weight:800;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.phase-27a-login-options{justify-content:space-between;align-items:center;gap:14px;display:flex}.phase-27a-remember{color:#63736c;cursor:pointer;grid-template-columns:auto 1fr;align-items:center;font-size:10px;gap:7px!important;display:inline-flex!important}.phase-27a-remember input{accent-color:#08704f;width:15px;height:15px}.phase-27a-forgot{color:#0b7453;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:750}.phase-27a-login-error{color:#a34740;background:#fff2ef;border:1px solid #b6443d2e;border-radius:8px;padding:10px 11px;font-size:10px;line-height:1.45}.phase-27a-login-submit{color:#fff;min-height:47px;font:inherit;cursor:pointer;background:#08704f;border:0;border-radius:10px;margin-top:2px;font-size:11.5px;font-weight:800;transition:background .15s,transform .15s;box-shadow:0 8px 18px #08704f26}.phase-27a-login-submit:hover{background:#075f44}.phase-27a-login-submit:active{transform:translateY(1px)}.phase-27a-login-note{background:#fff8e9;border:1px solid #bf8b2029;border-radius:9px;gap:3px;margin-top:21px;padding:11px 12px;display:grid}.phase-27a-login-note strong{color:#765817;font-size:9.7px}.phase-27a-login-note span{color:#897543;font-size:9px;line-height:1.45}.phase-27a-login-footer{color:#9a9f9c;text-align:center;font-size:9px}@media (width<=900px){.phase-27a-login-page{padding:14px}.phase-27a-login-shell{grid-template-columns:1fr;min-height:calc(100vh - 28px)}.phase-27a-login-brand{min-height:250px;padding:28px 30px}.phase-27a-brand-copy{margin-top:32px}.phase-27a-brand-copy h1{max-width:520px;font-size:30px}.phase-27a-brand-footer{display:none}.phase-27a-login-content{padding:40px 28px 26px}}@media (width<=520px){.phase-27a-login-page{padding:0}.phase-27a-login-shell{border:0;border-radius:0;min-height:100vh}.phase-27a-login-brand{min-height:210px;padding:24px 20px}.phase-27a-brand-lockup img{width:54px;height:54px}.phase-27a-brand-lockup strong{font-size:17px}.phase-27a-brand-copy{margin-top:24px}.phase-27a-brand-copy h1{font-size:25px}.phase-27a-brand-copy p{display:none}.phase-27a-login-content{padding:30px 20px 22px}.phase-27a-login-heading h2{font-size:27px}}.phase-27a-login-brand{text-align:center;justify-content:center;align-items:center;gap:34px}.phase-27a-brand-lockup{justify-content:center}.phase-27a-brand-lockup>div{text-align:center;justify-items:center}.phase-27a-brand-copy{justify-items:center;max-width:410px;margin:0}.phase-27a-brand-copy p{text-align:center;max-width:390px}.phase-27a-brand-footer{text-align:center;justify-items:center;margin-top:2px}@media (width<=900px){.phase-27a-login-brand{gap:24px;min-height:300px}.phase-27a-brand-copy{margin-top:0}}@media (width<=520px){.phase-27a-login-brand{gap:20px;min-height:250px}.phase-27a-brand-copy{margin-top:0}}.phase-27a-brand-lockup{justify-content:center;width:100%}.phase-27a-brand-lockup>div{display:none}.phase-27a-brand-lockup img{border-width:4px;width:106px;height:106px}@media (width<=900px){.phase-27a-brand-lockup img{width:92px;height:92px}}@media (width<=520px){.phase-27a-brand-lockup img{width:78px;height:78px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}