html,body,#root{height:100%;margin:0}.ant-layout{overflow:hidden}:root{--sider-bg: #ffffff;--sider-border: #f0f0f0;--menu-text: #64748b;--menu-active-bg: #e8f2fc;--menu-active-text: #ffffff;--header-bg: rgba(255, 255, 255, .85);--header-shadow: 0 4px 20px rgba(0, 0, 0, .03);--sider-shadow: 4px 0 24px rgba(0, 0, 0, .02)}.custom-sider{background-color:var(--sider-bg)!important;box-shadow:var(--sider-shadow);border-right:1px solid var(--sider-border)!important;z-index:100}.sider-logo-container{display:flex;justify-content:flex-start;align-items:center;height:64px;background-color:var(--sider-bg);border-bottom:1px solid var(--sider-border);padding:0 24px;transition:all .2s ease}.sider-logo-container.collapsed{justify-content:center;padding:0}.custom-menu{background:transparent!important;border-inline-end:none!important;padding:16px 8px!important}.custom-menu .ant-menu-item,.custom-menu .ant-menu-submenu-title{border-radius:12px!important;color:var(--menu-text)!important;margin-bottom:4px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.custom-menu .ant-menu-item-selected{background:#00509d;color:var(--menu-active-text)!important;font-weight:600}.custom-trigger-btn{border-top:1px solid var(--sider-border);color:var(--menu-text)!important;background-color:var(--sider-bg)!important;transition:background .3s}.login-layout{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#002347;padding:20px}.login-layout .ant-layout-content{display:flex;justify-content:center;align-items:center}.login-card{width:100%;max-width:420px;margin:0 40px;padding:0 40px;border-radius:16px;border:none;box-shadow:0 10px 40px #0096c926;background:#fff}.login-header{text-align:center;margin-bottom:32px}.logo-container{margin-bottom:14px;display:flex;justify-content:center}.app-logo{height:70px;width:auto;object-fit:contain;transition:transform .3s ease}.app-logo:hover{transform:scale(1.3)}.btn-gradient{border:none;height:48px;font-weight:600;font-size:16px;border-radius:8px;background:#00509d;box-shadow:0 4px 15px #0096c94d;transition:all .3s ease}.btn-gradient:hover{background:linear-gradient(135deg,#0096c9,#007ba3);transform:translateY(-2px);box-shadow:0 6px 20px #0096c966}.custom-input .ant-input-affix-wrapper{padding:10px 11px;border-radius:8px;background-color:#f8fcfd;border:1px solid #e6f7ff}.custom-input .ant-input-affix-wrapper:hover,.custom-input .ant-input-affix-wrapper:focus,.custom-input .ant-input-affix-wrapper-focused{border-color:#0096c9;background-color:#fff}.dashboard-container{padding:24px;min-height:100vh}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-value{font-size:24px;font-weight:700;color:#2b3674;margin:0}.stat-label{color:#a3aed0;font-size:14px}.stat-trend{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.trend-up{color:#05cd99}.trend-down{color:#ee5d50}.chart-card{height:100%;display:flex;flex-direction:column}.bar-chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:200px;padding-top:20px;gap:12px}.chart-bar{flex:1;border-radius:8px;background:linear-gradient(180deg,#6ad2ff,#00509d);opacity:.8;transition:all .3s;position:relative}.chart-bar:hover{opacity:1;transform:scaleY(1.05)}.quick-stats-card{background:#00509d;border:none;color:#fff;height:100%;border-radius:16px}.quick-stat-item{margin-bottom:24px}.quick-stat-label{font-size:14px;opacity:.8;margin-bottom:4px}.quick-stat-value{font-size:28px;font-weight:700}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.user-name-wrapper{display:flex;align-items:center;gap:12px}.user-name-text{font-weight:600;color:#2b3674}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.status-active{background-color:#e6fdf3;color:#05cd99}.status-inactive{background-color:#f4f7fe;color:#a3aed0}.ant-pagination-item{border-radius:8px!important;border:1px solid #e0e5f2!important;font-weight:600}.ant-pagination-item-active{background-color:#00509d!important;border-color:#00509d!important}.ant-pagination-item-active a{color:#fff!important}.ant-btn-link{color:#00509d!important}.ant-btn-link:hover{color:#003f73!important}.page-container{background:linear-gradient(to bottom,#e3f2fd,#fff);min-height:100vh;padding:24px}.table-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:16px;margin-top:16px}.home-hero{min-height:100vh;background:linear-gradient(135deg,#00509d,#002347);display:flex;align-items:center;justify-content:center;padding:0 24px}.hero-content{text-align:center;padding:72px 48px;animation:fadeSlide .9s ease-out}.hero-title{font-size:56px!important;font-weight:700!important;color:#fff!important;letter-spacing:-1px;margin-bottom:12px!important}.hero-desc{font-size:18px;color:#f0f0f0;margin:0 auto}.home-section{padding:88px 56px}.home-section.alt{background:#f8fafc}.section-title{text-align:center;margin-bottom:48px!important}.benefit-card{height:100%;border-radius:16px!important;transition:all .35s ease}.benefit-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px #0f172a26}.benefit-card .icon{font-size:32px;color:#2563eb;margin-bottom:12px}.service-card{display:flex;gap:24px;border-radius:16px!important;transition:all .35s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 42px #0f172a1f}.service-icon{font-size:36px;color:#1d4ed8}.fade-up{animation:fadeUp .8s ease both}@keyframes fadeSlide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title{font-size:40px!important}.home-section{padding:64px 24px}}.custom-tabs-container{display:flex;gap:12px;margin-bottom:24px}.tab-pill{border-radius:8px;padding:8px 20px;font-weight:500;border:1px solid #d9d9d9;background-color:#fff;color:#595959;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.tab-pill:hover{border-color:#00509d;color:#00509d}.tab-pill.active{background-color:#00509d;color:#fff;border-color:#00509d;box-shadow:0 2px 5px #00509d33}.page-header{margin-bottom:24px}.page-title{font-size:24px;font-weight:600;color:#000;margin-bottom:4px;display:flex;align-items:center;gap:8px}.page-subtitle{color:#8c8c8c;font-size:14px}.perpres-info{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;cursor:help}.ketentuan-table .ant-table-thead>tr>th{font-weight:600}.ketentuan-table .ant-table-tbody>tr>td{vertical-align:middle}.action-view{background:#e8f2fc;color:#00509d}.action-view:hover{background:#00509d;color:#fff}.tupas-container{padding:24px;min-height:100vh}.tupas-header{margin-bottom:24px}.tupas-title{font-size:24px;font-weight:700;color:#000;margin:0;display:flex;align-items:center;gap:10px}.tupas-subtitle{color:#6b7280;margin-top:4px;font-size:14px}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 10px #00000005;display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:13px;color:#6b7280;margin-bottom:5px}.stat-value{font-size:28px;font-weight:700;color:#00509d}.stat-value.green{color:#059669}.stat-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.icon-blue{background-color:#e0e7ff;color:#1677ff}.icon-green{background-color:#d1fae5;color:#059669}.add-data-card{background:#00509d;border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;color:#fff;cursor:pointer;box-shadow:0 4px 15px #4338ca4d;transition:transform .2s}.add-data-card:hover{transform:translateY(-2px)}.add-btn-circle{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.custom-table-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px #00000005}.ant-table-thead>tr>th{background:#f9fafb!important;color:#374151!important;font-weight:600!important;border-bottom:none!important}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status-active{background-color:#d1fae5;color:#059669}.action-btn{border:none;box-shadow:none;background:transparent}.btn-view{background-color:#e0e7ff;color:#00509d}.btn-edit{background-color:#fef3c7;color:#d97706}.btn-delete{background-color:#fee2e2;color:#dc2626}.modal-header-custom{background:#00509d;padding:16px 24px;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:600}.pembayaran-container{padding:24px;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title-wrapper{display:flex;flex-direction:column}.page-title{font-size:24px;font-weight:700;color:#000;margin:0;display:flex;align-items:center;gap:12px}.pembayaran-subtitle{color:#6b7280;margin-top:4px;font-size:14px}.period-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.period-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease;border:1px solid #e5e7eb;cursor:pointer;position:relative;overflow:hidden}.period-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#6366f1}.period-month{font-size:20px;font-weight:700;color:#111827;margin-bottom:4px}.period-year{font-size:14px;color:#6b7280;margin-bottom:20px}.period-stats{display:flex;justify-content:space-between;background-color:#f9fafb;padding:12px;border-radius:8px}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#6b7280}.stat-val{font-weight:600;color:#374151}.stat-val.lunas{color:#059669}.stat-val.belum{color:#dc2626}.back-btn{display:flex;align-items:center;gap:8px;color:#6b7280;font-weight:500;cursor:pointer;margin-bottom:10px;transition:color .2s}.back-btn:hover{color:#00509d}.table-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px #00000005}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-paid{background:#d1fae5;color:#065f46}.status-pending{background:#fee2e2;color:#991b1b}*/ .action-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 14px #00000026}.log-container{padding:24px;min-height:100vh}.log-header{margin-bottom:24px}.log-title{font-size:24px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:12px}.log-subtitle{color:#6b7280;font-size:14px;margin-top:4px;margin-left:44px}.log-layout{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}@media(max-width:992px){.log-layout{grid-template-columns:1fr}.sidebar-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}}.table-card-log{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{min-width:40px;min-height:40px;background-color:#4f46e5}.user-name{font-weight:600;color:#111827}.position-badge{background:#eff6ff;color:#3b82f6;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;display:inline-block}.sidebar-wrapper{display:flex;flex-direction:column;gap:20px}.stat-card-side{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px #0000000d;display:flex;align-items:center;justify-content:space-between}.stat-content label{font-size:13px;color:#6b7280;display:block;margin-bottom:4px}.stat-content h2{font-size:24px;font-weight:700;margin:0;color:#1f2937}.stat-content h2.green{color:#059669}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.bg-blue-light{background:#e0e7ff;color:#00509d}.bg-green-light{background:#d1fae5;color:#059669}.btn-create-gradient{background:#00509d;border-radius:16px;padding:20px;color:#fff;cursor:pointer;box-shadow:0 10px 15px -3px #4338ca4d;transition:transform .2s;border:none;display:flex;justify-content:space-between;align-items:center}.btn-create-gradient:hover{transform:translateY(-2px)}.btn-label{font-size:13px;opacity:.9}.btn-action-text{font-size:18px;font-weight:700}.btn-icon-box{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.action-btn-group{display:flex;justify-content:center}.action-btn{border-radius:10px;border:none;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 2px 6px #00000014}.action-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 14px #00000026}.action-view{background:#e6f4ff;color:#1677ff}.action-view:hover{background:#1677ff;color:#fff}.action-edit{background:#f6ffed;color:#389e0d}.action-edit:hover{background:#389e0d;color:#fff}.action-delete{background:#fff1f0;color:#cf1322}.action-delete:hover{background:#cf1322;color:#fff}.rt-container{padding:24px;min-height:100vh;border-radius:20px}.rt-header{margin-bottom:24px;display:flex;align-items:center;gap:12px}.rt-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.rt-subtitle{color:#6b7280;font-size:14px;margin-top:4px}.rt-stats-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:24px;margin-bottom:24px}.rt-stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 10px #00000005;display:flex;justify-content:space-between;align-items:center;border:1px solid #f3f4f6}.rt-stat-info label{font-size:13px;color:#6b7280;display:block;margin-bottom:8px;font-weight:500}.rt-stat-info .value{font-size:32px;font-weight:700;color:#2563eb}.rt-stat-icon{width:48px;height:48px;background-color:#eff6ff;color:#2563eb;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.rt-btn-create{background:#00509d;border-radius:16px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:#fff;cursor:pointer;box-shadow:0 8px 20px -4px #4338ca66;transition:transform .2s;border:none}.rt-btn-create:hover{transform:translateY(-2px)}.rt-btn-text h3{margin:0;color:#fff;font-size:18px;font-weight:700}.rt-btn-text span{font-size:12px;opacity:.9}.rt-btn-icon{width:44px;height:44px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.rt-table-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px #00000005}.rt-user-cell{display:flex;align-items:center;gap:12px}.rt-avatar{background-color:#4f46e5;color:#fff;font-weight:600;font-size:14px}.rt-user-name{font-weight:600;color:#111827}.rt-nip-badge{background:#f3f4f6;color:#4b5563;padding:4px 8px;border-radius:6px;font-family:monospace;font-size:12px}.rt-unit-badge{background:#e0e7ff;color:#00509d;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}@media(max-width:992px){.rt-stats-grid{grid-template-columns:1fr}}.profile-container{padding:24px;min-height:100vh}.profile-header-page{margin-bottom:24px}.profile-title{font-size:24px;font-weight:700;color:#1f2937;margin:0;align-items:center;gap:12px;display:flex;justify-content:center}.profile-subtitle{color:#6b7280;font-size:14px;margin-top:4px;display:flex;justify-content:center}.profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;max-width:800px;margin:0 auto}.profile-banner{height:160px;background:#00509d;position:relative}.profile-mid-section{display:flex;justify-content:space-between;align-items:flex-end;padding:0 32px;margin-top:-60px;margin-bottom:20px}.avatar-wrapper{position:relative}.profile-avatar{width:120px;height:120px;border-radius:50%;border:5px solid white;background-color:#00509d;display:flex;align-items:center;justify-content:center;font-size:50px;color:#fff;box-shadow:0 4px 6px #0000001a}.btn-edit-profile{background-color:#00509d;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s;margin-bottom:10px}.btn-edit-profile:hover{background-color:#0768c2}.profile-info-section{padding:0 32px 40px}.info-group{margin-bottom:20px}.info-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;margin-bottom:8px;font-weight:500}.info-value-box{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;color:#111827;font-weight:500;font-size:16px}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}