@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #1a237e;--color-primary-hover: #283593;--color-primary-strong: #3949ab;--color-primary-light: #9fa8da;--color-primary-50: #e8eaf6;--color-primary-100: #c5cae9;--color-success: #2e7d32;--color-success-50: #e8f5e9;--color-success-border: #a5d6a7;--color-warning: #e65100;--color-warning-50: #fff3e0;--color-warning-border: #ffcc80;--color-danger: #c62828;--color-danger-50: #fce4ec;--color-danger-border: #ef9a9a;--color-info: #1565c0;--color-info-50: #e3f2fd;--color-info-border: #90caf9;--color-purple: #6a1b9a;--color-purple-50: #f3e5f5;--color-amber: #f57f17;--color-amber-50: #fff8e1;--color-teal: #00838f;--color-teal-50: #e0f7fa;--color-bg: #f0f2f5;--color-bg-main: #f5f6fa;--color-surface: #ffffff;--color-border: #ddd;--color-border-strong: #ccc;--color-border-light: #eee;--color-border-lighter: #f5f5f5;--color-text: #333;--color-text-2: #555;--color-text-3: #666;--color-text-4: #777;--color-text-muted: #888;--color-text-faint: #999;--color-text-fainter: #bbb;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-sm-soft: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-popover: 0 8px 28px rgba(0, 0, 0, .16);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--font-family: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-size-display: 28px;--font-size-h1: 24px;--font-size-h2: 22px;--font-size-h3: 18px;--font-size-body: 16px;--font-size-sm: 15px;--font-size-caption: 13px;--font-size-helper: 12px;--control-height: 40px;--control-height-sm: 34px;--transition-fast: .15s ease;--transition: .2s ease;--z-sticky: 100;--z-overlay: 1000;--z-panel: 1001;--z-toast: 1200;--z-topmost: 9999;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-body);line-height:1.5}a{text-decoration:none;color:inherit}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-text)}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 767px){body{font-size:var(--font-size-sm)}input,select,textarea,button{font-size:16px!important}}.portal-wrapper{min-height:100vh;background:var(--color-bg)}.portal-wrapper-centered{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:var(--space-5);width:100%}.portal-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6);max-width:600px;width:100%;box-sizing:border-box;box-shadow:0 4px 20px #0000001a;flex:0 1 600px}.portal-card-wide{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6);max-width:860px;width:100%;box-sizing:border-box;box-shadow:0 4px 20px #0000001a;flex:0 1 860px}.portal-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-strong) 100%);color:#fff;padding:72px 24px 64px;text-align:center;position:relative;overflow:hidden}.portal-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.portal-hero h1{font-size:40px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;position:relative}.portal-hero p{font-size:18px;opacity:.85;max-width:500px;margin:0 auto;line-height:1.6;position:relative}.portal-services{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:860px;margin:-40px auto 0;padding:0 24px;position:relative;z-index:1}.portal-service-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:32px 28px;box-shadow:0 4px 20px #00000014;border:1px solid var(--color-border-light);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:16px}.portal-service-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.portal-service-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}.portal-service-card h3{font-size:20px;font-weight:700;color:var(--color-text)}.portal-service-card p{font-size:14px;color:var(--color-text-4);line-height:1.6;margin:0}.portal-tracker{max-width:860px;margin:48px auto 0;padding:0 24px}.portal-tracker-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:32px;box-shadow:0 2px 12px #0000000f;border:1px solid var(--color-border-light)}.portal-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:860px;margin:48px auto 0;padding:0 24px 64px}.portal-info-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:28px;box-shadow:0 2px 12px #0000000f;border:1px solid var(--color-border-light)}.portal-info-card h3{font-size:16px;font-weight:700;color:var(--color-text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.portal-footer{text-align:center;padding:32px 24px;border-top:1px solid var(--color-border-light);max-width:860px;margin:0 auto}.portal-steps{display:flex;align-items:center;gap:0;margin-bottom:32px;padding:0 8px;width:100%}.portal-step{display:flex;align-items:center;gap:8px;flex:1;position:relative}.portal-step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;transition:all .2s ease}.portal-step-line{flex:1;height:3px;border-radius:2px;transition:background .3s ease}.portal-step-label{font-size:13px;font-weight:600;white-space:nowrap;position:absolute;top:40px;left:50%;transform:translate(-50%)}.portal-timeline{position:relative;padding-left:36px}.portal-timeline-item{position:relative;padding-bottom:28px}.portal-timeline-dot{position:absolute;left:-36px;top:2px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}@media (max-width: 767px){.portal-wrapper-centered{padding:var(--space-3)}.portal-card,.portal-card-wide{padding:var(--space-5);border-radius:var(--radius-lg)}.portal-hero{padding:56px 20px 48px}.portal-hero h1{font-size:28px}.portal-hero p{font-size:15px}.portal-services{grid-template-columns:1fr;margin-top:-32px;padding:0 16px}.portal-service-card{padding:24px 20px}.portal-tracker,.portal-info-grid{padding:0 16px}.portal-info-grid{grid-template-columns:1fr}.portal-nav{height:auto!important;flex-wrap:wrap!important;padding:8px 16px!important;row-gap:6px}.portal-nav-links{width:100%!important;flex-wrap:wrap!important}.portal-step-label{display:none}}@media (max-width: 640px){.step-label{display:none}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.page-header h2{font-size:var(--font-size-display);font-weight:700;text-transform:uppercase;color:var(--color-primary)}.page-header .page-title{text-transform:uppercase}.page-header .page-description{font-size:var(--font-size-sm);color:var(--color-text-4);margin-top:var(--space-1)}.page-header .page-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-h3);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.resident-card{display:flex;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none;line-height:1.4;min-height:var(--control-height);box-sizing:border-box;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#388e3c}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f}.btn-warning{background:var(--color-purple);color:#fff}.btn-warning:hover:not(:disabled){background:#7b1fa2}.btn-secondary{background:#e0e0e0;color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#bdbdbd}.btn-outline-primary{background:transparent;color:var(--color-info);border:1.5px solid var(--color-info)}.btn-outline-primary:hover:not(:disabled){background:var(--color-info-50)}.btn-outline-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-primary-50)}.spin{animation:spin 1s linear infinite}.spin-ccw{animation:spin-ccw 1s linear infinite}.btn-sm{padding:6px 14px;font-size:var(--font-size-sm);min-height:var(--control-height-sm)}.btn-xs{padding:4px 10px;font-size:12px;font-weight:500;flex-shrink:0;white-space:nowrap;gap:0;min-height:auto}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-2);margin-bottom:var(--space-1)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast);background:var(--color-surface)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a237e1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group .required{color:var(--color-danger)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-body)}th{background:#f5f5f5;font-weight:600;color:var(--color-text-2)}tr:hover td{background:#f8f9ff}tr.row-missing td{background:var(--color-danger-50)}tr.row-missing:hover td{background:var(--color-danger-border)}.badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:500}.badge-primary{color:var(--color-info)}.badge-success{color:var(--color-success)}.badge-warning{color:var(--color-warning)}.badge-danger{color:var(--color-danger)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-5)}.pagination button{padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-size:var(--font-size-sm)}.pagination button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.search-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);align-items:center;flex-wrap:wrap}.search-bar input{flex:1;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none;min-width:180px}.search-bar input:focus{border-color:var(--color-primary)}.search-bar select{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-surface)}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-5)}.stat-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.stat-card .stat-value{font-size:38px;font-weight:700;color:var(--color-primary);margin:var(--space-2) 0 var(--space-1)}.stat-card .stat-label{font-size:var(--font-size-body);color:var(--color-text-4)}.stat-card .stat-sublabel{font-size:var(--font-size-caption);color:var(--color-text-faint);margin-top:var(--space-1)}.empty-state{text-align:center;padding:var(--space-7) var(--space-5);color:var(--color-text-faint)}.empty-state p{font-size:var(--font-size-h3);margin-top:var(--space-2)}.empty-state .empty-action{margin-top:var(--space-4)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);width:90%;max-width:500px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.modal h3{margin-bottom:var(--space-4)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5);flex-wrap:wrap}.slide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--z-overlay);animation:fadeIn var(--transition-fast)}.slide-panel{position:fixed;top:0;right:0;bottom:0;width:640px;max-width:100vw;background:var(--color-surface);z-index:var(--z-panel);display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000026;animation:slideInRight .25s ease}.slide-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border-light);flex-shrink:0;gap:var(--space-3)}.slide-panel-header h3{margin:0;font-size:var(--font-size-h3)}.slide-panel-header .btn-close{background:none;border:none;font-size:20px;color:var(--color-text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.slide-panel-header .btn-close:hover{background:#f5f5f5;color:var(--color-text)}.slide-panel-body{flex:1;overflow-y:auto;padding:0 var(--space-5) var(--space-5)}.slide-panel-footer{border-top:1px solid var(--color-border-light);padding:var(--space-4) var(--space-5);flex-shrink:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-exit{animation:slideOutRight .3s ease forwards;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:22px;cursor:pointer;transition:.3s}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-body)}.alert-success{background:var(--color-success-50);color:var(--color-success);border:1px solid var(--color-success-border)}.alert-error{background:var(--color-danger-50);color:var(--color-danger);border:1px solid var(--color-danger-border)}.alert-info{background:var(--color-info-50);color:var(--color-info);border:1px solid var(--color-info-border)}.alert-warning{background:var(--color-warning-50);color:var(--color-warning);border:1px solid var(--color-warning-border)}.reason-box-review{position:absolute;left:calc(50% + 391px);top:50%;transform:translateY(-50%);width:280px;z-index:1}.dashboard-chart-layout{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.skeleton-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes notif-panel-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes notif-panel-exit{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes notif-pulse{0%,to{box-shadow:0 0 #c6282866}50%{box-shadow:0 0 0 6px #c6282800}}.notif-panel-enter{animation:notif-panel-enter .22s cubic-bezier(.16,1,.3,1) forwards;will-change:transform}.notif-panel-exit{animation:notif-panel-exit .18s ease-in forwards;will-change:transform}.notif-badge-pulse{animation:notif-pulse 1.8s ease-in-out infinite}@media (max-width: 767px){.layout-mobile main{margin-left:0!important}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.page-header h2{font-size:21px}.card{padding:var(--space-4);border-radius:var(--radius-md)}h2{font-size:var(--font-size-h3)!important}h3{font-size:var(--font-size-body)!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:var(--space-2)!important}.form-grid{grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr}.btn{padding:var(--space-3) var(--space-5)!important;font-size:var(--font-size-sm)!important;width:100%}.dashboard-cards{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-card{padding:var(--space-4)}.stat-card .stat-value{font-size:30px}.search-bar{flex-direction:column;align-items:stretch}.search-bar input,.search-bar select{width:100%}.table-container{overflow-x:auto}th,td{padding:var(--space-2) 10px;font-size:var(--font-size-helper);white-space:nowrap}.modal{width:95%;padding:var(--space-4)}.pagination{flex-wrap:wrap}.btn-xs{padding:2px 5px;font-size:9px}.resident-card{flex-wrap:wrap;gap:var(--space-2)}.resident-card .btn{width:100%}.review-columns{flex-wrap:wrap}.dashboard-chart-layout{flex-direction:column}.dashboard-chart-squares{width:100%!important}.reason-box-review{position:static;transform:none;width:calc(100% - 32px);margin:var(--space-4) auto 0}}@media (min-width: 768px) and (max-width: 1023px){.layout-mobile main{margin-left:260px}}@media (max-width: 480px){.dashboard-cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr!important}.page-header h2{font-size:var(--font-size-h3)}.stat-card .stat-value{font-size:24px}.btn-xs{padding:1px 4px;font-size:8px}}.react-datepicker{font-family:inherit;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%}.react-datepicker__month-container{width:100%;float:none}.react-datepicker__header{background:var(--color-bg-main);border-bottom:1px solid var(--color-border-light);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-top:10px}.react-datepicker__current-month{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.react-datepicker__day-name{font-size:var(--font-size-caption);color:var(--color-text-muted)}.react-datepicker__day{font-size:var(--font-size-sm);border-radius:var(--radius-sm);color:var(--color-text)}.react-datepicker__day:hover{background:var(--color-info-50);border-radius:var(--radius-sm)}.react-datepicker__day--selected{background:var(--color-info)!important;color:#fff!important;border-radius:var(--radius-sm)}.react-datepicker__day--keyboard-selected{background:var(--color-info-50);border-radius:var(--radius-sm)}.react-datepicker__day--highlighted{border-radius:var(--radius-sm)!important;background:var(--color-warning-border)!important}.react-datepicker__navigation{top:12px}.react-datepicker__navigation-icon:before{border-color:var(--color-text-3)}.react-datepicker__triangle{display:none}.react-datepicker__month-select,.react-datepicker__year-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-caption);background:var(--color-surface);cursor:pointer;outline:none}