:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#1e2d27;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1e2d27;--muted:#839089;--line:#e8ece7;--green:#356b4f;--green-dark:#203b30;--green-soft:#edf4ec;--surface:#fff;background:#f4f6f2;font-family:DM Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f6f2;min-width:360px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #a4c68e}#root{text-align:left;border:0;width:100%;min-height:100vh;margin:0;display:block}h1,h2,h3,p{margin-top:0}svg{width:18px;height:18px;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.setup-screen{background:radial-gradient(circle at 20% 10%,#edf4e9,#0000 38%),#f4f6f2;place-items:center;min-height:100vh;padding:24px;display:grid}.setup-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(100%,460px);padding:42px;box-shadow:0 22px 60px #263a2b12}.setup-card h1{color:var(--ink);letter-spacing:-.7px;margin:14px 0 10px;font:700 28px/1.15 Manrope,sans-serif}.setup-card p:last-child{color:#67766d;line-height:1.6}.setup-card code{color:#315840;background:#f0f4ee;border-radius:4px;padding:2px 5px;font-size:12px}.auth-loading{color:#708078;background:#f4f6f2;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:11px;display:flex}.brand-mark{color:#193527;letter-spacing:-.6px;background:#d4ed91;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font:800 14px/1 Manrope,sans-serif;display:grid}.eyebrow{color:#809088;letter-spacing:1.4px;margin:0 0 8px;font-size:10px;font-weight:700}.app-shell{min-height:100vh;display:flex}.sidebar{color:#e5ece7;background:#20382e;flex-direction:column;flex:0 0 248px;width:248px;min-height:100vh;padding:27px 16px 20px;display:flex}.brand{color:inherit;align-items:center;gap:12px;padding:0 8px 34px;text-decoration:none;display:flex}.brand-copy,.user-block>div,.sidebar-note>span:last-child{flex-direction:column;display:flex}.brand-copy strong{color:#f5f7f4;font:700 14px/1.2 Manrope,sans-serif}.brand-copy small{color:#a4b7ab;margin-top:4px;font-size:11px}.nav-label{color:#90a499;letter-spacing:1.4px;padding:0 10px 12px;font-size:9px;font-weight:700}.side-nav{gap:5px;display:grid}.nav-item{color:#b7c6bc;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;padding:11px 12px;font-size:12px;font-weight:500;transition:background .16s,color .16s;display:flex}.nav-item svg{color:#9ab1a2;width:17px;height:17px}.nav-item:hover,.nav-item.active{color:#f5f8f5;background:#ffffff12}.nav-item.active{box-shadow:inset 2px 0 #c5e479}.nav-item.active svg{color:#d7ef9b}.nav-count{color:#c6d4c9;background:#ffffff14;border-radius:6px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:10px;display:inline-grid}.sidebar-bottom{margin-top:auto}.sidebar-note{border:1px solid #ffffff16;border-radius:10px;align-items:center;gap:11px;margin:0 4px 18px;padding:12px 10px;display:flex}.status-dot,.secure-dot{background:#83c48b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #83c48b20}.sidebar-note strong{color:#dfe9e1;font-size:10px;font-weight:600}.sidebar-note small{color:#92a59a;margin-top:4px;font-size:9px}.user-block{border-top:1px solid #ffffff18;align-items:center;gap:11px;padding:15px 7px 0;display:flex}.user-block .cl-avatarBox{width:30px;height:30px}.user-block strong{color:#edf2ee;font-size:11px;font-weight:600}.user-block small{color:#91a499;margin-top:3px;font-size:9px}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e9ede8;justify-content:space-between;align-items:center;gap:16px;height:65px;padding:0 38px;display:flex}.breadcrumb{color:#87938c;align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumb strong{color:#3e5146;font-weight:600}.breadcrumb-sep{color:#bcc6bf}.topbar-actions{align-items:center;gap:21px;display:flex}.secure-label{color:#718077;align-items:center;gap:8px;font-size:10px;display:flex}.secure-dot{width:6px;height:6px}.topbar-user{color:#4d5d53;align-items:center;gap:9px;font-size:10px;display:flex}.user-initial{color:#3d634c;background:#e8f0e6;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.page-wrap{max-width:1480px;margin:0 auto;padding:35px 38px 25px}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.page-heading h1{color:#1d3026;letter-spacing:-1px;margin:0;font:700 27px/1.2 Manrope,sans-serif}.page-subtitle{color:#87928b;margin:7px 0 0;font-size:11px}.heading-actions{align-items:center;gap:10px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:11px;font-weight:600;transition:transform .12s,background .12s,box-shadow .12s;display:inline-flex}.button:active{transform:translateY(1px)}.button svg{width:15px;height:15px}.button-primary{color:#fff;background:#356b4f;border:1px solid #356b4f;box-shadow:0 2px 4px #244b351a}.button-primary:hover{background:#285b40;box-shadow:0 4px 10px #244b3525}.button-primary:disabled{opacity:.6;cursor:progress}.button-secondary{color:#4c5d51;background:#fff;border:1px solid #dce4dc}.button-secondary:hover{background:#f4f7f2}.select-wrap{align-items:center;display:inline-flex;position:relative}.select-wrap:after{content:"";pointer-events:none;border-bottom:1.5px solid #78877d;border-right:1.5px solid #78877d;width:6px;height:6px;position:absolute;right:12px;transform:rotate(45deg)translateY(-2px)}.select-wrap select{appearance:none;color:#54645a;background:#fff;border:1px solid #e3e9e2;border-radius:7px;outline-color:#92b18e;min-width:135px;height:35px;padding:0 31px 0 11px;font-size:10px}.year-select select{min-width:94px;font-weight:600}.filter-row{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px;display:flex}.filter-caption{color:#89958d;margin-right:2px;font-size:10px}.filter-period{color:#8a968e;margin-left:auto;font-size:10px}.text-button,.link-button{color:#4a785a;background:0 0;border:0;font-size:10px;font-weight:600}.text-button:hover,.link-button:hover{color:#234d35}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:14px;display:grid}.stat-card{background:#fff;border:1px solid #e7ece6;border-radius:12px;min-height:145px;padding:18px 19px 16px;box-shadow:0 2px 8px #223b2b05}.stat-card-featured{background:#f1f6ed;border-color:#e2ecdd}.stat-top{align-items:center;gap:10px;display:flex}.stat-icon{border-radius:8px;place-items:center;width:29px;height:29px;font-size:13px;font-weight:700;display:grid}.stat-icon svg{width:16px;height:16px}.dark-icon{color:#477150;background:#dcebd6;font:700 10px Manrope,sans-serif}.electric-icon{color:#bc7831;background:#fbf0e4;font-size:19px}.hostel-icon{color:#57785f;background:#eaf1e9}.stat-kicker{color:#8d9a91;letter-spacing:.9px;font-size:9px;font-weight:700}.stat-value{color:#263c2e;letter-spacing:-.8px;margin:14px 0 12px;font:700 24px/1 Manrope,sans-serif;display:block}.stat-foot{color:#87938a;justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.trend-chip{color:#4c7959;align-items:center;gap:4px;font-weight:600;display:inline-flex}.trend-chip svg{width:12px;height:12px}.overview-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:14px;margin-bottom:14px;display:grid}.panel{background:#fff;border:1px solid #e6ebe5;border-radius:12px;box-shadow:0 2px 8px #223b2b04}.chart-panel,.breakdown-panel{min-height:315px;padding:19px 21px 16px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-heading h2{color:#283b30;letter-spacing:-.2px;margin:0;font:700 13px/1.35 Manrope,sans-serif}.panel-heading p{color:#8b9790;margin:4px 0 0;font-size:9px}.panel-unit{color:#829087;font-size:9px}.legend{flex-wrap:wrap;gap:14px;margin:18px 0 12px 37px;display:flex}.legend span{color:#77847b;align-items:center;gap:6px;font-size:9px;display:inline-flex}.legend i{border-radius:50%;width:7px;height:7px}.chart-area{height:177px;padding-top:1px;display:flex}.chart-y-labels{color:#a0aaa3;white-space:nowrap;flex-direction:column;justify-content:space-between;width:41px;padding:0 0 22px;font-size:8px;display:flex}.chart-columns{background:repeating-linear-gradient(#0000 0 51px,#f0f3ef 52px);border-bottom:1px solid #edf0ec;flex:1;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;min-width:0;display:grid}.chart-column{flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;display:flex}.bar-track{align-items:flex-end;width:min(100%,25px);height:143px;display:flex;position:relative}.bar-stack{border-radius:5px 5px 2px 2px;flex-direction:column-reverse;width:100%;min-height:0;transition:height .25s;display:flex;overflow:hidden}.bar-stack span{width:100%;min-height:2px;display:block}.chart-month{color:#929d95;height:22px;padding-top:8px;font-size:8px}.chart-empty{color:#87938b;text-align:center;pointer-events:none;margin-top:-110px;padding:14px;font-size:10px;position:relative}.more-dots{color:#8e9a91;letter-spacing:1px;font-size:22px;line-height:12px}.breakdown-total{background:#f5f8f4;border-radius:8px;justify-content:space-between;align-items:center;margin:23px 0 19px;padding:11px 12px;display:flex}.breakdown-total span{color:#75847a;font-size:9px}.breakdown-total strong{color:#2b4232;font:700 16px Manrope,sans-serif}.breakdown-list{gap:16px;display:grid}.breakdown-label{color:#526157;align-items:center;gap:8px;font-size:9px;display:flex}.breakdown-label strong{color:#36483b;margin-left:auto;font-size:9px;font-weight:600}.utility-badge{border-radius:6px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:grid}.progress-track{background:#f0f2ef;border-radius:4px;height:4px;margin:7px 0 4px 30px;overflow:hidden}.progress-track span{border-radius:4px;height:100%;transition:width .2s;display:block}.share-label{color:#9aa49d;margin-left:30px;font-size:8px;display:block}.recent-panel,.records-panel,.hostel-panel{padding:19px 21px 8px}.recent-panel .panel-heading{margin-bottom:14px}.link-button{align-items:center;gap:6px;padding:0;display:flex}.link-button svg{width:12px;height:12px}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table th{color:#8d9991;text-align:left;letter-spacing:.8px;border-top:1px solid #edf0ec;border-bottom:1px solid #edf0ec;padding:10px 8px;font-size:8px;font-weight:700}.data-table td{color:#69766d;border-bottom:1px solid #f0f2ef;max-width:200px;padding:11px 8px;font-size:9px}.data-table tr:last-child td{border-bottom:0}.utility-cell{color:#435449;align-items:center;gap:7px;display:inline-flex}.utility-cell i{color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;font-weight:700;display:grid}.hostel-name-cell{font-weight:500;color:#48584d!important}.muted-cell{color:#9aa39d!important}.amount-cell{font-weight:700;color:#2e4134!important}.attachment-link{color:#5d7864;text-align:left;background:0 0;border:0;align-items:center;gap:6px;max-width:145px;padding:0;display:inline-flex}.attachment-link:hover{color:#2c6945}.file-icon{background:#eff4ee;border-radius:5px;flex:none;place-items:center;width:19px;height:19px;display:grid}.file-icon svg{width:12px;height:12px}.attachment-name{text-overflow:ellipsis;font-size:9px;overflow:hidden}.row-actions{gap:3px;display:flex}.icon-button{color:#849088;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.icon-button:hover{color:#3f6b4e;background:#f4f7f3;border-color:#e4eae3}.icon-button svg{width:14px;height:14px}.danger-icon:hover{color:#af514c;background:#fcf2f0;border-color:#f3dfdc}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:35px 14px;display:flex}.empty-icon{color:#65846a;background:#eef4ec;border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:11px;display:grid}.empty-state h3{color:#394b3e;margin:0 0 5px;font:700 12px Manrope,sans-serif}.empty-state p{color:#87938b;max-width:340px;margin:0 0 14px;font-size:10px;line-height:1.55}.records-panel .panel-heading,.hostel-panel .panel-heading{align-items:center;margin-bottom:16px}.filter-controls{flex-wrap:wrap;gap:8px;display:flex}.filter-controls .select-wrap select{min-width:125px;height:32px;font-size:9px}.hostel-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:3px 0 15px;display:grid}.hostel-card{background:#fff;border:1px solid #e8ede7;border-radius:10px;min-height:155px;padding:16px;position:relative}.hostel-card-top{justify-content:space-between;align-items:center;display:flex}.hostel-avatar{color:#58745d;background:#eef3eb;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.hostel-avatar svg{width:16px;height:16px}.hostel-status{color:#4e7b58;background:#eef6eb;border-radius:20px;padding:4px 7px;font-size:8px;font-weight:600}.hostel-card h3{color:#34483a;margin:13px 0 4px;font:700 12px Manrope,sans-serif}.hostel-card p{color:#88948c;margin:0;font-size:9px}.hostel-card-actions{display:flex;position:absolute;bottom:10px;right:12px}.page-footer{color:#a0aaa3;letter-spacing:.4px;justify-content:space-between;align-items:center;margin-top:21px;padding:0 3px;font-size:8px;display:flex}.loading-bar{background:#e6ece4;height:2px;margin:-7px 0 10px;overflow:hidden}.loading-bar span{background:#79a27a;width:28%;height:100%;animation:1.1s ease-in-out infinite alternate loading;display:block}@keyframes loading{to{transform:translate(260%)}}.alert{border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px;padding:10px 12px;font-size:10px;display:flex}.alert-error{color:#98564d;background:#fff5f3;border:1px solid #f2d7d3}.alert button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.alert svg{width:14px;height:14px}.toast{z-index:15;color:#fff;background:#315b42;border-radius:8px;padding:11px 16px;font-size:10px;position:fixed;top:78px;right:27px;box-shadow:0 8px 24px #1e362b2c}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15231db3;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border:1px solid #e7ece6;border-radius:14px;width:min(100%,530px);max-height:calc(100vh - 48px);padding:23px;overflow-y:auto;box-shadow:0 22px 80px #101b1666}.modal-card-small{width:min(100%,430px)}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-heading h2{color:#263b2d;letter-spacing:-.5px;margin:0;font:700 19px Manrope,sans-serif}.modal-form{gap:14px;display:grid}.modal-form>label,.form-row>label{color:#526157;gap:6px;font-size:10px;font-weight:600;display:grid}.modal-form input:not([type=file]):not([type=checkbox]),.modal-form select,.modal-form textarea{color:#34443a;background:#fff;border:1px solid #e0e7df;border-radius:7px;outline-color:#84a987;width:100%;min-height:39px;padding:9px 11px;font-size:11px;font-weight:400}.modal-form textarea{resize:vertical;min-height:70px}.modal-form input::placeholder,.modal-form textarea::placeholder{color:#a6b0a8}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.optional-label{color:#9aa49d;font-size:9px;font-weight:400}.amount-input{position:relative}.amount-input>span{color:#89978d;font-size:10px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.amount-input input{padding-left:35px!important}.upload-field{background:#fafcf9;border:1px dashed #d9e2d7;border-radius:8px;gap:7px;padding:12px;display:grid}.upload-field>label:first-child{color:#526157;flex-direction:column;gap:3px;font-size:10px;font-weight:600;display:flex}.upload-field input[type=file]{color:#75847a;max-width:100%;font-size:10px}.upload-field small{color:#929e95;font-size:9px}.remove-file{color:#8b5d58;align-items:center;gap:7px;font-size:9px;display:flex}.modal-form input[type=checkbox]{accent-color:#3f7752}.modal-actions{border-top:1px solid #edf0ed;justify-content:flex-end;gap:8px;margin-top:7px;padding-top:13px;display:flex}.signin-screen{background:#fff;grid-template-columns:minmax(360px,.92fr) minmax(440px,1.08fr);min-height:100vh;display:grid}.signin-brand{z-index:1;color:#f3f7f2;align-items:center;gap:11px;display:flex;position:absolute;top:30px;left:34px}.signin-brand>div{flex-direction:column;display:flex}.signin-brand strong{font:700 13px Manrope,sans-serif}.signin-brand small{color:#a6b8ad;margin-top:3px;font-size:9px}.signin-copy{color:#fff;background:radial-gradient(circle at 84% 15%,#45684f 0,#0000 32%),linear-gradient(145deg,#203a2d,#1c3329);flex-direction:column;justify-content:center;padding:112px 8vw 72px;display:flex;position:relative;overflow:hidden}.signin-copy:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-190px;right:-130px;box-shadow:0 0 0 36px #ffffff08,0 0 0 72px #ffffff05}.signin-copy .eyebrow{color:#a7c28e}.signin-copy h1{z-index:1;color:#f5f7f3;letter-spacing:-1.8px;margin:0 0 17px;font:700 clamp(32px,4vw,48px)/1.15 Manrope,sans-serif;position:relative}.signin-copy>p:not(.eyebrow){color:#bfcec2;max-width:380px;margin-bottom:25px;font-size:12px;line-height:1.7}.signin-points{z-index:1;color:#d8e3d9;gap:13px;font-size:10px;display:grid;position:relative}.signin-points span{align-items:center;gap:9px;display:flex}.signin-points i{color:#1d372a;background:#cfe58f;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-style:normal;font-weight:700;display:grid}.signin-foot{color:#97ad9c;letter-spacing:1px;font-size:8px;position:absolute;bottom:28px;left:8vw}.signin-foot span{color:#6d8c75;margin:0 7px}.signin-form-wrap{place-self:center;width:min(100%,430px);padding:50px 28px}.signin-form-heading{margin-bottom:24px}.signin-form-heading h2{color:#263a2d;letter-spacing:-.6px;margin:0 0 6px;font:700 22px Manrope,sans-serif}.signin-form-heading p{color:#8a968e;margin:0;font-size:11px}.signin-fields{gap:15px;display:grid}.signin-fields label,.staff-form label{color:#526057;gap:7px;font-size:10px;font-weight:700;display:grid}.signin-fields input,.staff-form input{color:#263a2d;background:#fff;border:1px solid #dce3dd;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 12px;font:500 12px Manrope,sans-serif}.signin-fields input:focus,.staff-form input:focus{border-color:#759b6e;box-shadow:0 0 0 3px #759b6e20}.signin-fields small,.staff-form small{color:#8a968e;font-size:9px;font-weight:400}.signin-submit{justify-content:center;width:100%;min-height:42px}.auth-error-banner{z-index:10;color:#9e423e;background:#fff7f6;border:1px solid #edc8c5;border-radius:9px;max-width:420px;padding:13px 16px;font-size:11px;position:fixed;bottom:20px;right:20px}.staff-layout{gap:18px;display:grid}.staff-create-panel{padding:22px}.staff-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid}.staff-form .button{justify-content:center;min-height:42px}.staff-action{min-height:30px;padding:0 10px;font-size:9px}.signout-button{color:#6c7b70;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:9px}.clerk-root{width:100%}.clerk-card{width:100%;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.clerk-header-title,.clerk-header-subtitle{display:none!important}.clerk-submit{color:#fff!important;box-shadow:none!important;background:#356b4f!important}.invite-note{color:#718078;background:#f4f7f3;border-radius:8px;margin:18px 0 0;padding:12px;font-size:9px;line-height:1.5}@media (width<=1120px){.page-wrap,.topbar{padding-left:24px;padding-right:24px}.sidebar{flex-basis:220px;width:220px}.overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr)}.chart-columns{gap:4px}}@media (width<=850px){.app-shell{flex-direction:column}.sidebar{flex-direction:row;flex:none;align-items:center;gap:14px;width:100%;min-height:auto;padding:12px 18px}.brand{padding:0}.brand-mark{width:36px;height:36px}.nav-label,.sidebar-bottom{display:none}.side-nav{gap:3px;margin-left:auto;display:flex}.nav-item{gap:8px;width:auto;padding:9px}.nav-item span:not(.nav-count),.nav-count{display:none}.nav-item svg{width:18px;height:18px}.topbar{height:54px}.overview-grid{grid-template-columns:1fr}.chart-panel{min-height:305px}.breakdown-panel{min-height:auto}}@media (width<=600px){body{min-width:320px}.sidebar{padding:10px 13px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:9px}.side-nav{gap:0}.nav-item{padding:8px}.topbar{padding:0 15px}.topbar-user span:last-child,.secure-label{display:none}.page-wrap{padding:24px 14px 18px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:24px}.heading-actions{justify-content:space-between;width:100%}.filter-row{gap:7px}.filter-row .select-wrap{flex:1;min-width:125px}.filter-row .select-wrap select{width:100%}.filter-caption{display:none}.filter-period{width:100%;margin:2px 0 0}.stat-grid{grid-template-columns:1fr;gap:9px}.stat-card{min-height:123px;padding:15px}.stat-value{margin:11px 0 10px;font-size:22px}.chart-panel,.breakdown-panel,.recent-panel,.records-panel,.hostel-panel{padding:15px 13px 8px}.chart-columns{gap:2px}.chart-y-labels{width:36px;font-size:7px}.chart-month{font-size:7px}.legend{gap:9px;margin-left:33px}.legend span{font-size:8px}.filter-controls{width:100%}.records-panel .panel-heading{flex-direction:column;align-items:flex-start}.filter-controls .select-wrap{flex:1}.filter-controls .select-wrap select{width:100%;min-width:0}.data-table th,.data-table td{padding:9px 7px}.page-footer{flex-direction:column;align-items:flex-start;gap:7px}.modal-backdrop{align-items:end;padding:0}.modal-card{border-radius:15px 15px 0 0;width:100%;max-height:92vh;padding:19px}.form-row{grid-template-columns:1fr}.signin-screen{background:#f4f6f2;min-height:100vh;display:block}.signin-copy{min-height:0;padding:94px 26px 27px}.signin-brand{top:19px;left:21px}.signin-copy h1{letter-spacing:-1px;margin-bottom:9px;font-size:28px}.signin-copy>p:not(.eyebrow){margin-bottom:15px;font-size:10px}.signin-points,.signin-foot{display:none}.signin-form-wrap{width:100%;padding:28px 21px}.signin-form-heading{margin-bottom:18px}.staff-form{grid-template-columns:1fr}.staff-create-panel{padding:16px}}.dept-tabs{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.dept-tab{font:inherit;color:#35453e;cursor:pointer;background:#fff;border:1px solid #d5dbd8;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:inline-flex}.dept-tab span{background:#eef2ef;border-radius:999px;padding:1px 8px;font-size:12px}.dept-tab.active{color:#fff;background:#356b52;border-color:#356b52}.dept-tab.active span{color:#fff;background:#fff3}.resident-search{color:#34453a;min-width:280px;height:35px;font:inherit;background:#fff;border:1px solid #e3e9e2;border-radius:7px;outline-color:#92b18e;padding:0 12px;font-size:12px}.unit-panel{margin-bottom:18px;padding:20px 22px 8px}.unit-over{border-color:#f0b8b2;box-shadow:0 0 0 3px #fdecea}.unit-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.unit-head h2{color:#223b2b;margin:0;font:700 17px/1.3 Manrope,sans-serif}.unit-head p{color:#7d8a82;max-width:640px;margin:4px 0 0;font-size:12px;line-height:1.5}.unit-head-actions{gap:8px;display:flex}.unit-btn{min-height:36px;padding:0 14px;font-size:12px}.unit-facts{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 12px;display:flex}.chip{color:#5a6b60;background:#f1f5f0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:inline-flex}.chip strong{color:#223b2b}.chip-over,.chip-over strong{color:#b3261e;background:#fdecea}.over-badge{color:#fff;background:#b3261e;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.resident-table th{background:#f8faf7;padding:11px 10px;font-size:10px}.resident-table td{color:#44544a;padding:12px 10px;font-size:13px}.resident-table tbody tr:hover{background:#f8faf7}.resident-table .hostel-name-cell{color:#223b2b;font-weight:600}.resident-table tr.moved-out td{opacity:.55}.resident-table td:first-child{color:#356b52;width:70px;font-weight:700}.row-btn{color:#3f6b4e;height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce4dc;border-radius:7px;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.row-btn:hover{background:#f1f6f0}.row-btn svg{width:13px;height:13px}.row-btn-danger{color:#b3261e}.row-btn-danger:hover{background:#fdecea;border-color:#f0b8b2}.topbar-logo{width:auto;height:44px;display:block}@media (width<=700px){.topbar-logo{height:32px}}.grid-panel{padding:20px 22px 12px}.grid-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.grid-toolbar h2{color:#223b2b;margin:0;font:700 17px/1.3 Manrope,sans-serif}.grid-toolbar p{color:#7d8a82;max-width:520px;margin:4px 0 0;font-size:12px;line-height:1.5}.grid-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid-filters .select-wrap select{min-width:110px;height:38px;font-size:13px}.bills-grid th{background:#f8faf7;padding:11px 10px;font-size:10px}.bills-grid td{color:#44544a;padding:6px 10px;font-size:13px}.bills-grid .grid-hostel{color:#223b2b;z-index:1;background:#fff;min-width:190px;position:sticky;left:0}.bills-grid thead .grid-hostel{background:#f8faf7}.bills-grid .grid-num{text-align:right;min-width:150px}.bills-grid .grid-total{color:#223b2b;font-weight:700}.bills-grid tbody tr:hover td{background:#f8faf7}.bills-grid tfoot td{color:#223b2b;background:#f8faf7;border-top:2px solid #dce4dc;padding:12px 10px;font-weight:700}.grid-input{text-align:right;width:100%;height:34px;font:inherit;color:#223b2b;background:#fff;border:1px solid #e3e9e2;border-radius:6px;outline-color:#92b18e;padding:0 10px;font-size:13px}.grid-input:hover{border-color:#b9c8bb}.grid-input:focus{border-color:#356b52;box-shadow:0 0 0 3px #356b5226}.grid-input:disabled{color:#9aa59d;background:#f4f6f3}.grid-saved{background:#eef7f0;border-color:#356b52}.grid-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grid-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.grid-input{appearance:textfield}.section-title{color:#223b2b;margin:28px 0 14px;font:700 17px/1.3 Manrope,sans-serif}.occupancy-stats{margin-bottom:18px}.occupancy-stats .stat-value{font-size:30px}.occupancy-stats .stat-value span{font-size:inherit}.over-icon{color:#b3261e;background:#fdecea;border-radius:9px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.under-text{color:#b7791f;font-weight:700}.over-capacity{color:#b3261e;font-weight:700}.under-badge{color:#8a5a0b;background:#fdf3dc;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.dept-panel{margin-bottom:18px;padding:20px 22px 10px}.dept-panel .data-table .num{text-align:right}.dept-panel tfoot td{color:#223b2b;background:#f8faf7;border-top:2px solid #dce4dc;padding:12px 10px;font-weight:700}.occ-bar{vertical-align:middle;background:#eaf0ea;border-radius:999px;width:140px;height:8px;margin-right:8px;display:inline-block;overflow:hidden}.occ-bar span{background:#356b52;border-radius:999px;height:100%;display:block}.occ-bar span.occ-over{background:#b3261e}.alert-address{white-space:normal;min-width:260px;max-width:420px}.brand{flex-direction:column;align-items:flex-start;gap:6px}.brand-logo{background:#fff;border-radius:12px;place-items:center;width:100%;max-width:190px;padding:10px 14px;display:grid;box-shadow:0 2px 8px #0000001f}.brand-logo img{width:auto;max-width:100%;height:52px;display:block}.brand .brand-copy{padding-left:4px}.print-button{min-height:38px;font-size:12px}@media print{@page{size:A4 landscape;margin:10mm}body{background:#fff!important}.sidebar,.topbar,.heading-actions,.page-footer,.dept-tabs,.filter-row,.grid-filters,.toast,.loading-bar,.unit-head-actions,.row-actions,.resident-table th:last-child,.resident-table td:last-child,.link-button,.modal-backdrop{display:none!important}.app-shell{min-height:0;display:block}.main-content{width:100%}.page-wrap{max-width:none;padding:0}.panel{break-inside:avoid;margin-bottom:10px;box-shadow:none!important}.unit-panel{padding:10px 12px 4px}.table-scroll{overflow:visible!important}.data-table{white-space:normal}.bills-grid .grid-hostel{position:static}.grid-input{background:0 0;border:0;padding:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.brand-logo{animation:2.6s ease-in-out infinite logo-glow;position:relative;overflow:hidden}.brand-logo img{animation:2.6s ease-in-out infinite logo-blink}.brand-logo:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffffd9,#0000);width:40%;animation:3.2s ease-in-out infinite logo-shine;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-20deg)}@keyframes logo-shine{0%{left:-60%}55%,to{left:130%}}@keyframes logo-glow{0%,to{box-shadow:0 2px 8px #0000001f}50%{box-shadow:0 0 16px 3px #d4ed9188}}@keyframes logo-blink{0%,to{opacity:1}50%{opacity:.78}}@media (prefers-reduced-motion:reduce){.brand-logo,.brand-logo img,.brand-logo:after{animation:none}}@media print{.brand-logo:after{display:none}}.view-only .edit-only{display:none!important}@media print{@page{size:A4 landscape;margin:8mm}.page-wrap{zoom:.78}.page-heading{margin-bottom:6px}.page-heading h1{font-size:20px}.page-heading .eyebrow,.page-subtitle,.overview-grid,.section-title{display:none!important}.stat-grid{gap:8px;margin-bottom:8px}.stat-card{min-height:0;padding:10px 14px}.stat-card .stat-top{margin-bottom:4px}.stat-value,.occupancy-stats .stat-value{margin:2px 0;font-size:22px}.stat-foot{margin-top:4px;font-size:10px}.panel,.dept-panel,.unit-panel,.grid-panel{break-inside:auto;margin-bottom:8px;padding:8px 12px 4px}.panel-heading,.unit-head,.grid-toolbar{break-after:avoid;margin-bottom:4px}.panel-heading p,.grid-toolbar p{display:none}.unit-head h2,.grid-toolbar h2,.panel-heading h2{font-size:13px}.unit-head p{margin-top:1px;font-size:10px}.unit-facts{gap:5px;margin:4px 0 6px}.chip,.over-badge,.under-badge{padding:2px 8px;font-size:10px}.data-table th{padding:4px 8px;font-size:8px}.data-table td,.resident-table td,.bills-grid td{padding:3px 8px;font-size:10px;line-height:1.25}.data-table tfoot td,.bills-grid tfoot td{padding:4px 8px}.data-table tr{break-inside:avoid}.data-table thead{display:table-header-group}.data-table td,.data-table th{white-space:normal}.alert-address{min-width:0}.grid-input{height:auto;font-size:10px}.occ-bar{width:90px;height:6px}.hostel-grid{gap:6px}.hostel-card{break-inside:avoid;padding:8px 10px}}.topbar-user-button{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:4px 8px;font-size:10px}.topbar-user-button:hover{background:#f1f5f0}.topbar-user-button .change-pw{color:#356b52;border:1px solid #dce4dc;border-radius:999px;padding:3px 9px;font-weight:600}@media print{.topbar-user-button{display:none}}.utility-cell i.utility-glyph{background:0 0;width:22px;height:22px}.utility-badge svg{display:block}.grid-head{align-items:center;gap:6px;display:inline-flex}.staff-layout{grid-template-columns:minmax(0,1fr)}.staff-layout>*,.overview-grid>*,.stat-grid>*,.hostel-grid>*{min-width:0}.main-content,.page-wrap{min-width:0;max-width:100%}.staff-form select,.modal-form select,.signin-fields select{color:#263a2d;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #dce3dd;border-radius:8px;padding:0 12px;font-size:13px}.staff-form select:focus,.modal-form select:focus{border-color:#759b6e;outline:0;box-shadow:0 0 0 3px #759b6e20}.staff-form label{font-size:12px}.staff-form input{font-size:13px}.staff-form small{font-size:11px}@media (width<=850px){html,body{overflow-x:hidden}.app-shell{width:100%}.sidebar{z-index:20;position:sticky;top:0}.brand{flex-direction:row;align-items:center;gap:8px}.brand-logo{border-radius:9px;width:auto;max-width:none;padding:4px 8px}.brand-logo img{height:30px}.brand .brand-copy{display:none}.side-nav{flex-wrap:nowrap}.topbar{position:static}}@media (width<=600px){.page-wrap{padding:16px 12px}.page-heading h1{font-size:22px}.page-subtitle{font-size:12px}.heading-actions{flex-wrap:wrap;gap:8px}.dept-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:0 -12px 14px;padding:0 12px 4px;overflow-x:auto}.dept-tabs::-webkit-scrollbar{display:none}.dept-tab{flex:none;gap:6px;padding:6px 12px;font-size:13px}.dept-tab span{font-size:11px}.unit-panel,.grid-panel,.dept-panel{padding:14px 12px 6px}.unit-head{gap:10px}.unit-head h2,.grid-toolbar h2{font-size:15px}.unit-head p,.grid-toolbar p{font-size:11px}.unit-head-actions{width:100%}.unit-head-actions .button{flex:1;justify-content:center}.grid-filters{width:100%}.grid-filters .select-wrap{flex:1}.grid-filters .select-wrap select{width:100%}.resident-search{width:100%;min-width:0}.filter-row{margin-bottom:12px}.chip{padding:4px 10px;font-size:11px}.resident-table td,.resident-table th,.bills-grid td,.bills-grid th,.data-table td{font-size:12px}.bills-grid .grid-hostel,.bills-grid .grid-num{min-width:120px}.occupancy-stats .stat-value{font-size:24px}.staff-create-panel{padding:14px}.staff-action{min-height:34px;font-size:11px}.row-actions{flex-wrap:wrap}.topbar-user-button .change-pw,.topbar-user span:last-child{display:inline-block}.topbar-user-button span:nth-child(2){display:none}}.topbar-signout{color:#b3261e;height:32px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dce4dc;border-radius:999px;padding:0 12px;font-size:12px;font-weight:600;display:none}@media (width<=850px){.topbar{height:auto;min-height:54px;padding-top:8px;padding-bottom:8px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.topbar-signout{align-items:center;display:inline-flex}}@media (width<=600px){.topbar-user-button span:nth-child(2){display:none}.topbar-user-button .change-pw{display:inline-block}}@media print{.topbar-signout{display:none!important}}.signin-brand{align-items:center;gap:12px}.signin-brand .signin-logo{width:auto;max-width:none;padding:8px 14px}.signin-brand .signin-logo img{height:44px}@media (width<=600px){.signin-brand .signin-logo img{height:34px}}.hostel-card{flex-direction:column;display:flex}.hostel-card .rental-line{color:#5f6f65;margin-top:6px;font-size:10px}.hostel-card-actions{justify-content:flex-end;align-items:center;gap:4px;margin-top:auto;padding-top:10px;position:static}.hostel-card p{line-height:1.5}.hostel-status.badge-soon{color:#8a5a0b;background:#fdf3dc}.hostel-status.badge-expired{color:#b3261e;background:#fdecea}.hostel-status.badge-off{color:#6b7570;background:#eceeed}.hostel-soon{background:#fffbea;border-color:#e6c04a;box-shadow:0 0 0 2px #f5dc8a55}.hostel-expired{background:#fff5f4;border-color:#f0b8b2}.hostel-inactive{opacity:.62;background:#f6f7f6}.status-tabs{background:#eef2ef;border-radius:999px;gap:4px;margin:0 0 16px;padding:3px;display:inline-flex}.status-tab{color:#55655b;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-tab span{opacity:.75;font-size:11px}.status-tab.active{color:#223b2b;background:#fff;box-shadow:0 1px 3px #0000001f}.nav-item.edit-only{display:flex}.view-only .nav-item.edit-only{display:none!important}.print-only{display:none}@media print{@page{size:A4 landscape;margin:8mm}.print-only{display:block!important}.print-title{color:#4d5d53;border-bottom:1px solid #cfd8d0;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;font-size:12px;display:flex!important}.unit-panel{break-after:page;page-break-after:always;break-inside:auto;border:0;margin:0;padding:0}.unit-panel.unit-last,body.print-one .unit-panel.print-target{break-after:auto;page-break-after:auto}.unit-over{box-shadow:none;border:0}.unit-panel .unit-head h2{font-size:22px}.unit-panel .unit-head p{max-width:none;font-size:13px}.unit-panel .unit-facts{margin:8px 0 10px}.unit-panel .chip,.unit-panel .over-badge{padding:4px 12px;font-size:12px}.unit-panel .resident-table th{padding:6px 8px;font-size:10px}.unit-panel .resident-table td{padding:5px 8px;font-size:13px}.unit-panel .resident-table td:first-child{width:60px}body.print-one .unit-panel:not(.print-target){display:none!important}}.hostel-card .rent-line{color:#223b2b;margin-top:2px;font-size:11px;font-weight:600}.rent-total{color:#5f6f65;margin:0 0 14px;font-size:13px}.rent-total strong{color:#223b2b;font-size:15px}.hostel-card .rental-line.rental-missing{color:#b3261e;font-weight:600}