: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)}}body{margin:0}#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}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:#172033;background:#eef3f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eef3f8;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:18px;width:100%;max-width:440px;padding:32px;box-shadow:0 18px 45px #0f23461f}.login-brand{text-align:center;margin-bottom:28px}.login-brand h1{color:#0f3f75;margin:0 0 8px;font-size:28px}.login-brand p{color:#64748b;margin:0}.login-form{gap:16px;display:grid}.login-form label{color:#334155;gap:8px;font-weight:600;display:grid}.login-form input{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:12px 14px}.login-form input:focus{border-color:#2563eb;outline:3px solid #2563eb2e}.login-form button,.primary-button{color:#fff;cursor:pointer;background:#0f3f75;border:0;border-radius:10px;padding:13px 16px;font-weight:700}.login-form button:disabled{opacity:.7;cursor:not-allowed}.alert-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f3f75;padding:24px}.sidebar-brand h2{margin:0;font-size:26px}.sidebar-brand p{color:#dbeafe;margin:6px 0 0;font-size:14px}.sidebar-nav{gap:8px;margin-top:36px;display:grid}.sidebar-nav a{color:#dbeafe;border-radius:10px;padding:12px 14px;font-weight:700;text-decoration:none}.sidebar-nav a.active,.sidebar-nav a:hover{color:#fff;background:#ffffff29}.main-shell{grid-template-rows:auto 1fr;min-width:0;display:grid}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.topbar div{gap:3px;display:grid}.topbar span{color:#64748b;font-size:13px}.topbar button{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.dashboard-page,.page-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 18px 45px #0f234614}.dashboard-card h1,.page-header h1{color:#0f3f75;margin:0 0 8px;font-size:28px}.dashboard-card p,.page-header p{color:#64748b;margin:0}.user-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:10px;margin-top:20px;padding:16px;display:grid}.logout-button{display:none}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.empty-state{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;margin-top:24px;padding:28px}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{padding:18px}.sidebar-nav{grid-template-columns:1fr 1fr;margin-top:18px}.topbar{padding:0 18px}.content{padding:18px}.page-header{flex-direction:column;align-items:stretch}}.table-wrapper{margin-top:24px;overflow-x:auto}.data-table{border-collapse:collapse;background:#fff;width:100%}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:14px 12px}.data-table th{color:#334155;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:13px}.data-table td span{color:#64748b;margin-top:4px;font-size:13px;display:block}.status-badge{color:#334155;background:#e2e8f0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-block}.status-TERBIT{color:#166534;background:#dcfce7}.status-MENUNGGU_VALIDASI{color:#92400e;background:#fef3c7}.status-DRAFT{color:#475569;background:#f1f5f9}.status-DITOLAK{color:#991b1b;background:#fee2e2}.nomor-surat-cell{white-space:normal;min-width:280px}.app-shell{width:100%;max-width:100vw;overflow-x:hidden}.main-shell{overflow-x:hidden}.content{min-width:0}.page-card{min-width:0;overflow:hidden}.table-wrapper{max-width:100%;overflow-x:auto}.data-table{table-layout:fixed}.small-button{color:#fff;cursor:pointer;background:#0f3f75;border:0;border-radius:8px;padding:8px 12px;font-weight:700}.small-button:hover{background:#0b315b}.muted-text{color:#94a3b8;font-size:13px}.data-table th:nth-child(6),.data-table td:nth-child(6){width:170px}.data-table th:nth-child(7),.data-table td:nth-child(7){width:110px}.status-badge{white-space:normal;text-align:center;line-height:1.25}.muted-text{line-height:1.25;display:inline-block}.page-card{overflow:visible}.table-wrapper{padding-bottom:6px;overflow-x:auto}.nomor-surat-cell{word-break:normal;width:auto;min-width:260px}.page-card{width:100%;max-width:none}.data-table{min-width:900px}.nomor-surat-cell{min-width:230px}.content{padding:24px 18px}.page-card{padding:24px}.data-table{table-layout:fixed;width:100%;min-width:0;font-size:14px}.data-table th:nth-child(3),.data-table td:nth-child(3){width:15%;min-width:0}.data-table th:nth-child(4),.data-table td:nth-child(4){width:20%;min-width:0}.data-table th:nth-child(5),.data-table td:nth-child(5){width:12%;min-width:0}.data-table th:nth-child(6),.data-table td:nth-child(6){width:15%;min-width:0}.data-table th:nth-child(7),.data-table td:nth-child(7){width:80px;min-width:0}.nomor-surat-cell{word-break:break-word;min-width:0}.status-badge{width:100%;padding:6px 8px;font-size:11px}.data-table{font-size:12.5px}.data-table th,.data-table td{padding:10px 8px}.data-table th{font-size:11.5px}.data-table td span{font-size:12px}.status-badge{padding:5px 7px;font-size:10px}.small-button{padding:7px 9px;font-size:12px}.muted-text{font-size:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.form-grid label{color:#334155;gap:8px;font-weight:700;display:grid}.form-grid input,.form-grid select,.form-grid textarea{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:12px 14px}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#2563eb;outline:3px solid #2563eb2e}.full-field{grid-column:1/-1}.form-actions{justify-content:flex-end;display:flex}@media (width<=760px){.form-grid{grid-template-columns:1fr}}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#94a3b8;font-size:13px;font-weight:500}.action-stack{justify-items:start;gap:8px;display:grid}.status-action-row{align-items:center;gap:8px;display:flex}.icon-button{color:#0f172a;cursor:pointer;background:#e2e8f0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:inline-flex}.icon-button:hover{background:#cbd5e1}.form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.form-action-button{border-radius:12px;min-width:150px;height:52px;font-size:16px;font-weight:800}.secondary-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1}.secondary-button:hover{background:#f1f5f9}body{font-size:14px}.page-card h1{font-size:26px}.page-card p{font-size:15px}.form-grid label{font-size:16px}.form-grid input,.form-grid select,.form-grid textarea,.primary-button,.secondary-button,.small-button{font-size:14px}.form-action-button{font-size:15px}table{font-size:14px}.status-badge{font-size:12px}.table-subtext{color:#64748b;margin-top:4px;font-size:12px;font-weight:500;display:block}.status-TERDAFTAR{color:#075985;background:#e0f2fe}.status-DIPERIKSA{color:#92400e;background:#fef3c7}.status-SELESAI{color:#166534;background:#dcfce7}.status-DIBATALKAN{color:#991b1b;background:#fee2e2}.data-table{table-layout:fixed;width:100%}.data-table th,.data-table td{vertical-align:top;word-break:break-word}.data-table th:nth-child(2),.data-table td:nth-child(2){width:140px}.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(7),.data-table td:nth-child(7){width:130px}.status-badge{white-space:normal;text-align:center;line-height:1.15;display:inline-flex}.table-wrapper{width:100%;overflow-x:auto}.data-table{table-layout:auto;min-width:980px}.data-table th{white-space:nowrap;word-break:normal}.data-table td{word-break:normal}.data-table th:first-child,.data-table td:first-child{width:56px}.data-table th:nth-child(2),.data-table td:nth-child(2){min-width:150px}.data-table th:nth-child(3),.data-table td:nth-child(3){min-width:130px}.data-table th:nth-child(4),.data-table td:nth-child(4){min-width:190px}.data-table th:nth-child(5),.data-table td:nth-child(5){min-width:150px}.data-table th:nth-child(6),.data-table td:nth-child(6){min-width:140px}.data-table th:nth-child(7),.data-table td:nth-child(7){min-width:130px}.sidebar{padding:22px 16px}.sidebar-brand h2{font-size:24px}.sidebar-brand p{font-size:13px}.sidebar-nav a{padding:11px 12px;font-size:14px}.kunjungan-create-page{max-width:1180px}.kunjungan-create-page .form-card{padding:24px}.kunjungan-create-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;display:grid}.kunjungan-create-page label{color:#24324a;text-align:left;flex-direction:column;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.kunjungan-create-page input,.kunjungan-create-page select,.kunjungan-create-page textarea{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cbd6e2;border-radius:10px;width:100%;min-height:44px;padding:10px 13px;font-size:14px}.kunjungan-create-page textarea{resize:vertical;min-height:92px}.kunjungan-create-page .form-span-2{grid-column:1/-1}.kunjungan-create-page .form-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:24px;display:flex}.kunjungan-create-page .primary-button,.kunjungan-create-page .secondary-button{border-radius:10px;min-width:150px;min-height:44px;font-weight:700}@media (width<=900px){.kunjungan-create-page .form-grid{grid-template-columns:1fr}.kunjungan-create-page .form-span-2{grid-column:auto}.kunjungan-create-page .form-actions{flex-direction:column-reverse;align-items:stretch}}.kunjungan-create-page input,.kunjungan-create-page select{height:54px;min-height:54px;line-height:1.2}.kunjungan-create-page textarea{min-height:110px;line-height:1.5}.kunjungan-create-page label{min-height:88px}.kunjungan-create-page .form-span-2{min-height:auto}.kunjungan-create-page .form-actions{padding-top:8px}.table-meta{color:#64748b;margin-bottom:12px;font-size:14px}.pagination-bar{color:#334155;justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;font-size:14px;font-weight:600;display:flex}.pagination-bar button{min-width:120px}.search-bar{grid-template-columns:1fr auto auto;gap:12px;margin-bottom:18px;display:grid}.search-bar input{border:1px solid #cbd5e1;border-radius:10px;min-height:44px;padding:10px 14px;font-size:14px}.search-bar button{min-width:90px}@media (width<=720px){.search-bar{grid-template-columns:1fr}}.page-card .page-header{align-items:flex-start}.page-card .page-header h1,.page-card .page-header p{text-align:left}.page-card .page-header .primary-button{width:260px}.search-bar{grid-template-columns:1fr 130px 130px;align-items:stretch}.search-bar .primary-button,.search-bar .secondary-button{width:130px;height:54px}.search-bar input{height:54px}@media (width<=900px){.page-card .page-header .primary-button{width:100%}.search-bar{grid-template-columns:1fr}.search-bar .primary-button,.search-bar .secondary-button{width:100%}}.autocomplete-field{position:relative}.autocomplete-panel{z-index:20;background:#fff;border:1px solid #cbd5e1;border-radius:12px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 32px #0f172a2e}.autocomplete-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;gap:3px;width:100%;padding:10px 12px;display:flex}.autocomplete-item:hover{background:#f1f5f9}.autocomplete-item strong{color:#0f172a;font-size:14px}.autocomplete-item span,.autocomplete-empty{color:#64748b;font-size:12px;font-weight:500}.autocomplete-empty{padding:12px}.kunjungan-toolbar{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:24px;margin-bottom:20px;display:grid}.kunjungan-toolbar-left h1,.kunjungan-toolbar-left p{text-align:left}.kunjungan-toolbar-left h1{margin:0 0 6px}.kunjungan-toolbar-left p{margin:0 0 18px}.kunjungan-toolbar-right{flex-direction:column;gap:12px;display:flex}.kunjungan-toolbar .action-button{width:220px;height:52px}.kunjungan-toolbar .search-bar{grid-template-columns:minmax(0,1fr) 104px 104px;gap:12px;margin:0;display:grid}.kunjungan-toolbar .search-bar input,.kunjungan-toolbar .search-bar button{height:52px}@media (width<=900px){.kunjungan-toolbar{grid-template-columns:1fr}.kunjungan-toolbar-right{flex-direction:row}.kunjungan-toolbar .action-button{width:100%}.kunjungan-toolbar .search-bar{grid-template-columns:1fr}}.kunjungan-toolbar{display:block}.kunjungan-toolbar-left{margin-bottom:14px}.kunjungan-toolbar-left h1{font-size:30px;line-height:1.2}.kunjungan-toolbar-left p{margin-bottom:16px;font-size:16px}.kunjungan-toolbar .search-bar{grid-template-columns:1fr;margin-bottom:12px;display:grid}.kunjungan-toolbar .search-bar input{width:100%;height:50px}.kunjungan-toolbar .search-bar button{display:none}.kunjungan-toolbar-right{justify-content:flex-end;gap:10px;margin-bottom:14px;display:flex}.kunjungan-toolbar .action-button{width:160px;height:44px;font-size:14px}.kunjungan-toolbar-right:before{content:"Cari";color:#fff;cursor:pointer;background:#164a82;border-radius:10px;justify-content:center;align-items:center;width:90px;height:44px;font-weight:700;display:inline-flex}.kunjungan-toolbar-right:after{content:"Reset";color:#24324a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:90px;height:44px;font-weight:700;display:inline-flex}.table-meta{text-align:left;margin:10px 0 16px;font-weight:600}@media (width<=900px){.kunjungan-toolbar-right{flex-wrap:wrap;justify-content:stretch}.kunjungan-toolbar-right:before,.kunjungan-toolbar-right:after,.kunjungan-toolbar .action-button{flex:1;width:auto}}.kunjungan-list-page{max-width:1280px}.kunjungan-header{margin-bottom:22px}.kunjungan-header h1{text-align:left;color:#102a4c;margin:0 0 8px;font-size:34px;line-height:1.15}.kunjungan-header p{text-align:left;color:#475569;margin:0;font-size:16px}.kunjungan-search-form{margin-bottom:24px}.kunjungan-search-form input{box-sizing:border-box;background:#fff;border:1px solid #b8c7dc;border-radius:10px;width:100%;height:58px;padding:0 18px;font-size:16px}.kunjungan-action-row{justify-content:space-between;align-items:center;gap:18px;margin-top:16px;display:flex}.kunjungan-action-left,.kunjungan-action-right{align-items:center;gap:12px;display:flex}.kunjungan-action-row button{border-radius:9px;font-weight:700}.compact-action-button{width:120px;height:48px}.wide-action-button{width:210px;height:48px}.kunjungan-toolbar-right:before,.kunjungan-toolbar-right:after{content:none!important;display:none!important}.table-meta-strong{text-align:left;color:#0f172a;margin:0 0 18px;font-size:18px;font-weight:800}.kunjungan-table{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.kunjungan-table th{background:#f8fafc}.pagination-bar{justify-content:flex-end}@media (width<=900px){.kunjungan-header h1{font-size:28px}.kunjungan-action-row,.kunjungan-action-left,.kunjungan-action-right{flex-direction:column;align-items:stretch}.compact-action-button,.wide-action-button{width:100%}}.kunjungan-list-page .table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:visible}.kunjungan-list-page .data-table{table-layout:auto;width:100%;min-width:0}.kunjungan-table th,.kunjungan-table td{vertical-align:top;padding:15px 12px}.kunjungan-table th{letter-spacing:.04em;white-space:nowrap;font-size:12px}.kunjungan-table td{font-size:14px}.kunjungan-table th:first-child,.kunjungan-table td:first-child{width:52px}.kunjungan-table th:nth-child(2),.kunjungan-table td:nth-child(2){width:150px}.kunjungan-table th:nth-child(3),.kunjungan-table td:nth-child(3){width:130px}.kunjungan-table th:nth-child(4),.kunjungan-table td:nth-child(4){width:auto}.kunjungan-table th:nth-child(5),.kunjungan-table td:nth-child(5){width:150px}.kunjungan-table th:nth-child(6),.kunjungan-table td:nth-child(6){width:140px}.kunjungan-table th:nth-child(7),.kunjungan-table td:nth-child(7){text-align:center;width:120px}.kunjungan-table .status-badge{border-radius:999px;justify-content:center;min-width:86px;padding:6px 10px;font-size:12px;display:inline-flex}.kunjungan-pagination{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.pagination-info{color:#334155;font-size:14px;font-weight:600}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-nav-button{border-radius:8px;min-width:128px;height:42px}.pagination-number{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:42px;height:42px;font-weight:700}.pagination-number.active{color:#fff;background:#164a82;border-color:#164a82}.pagination-ellipsis{color:#64748b;padding:0 4px;font-weight:700}@media (width<=1100px){.kunjungan-list-page .table-wrapper{overflow-x:auto}.kunjungan-list-page .data-table{min-width:980px}}@media (width<=900px){.kunjungan-pagination{flex-direction:column;align-items:stretch}.pagination-controls{flex-wrap:wrap;justify-content:center}}.app-main{padding-left:0;padding-right:0}.page-card.kunjungan-list-page{width:100%;max-width:none;box-shadow:none;border-radius:0;margin:0;padding-left:32px;padding-right:32px}.kunjungan-list-page .table-wrapper,.kunjungan-list-page .data-table{width:100%}@media (width<=900px){.page-card.kunjungan-list-page{padding-left:18px;padding-right:18px}}.app-main{padding:0!important;overflow-x:hidden!important}.page-card.kunjungan-list-page{width:100%!important;max-width:none!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border-radius:0!important;margin:0!important;padding:34px 36px!important}.kunjungan-list-page .kunjungan-header{margin:0 0 22px!important}.kunjungan-list-page .kunjungan-header h1{text-align:left!important;color:#102a4c!important;margin:0 0 8px!important;font-size:34px!important;line-height:1.15!important}.kunjungan-list-page .kunjungan-header p{text-align:left!important;color:#475569!important;margin:0!important;font-size:16px!important}.kunjungan-list-page .kunjungan-search-form{width:100%!important;margin:0 0 24px!important}.kunjungan-list-page .kunjungan-search-form input{box-sizing:border-box!important;background:#fff!important;border:1px solid #b8c7dc!important;border-radius:10px!important;width:100%!important;height:54px!important;padding:0 18px!important;font-size:16px!important}.kunjungan-list-page .kunjungan-action-row{justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;margin-top:14px!important;display:flex!important}.kunjungan-list-page .kunjungan-action-left,.kunjungan-list-page .kunjungan-action-right{align-items:center!important;gap:10px!important;display:flex!important}.kunjungan-list-page .compact-action-button{border-radius:9px!important;width:118px!important;height:44px!important;font-size:14px!important;font-weight:700!important}.kunjungan-list-page .wide-action-button{border-radius:9px!important;width:205px!important;height:44px!important;font-size:14px!important;font-weight:700!important}.kunjungan-list-page .table-meta-strong{text-align:left!important;color:#0f172a!important;margin:0 0 16px!important;font-size:18px!important;font-weight:800!important}.kunjungan-list-page .table-wrapper{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;width:100%!important;overflow-x:hidden!important}.kunjungan-list-page .data-table,.kunjungan-list-page .kunjungan-table{table-layout:fixed!important;border-collapse:collapse!important;width:100%!important;min-width:0!important}.kunjungan-list-page .kunjungan-table th,.kunjungan-list-page .kunjungan-table td{vertical-align:top!important;box-sizing:border-box!important;padding:14px 10px!important;font-size:14px!important}.kunjungan-list-page .kunjungan-table th{color:#1e293b!important;letter-spacing:.04em!important;white-space:nowrap!important;background:#f8fafc!important;font-size:12px!important}.kunjungan-list-page .kunjungan-table th:first-child,.kunjungan-list-page .kunjungan-table td:first-child{width:5%!important}.kunjungan-list-page .kunjungan-table th:nth-child(2),.kunjungan-list-page .kunjungan-table td:nth-child(2){width:15%!important}.kunjungan-list-page .kunjungan-table th:nth-child(3),.kunjungan-list-page .kunjungan-table td:nth-child(3){width:13%!important}.kunjungan-list-page .kunjungan-table th:nth-child(4),.kunjungan-list-page .kunjungan-table td:nth-child(4){width:25%!important}.kunjungan-list-page .kunjungan-table th:nth-child(5),.kunjungan-list-page .kunjungan-table td:nth-child(5){width:15%!important}.kunjungan-list-page .kunjungan-table th:nth-child(6),.kunjungan-list-page .kunjungan-table td:nth-child(6){width:14%!important}.kunjungan-list-page .kunjungan-table th:nth-child(7),.kunjungan-list-page .kunjungan-table td:nth-child(7){text-align:center!important;width:13%!important}.kunjungan-list-page .kunjungan-table td{overflow-wrap:anywhere!important}.kunjungan-list-page .kunjungan-table .table-subtext{color:#475569!important;margin-top:6px!important;font-size:13px!important;font-weight:500!important;display:block!important}.kunjungan-list-page .kunjungan-table .status-badge{white-space:nowrap!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:84px!important;max-width:100%!important;padding:6px 9px!important;font-size:11px!important;font-weight:800!important;display:inline-flex!important}.kunjungan-list-page .kunjungan-pagination{justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;margin-top:18px!important;display:flex!important}.kunjungan-list-page .pagination-info{color:#334155!important;font-size:14px!important;font-weight:600!important}.kunjungan-list-page .pagination-controls{align-items:center!important;gap:8px!important;display:flex!important}.kunjungan-list-page .pagination-nav-button{border-radius:8px!important;min-width:126px!important;height:40px!important}.kunjungan-list-page .pagination-number{color:#0f172a!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;width:40px!important;height:40px!important;font-weight:700!important}.kunjungan-list-page .pagination-number.active{color:#fff!important;background:#164a82!important;border-color:#164a82!important}@media (width<=1100px){.kunjungan-list-page .table-wrapper{overflow-x:auto!important}.kunjungan-list-page .data-table,.kunjungan-list-page .kunjungan-table{min-width:980px!important}}@media (width<=900px){.page-card.kunjungan-list-page{padding:24px 18px!important}.kunjungan-list-page .kunjungan-action-row,.kunjungan-list-page .kunjungan-action-left,.kunjungan-list-page .kunjungan-action-right{flex-direction:column!important;align-items:stretch!important}.kunjungan-list-page .compact-action-button,.kunjungan-list-page .wide-action-button{width:100%!important}.kunjungan-list-page .kunjungan-pagination{flex-direction:column!important;align-items:stretch!important}.kunjungan-list-page .pagination-controls{flex-wrap:wrap!important;justify-content:center!important}}.status-action-cell{flex-direction:column;align-items:center;gap:8px;display:inline-flex}.detail-icon-button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;line-height:1;display:inline-flex}.detail-icon-button:hover{background:#eff6ff;border-color:#164a82}.kunjungan-detail-page{width:100%;max-width:none}.detail-summary-card{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.detail-summary-card>div,.detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.detail-summary-card span{color:#64748b;margin-bottom:6px;font-size:13px;display:block}.detail-summary-card strong{color:#0f172a;font-size:18px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.detail-section h2{color:#102a4c;margin:0 0 14px;font-size:20px}.detail-section dl{grid-template-columns:170px 1fr;gap:10px 14px;margin:0;display:grid}.detail-section dt{color:#64748b;font-weight:700}.detail-section dd{color:#0f172a;margin:0;font-weight:600}@media (width<=900px){.detail-summary-card,.detail-grid,.detail-section dl{grid-template-columns:1fr}}.kunjungan-detail-page .detail-section,.kunjungan-detail-page .detail-section h2,.kunjungan-detail-page .detail-section dl,.kunjungan-detail-page .detail-section dt,.kunjungan-detail-page .detail-section dd,.kunjungan-detail-page .detail-summary-card,.kunjungan-detail-page .detail-summary-card div,.kunjungan-detail-page .detail-summary-card span,.kunjungan-detail-page .detail-summary-card strong{text-align:left!important}.kunjungan-detail-page .detail-section dl{grid-template-columns:180px minmax(0,1fr)!important}.kunjungan-detail-page .detail-section dd{word-break:break-word!important;line-height:1.6!important}.kunjungan-detail-page .detail-section h2{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:10px}@media (width<=900px){.kunjungan-detail-page .detail-section dl{grid-template-columns:1fr!important}}.page-card.kunjungan-rekap-page{width:100%!important;max-width:none!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border-radius:0!important;margin:0!important;padding:34px 36px!important}.kunjungan-rekap-page .rekap-header{justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;margin-bottom:24px!important;display:flex!important}.kunjungan-rekap-page .rekap-header h1,.kunjungan-rekap-page .rekap-header p{text-align:left!important}.kunjungan-rekap-page .rekap-header h1{color:#102a4c!important;margin:0 0 8px!important;font-size:34px!important;line-height:1.15!important}.kunjungan-rekap-page .rekap-header p{color:#475569!important;margin:0!important;font-size:16px!important}.kunjungan-rekap-page .rekap-header .secondary-button{border-radius:9px!important;width:130px!important;height:44px!important;font-weight:700!important}.kunjungan-rekap-page .rekap-filter-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:14px!important;margin-bottom:22px!important;padding:18px!important}.kunjungan-rekap-page .rekap-filter-row{grid-template-columns:220px 220px 160px auto!important;align-items:end!important;gap:14px!important;display:grid!important}.kunjungan-rekap-page .rekap-filter-row label{text-align:left!important;color:#334155!important;flex-direction:column!important;gap:7px!important;font-size:13px!important;font-weight:800!important;display:flex!important}.kunjungan-rekap-page .rekap-filter-row select,.kunjungan-rekap-page .rekap-filter-row input{box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:9px!important;width:100%!important;height:44px!important;padding:0 12px!important;font-size:14px!important}.kunjungan-rekap-page .rekap-filter-actions{align-items:end!important;display:flex!important}.kunjungan-rekap-page .rekap-filter-actions .primary-button{border-radius:9px!important;width:170px!important;height:44px!important;font-weight:800!important}.kunjungan-rekap-page .rekap-preview-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:18px!important}.kunjungan-rekap-page .rekap-preview-header{justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;margin-bottom:18px!important;display:flex!important}.kunjungan-rekap-page .rekap-preview-header h2,.kunjungan-rekap-page .rekap-preview-header p{text-align:left!important}.kunjungan-rekap-page .rekap-preview-header h2{color:#102a4c!important;margin:0 0 6px!important;font-size:24px!important}.kunjungan-rekap-page .rekap-preview-header p{color:#475569!important;margin:0!important;font-weight:600!important}.kunjungan-rekap-page .rekap-export-actions{gap:10px!important;display:flex!important}.kunjungan-rekap-page .rekap-export-actions .secondary-button{border-radius:9px!important;width:130px!important;height:42px!important;font-weight:700!important}.kunjungan-rekap-page .rekap-table-wrapper{border:1px solid #e2e8f0!important;border-radius:12px!important;width:100%!important;overflow-x:auto!important}.kunjungan-rekap-page .rekap-table{min-width:1800px!important}.kunjungan-rekap-page .rekap-table th,.kunjungan-rekap-page .rekap-table td{text-align:left!important;padding:12px 10px!important;font-size:13px!important}.kunjungan-rekap-page .rekap-table th{letter-spacing:.04em!important;white-space:nowrap!important;background:#f8fafc!important;font-size:12px!important}@media (width<=900px){.page-card.kunjungan-rekap-page{padding:24px 18px!important}.kunjungan-rekap-page .rekap-header,.kunjungan-rekap-page .rekap-preview-header{flex-direction:column!important}.kunjungan-rekap-page .rekap-filter-row{grid-template-columns:1fr!important}.kunjungan-rekap-page .rekap-header .secondary-button,.kunjungan-rekap-page .rekap-filter-actions .primary-button,.kunjungan-rekap-page .rekap-export-actions .secondary-button{width:100%!important}.kunjungan-rekap-page .rekap-export-actions{flex-direction:column!important;width:100%!important}}.kunjungan-rekap-page .rekap-filter-row{grid-template-columns:180px 180px 130px 170px!important;justify-content:start!important;align-items:end!important}.kunjungan-rekap-page .rekap-filter-card{max-width:760px!important}.kunjungan-rekap-page .rekap-filter-actions .primary-button{width:170px!important}@media (width<=900px){.kunjungan-rekap-page .rekap-filter-card{max-width:none!important}.kunjungan-rekap-page .rekap-filter-row{grid-template-columns:1fr!important}}.kunjungan-source-card{color:#0f172a;text-align:left;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:18px;padding:14px 16px;display:flex}.kunjungan-source-card strong{color:#164a82}.kunjungan-source-card span{color:#334155;font-weight:600}.kunjungan-pemeriksaan-page{width:100%;max-width:none}.pemeriksaan-form{text-align:left}.checkbox-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:14px 16px;flex-direction:row!important;align-items:center!important;gap:10px!important;min-height:auto!important;display:flex!important}.checkbox-card input{width:18px!important;height:18px!important;min-height:18px!important}.checkbox-card span{color:#0f172a;font-weight:700}.detail-header-actions{align-items:center;gap:10px;display:flex}.detail-header-actions .primary-button,.detail-header-actions .secondary-button{border-radius:9px;min-width:150px;height:44px;font-weight:700}@media (width<=900px){.detail-header-actions{flex-direction:column;align-items:stretch;width:100%}.detail-header-actions .primary-button,.detail-header-actions .secondary-button{width:100%}}html,body,#root{background:#eef3f8!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}#root{display:block!important}.app-shell{background:#eef3f8!important;grid-template-columns:220px minmax(0,1fr)!important;width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important;display:grid!important;overflow-x:hidden!important}.sidebar{box-sizing:border-box!important;width:220px!important;min-width:220px!important;max-width:220px!important;margin:0!important}.main-shell{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;overflow-x:hidden!important}.topbar{box-sizing:border-box!important;width:100%!important;max-width:none!important}.content,.app-main{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:28px!important;overflow-x:hidden!important}.page-card.surat-list-page{width:100%!important;min-width:0!important;max-width:none!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border-radius:0!important;margin:0!important;padding:32px 36px!important;overflow:hidden!important}.surat-list-page .page-header{justify-content:space-between!important;align-items:flex-start!important;width:100%!important;margin:0 0 24px!important;padding:0!important;display:flex!important}.surat-list-page .page-header h1,.surat-list-page .page-header p{text-align:left!important}.surat-list-page .page-header h1{margin:0 0 8px!important}.surat-list-page .page-header p{margin:0!important}.surat-list-page .table-wrapper{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.surat-list-page .surat-table{table-layout:fixed!important;border-collapse:collapse!important;width:100%!important;min-width:0!important;max-width:none!important}.surat-list-page .surat-table th,.surat-list-page .surat-table td{box-sizing:border-box!important;vertical-align:top!important;text-align:left!important;overflow-wrap:break-word!important;word-break:normal!important;padding:12px 8px!important;overflow:hidden!important}.surat-list-page .surat-table th{color:#1e293b!important;letter-spacing:.04em!important;white-space:nowrap!important;background:#f8fafc!important;font-size:12px!important;font-weight:800!important}.surat-list-page .surat-table th:first-child,.surat-list-page .surat-table td:first-child{width:4%!important}.surat-list-page .surat-table th:nth-child(2),.surat-list-page .surat-table td:nth-child(2){width:23%!important}.surat-list-page .surat-table th:nth-child(3),.surat-list-page .surat-table td:nth-child(3){width:15%!important}.surat-list-page .surat-table th:nth-child(4),.surat-list-page .surat-table td:nth-child(4){width:30%!important}.surat-list-page .surat-table th:nth-child(5),.surat-list-page .surat-table td:nth-child(5){white-space:nowrap!important;width:9%!important}.surat-list-page .surat-table th:nth-child(6),.surat-list-page .surat-table td:nth-child(6){text-align:center!important;width:9%!important}.surat-list-page .surat-table th:nth-child(7),.surat-list-page .surat-table td:nth-child(7){text-align:center!important;width:10%!important}.surat-list-page .surat-table td:nth-child(4) strong,.surat-list-page .surat-table td:nth-child(4) span{display:block!important}.surat-list-page .surat-table td:nth-child(4) strong{line-height:1.45!important}.surat-list-page .surat-table td:nth-child(4) span{color:#475569!important;margin-top:6px!important;font-size:13px!important;font-weight:500!important}.surat-list-page .status-badge{text-align:center!important;white-space:normal!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:82px!important;min-width:0!important;max-width:82px!important;min-height:28px!important;padding:5px 8px!important;font-size:11px!important;font-weight:800!important;line-height:1.15!important;display:inline-flex!important}.surat-list-page .action-stack{flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;display:flex!important}.surat-list-page .status-action-row{justify-content:center!important;gap:6px!important;display:flex!important}.surat-list-page .icon-button{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;display:inline-flex!important}.surat-list-page .small-button{border-radius:8px!important;width:72px!important;min-width:72px!important;height:36px!important;padding:0!important;font-size:13px!important;font-weight:800!important}@media (width<=760px){.app-shell{grid-template-columns:1fr!important}.sidebar{width:100%!important;min-width:0!important;max-width:none!important}.content,.app-main{padding:18px!important}.page-card.surat-list-page{padding:24px 18px!important}.surat-list-page .table-wrapper{overflow-x:auto!important}.surat-list-page .surat-table{min-width:760px!important}}.master-user-page{width:100%;max-width:none}.master-user-form{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin:22px 0;padding:18px}.master-user-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-user-form .checkbox-card{grid-column:1/-1}.master-user-table-wrapper{width:100%;overflow-x:auto}.master-user-table{width:100%;min-width:760px}.master-user-table th,.master-user-table td{text-align:left}.master-user-table th:nth-child(5),.master-user-table td:nth-child(5),.master-user-table th:nth-child(6),.master-user-table td:nth-child(6){text-align:center;width:130px}.danger-icon-button{color:#b91c1c}.danger-icon-button:disabled{opacity:.45;cursor:not-allowed}@media (width<=900px){.master-user-form .form-grid{grid-template-columns:1fr}}.master-user-table{min-width:900px}.master-user-table th:first-child,.master-user-table td:first-child{width:56px}.master-user-table th:nth-child(2),.master-user-table td:nth-child(2){width:220px}.master-user-table th:nth-child(3),.master-user-table td:nth-child(3){width:150px}.master-user-table th:nth-child(4),.master-user-table td:nth-child(4){width:240px}.master-user-table th:nth-child(5),.master-user-table td:nth-child(5){width:150px}.master-user-table th:nth-child(6),.master-user-table td:nth-child(6),.master-user-table th:nth-child(7),.master-user-table td:nth-child(7){text-align:center;width:120px}.delete-kunjungan-button{color:#b91c1c}.delete-kunjungan-button:hover{background:#fee2e2;border-color:#dc2626}.status-action-cell .status-action-row{justify-content:center;gap:6px;display:flex}.profile-page{width:100%;max-width:none}.profile-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:start;gap:20px;display:grid}.profile-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.profile-card h2{color:#102a4c;margin:0 0 16px;font-size:22px}.profile-card dl{grid-template-columns:150px 1fr;gap:12px 16px;margin:0;display:grid}.profile-card dt{color:#64748b;font-weight:800}.profile-card dd{color:#0f172a;margin:0;font-weight:600}.profile-card label{color:#334155;flex-direction:column;gap:7px;margin-bottom:14px;font-weight:800;display:flex}.profile-card input{border:1px solid #cbd5e1;border-radius:9px;height:44px;padding:0 12px;font-size:14px}.alert-success{color:#166534;text-align:left;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;margin:16px 0;padding:12px 14px;font-weight:700}@media (width<=900px){.profile-grid,.profile-card dl{grid-template-columns:1fr}}.login-divider{color:#64748b;align-items:center;gap:12px;margin:20px 0;font-size:13px;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.google-login-area{gap:10px;display:grid}.google-login-button{justify-content:center;min-height:44px;display:flex}.google-login-note{text-align:center;color:#475569;margin:0;font-size:13px;font-weight:600}.google-login-disabled{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:700}.app-shell{grid-template-columns:260px minmax(0,1fr)!important}.sidebar{color:#fff!important;box-sizing:border-box!important;background:radial-gradient(circle at 0 0,#60a5fa47,#0000 32%),linear-gradient(#0b2f5b 0%,#0f3f75 48%,#082747 100%)!important;border-right:1px solid #ffffff14!important;flex-direction:column!important;gap:22px!important;width:260px!important;min-width:260px!important;max-width:260px!important;min-height:100vh!important;padding:22px 18px!important;display:flex!important}.sidebar-brand-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a!important;border:1px solid #ffffff29!important;border-radius:20px!important;align-items:center!important;gap:13px!important;padding:14px!important;display:flex!important;box-shadow:0 18px 40px #02081733!important}.sidebar-logo-wrap{box-sizing:border-box!important;background:#fff!important;border-radius:18px!important;place-items:center!important;width:58px!important;min-width:58px!important;height:58px!important;padding:7px!important;display:grid!important;box-shadow:0 10px 24px #02081738!important}.sidebar-logo-wrap img{object-fit:contain!important;width:100%!important;height:100%!important;display:block!important}.sidebar-brand-text h2{letter-spacing:-.03em!important;color:#fff!important;margin:0!important;font-size:24px!important;line-height:1.05!important}.sidebar-brand-text p{color:#cfe6ff!important;margin:5px 0 0!important;font-size:12px!important;font-weight:600!important;line-height:1.35!important}.sidebar-section-label{color:#dbeafec7!important;letter-spacing:.18em!important;text-transform:uppercase!important;margin:4px 4px -8px!important;font-size:11px!important;font-weight:800!important}.sidebar-nav-modern{gap:10px!important;margin-top:0!important;display:grid!important}.sidebar-nav-modern a{color:#dbeafe!important;background:0 0!important;border:1px solid #0000!important;border-radius:16px!important;align-items:center!important;gap:11px!important;min-height:48px!important;padding:12px 14px!important;font-size:14px!important;font-weight:800!important;line-height:1.25!important;text-decoration:none!important;transition:all .18s!important;display:flex!important;position:relative!important}.sidebar-nav-modern a:hover{transform:translate(2px);color:#fff!important;background:#ffffff1c!important;border-color:#ffffff24!important}.sidebar-nav-modern a.active{color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important;border-color:#ffffff38!important;box-shadow:0 14px 30px #2563eb5c!important}.sidebar-nav-modern a.active:before{content:""!important;background:#93c5fd!important;border-radius:999px!important;width:4px!important;position:absolute!important;top:12px!important;bottom:12px!important;left:-18px!important}.sidebar-menu-icon{background:#ffffff1f!important;border-radius:10px!important;place-items:center!important;width:26px!important;min-width:26px!important;height:26px!important;font-size:14px!important;display:inline-grid!important}.sidebar-nav-modern a.active .sidebar-menu-icon{background:#ffffff38!important}.sidebar-footer-card{background:#0f172a47!important;border:1px solid #ffffff1f!important;border-radius:18px!important;gap:4px!important;margin-top:auto!important;padding:14px!important;display:grid!important}.sidebar-footer-card span{color:#bfdbfe!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-size:11px!important;font-weight:800!important}.sidebar-footer-card strong{color:#fff!important;font-size:13px!important;line-height:1.35!important}.sidebar-footer-card small{color:#dbeafe!important;font-size:12px!important;font-weight:700!important}@media (width<=760px){.app-shell{grid-template-columns:1fr!important}.sidebar{width:100%!important;min-width:0!important;max-width:none!important;min-height:auto!important}.sidebar-footer-card{display:none!important}}.sidebar-nav-modern a{text-align:left!important;justify-content:flex-start!important}.sidebar-nav-modern a span:last-child{text-align:left!important;white-space:normal!important;flex:1!important}.sidebar-menu-icon{flex:0 0 26px!important}.profile-form-stack{gap:20px;display:grid}.profile-help-text{color:#64748b;margin:-6px 0 16px;font-size:13px;font-weight:600;line-height:1.5}.passphrase-card{background:#f8fbff;border-color:#bfdbfe}.surat-validasi-page{width:100%;max-width:none}.validasi-summary-card{grid-template-columns:1.2fr 1.5fr 1fr .8fr;gap:14px;margin:20px 0;display:grid}.validasi-summary-card>div{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.validasi-summary-card span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.validasi-summary-card strong{color:#0f172a;font-size:15px}.pdf-preview-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;width:100%;height:720px;overflow:hidden}.pdf-preview-frame{background:#fff;border:0;width:100%;height:100%;display:block}.validasi-action-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:18px;padding:18px}.validasi-button-row{justify-content:flex-end;align-items:center;gap:12px;display:flex}.danger-button{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:10px;min-height:44px;padding:0 20px;font-weight:800}.danger-button:hover{background:#b91c1c}.danger-button:disabled,.validasi-button-row button:disabled{opacity:.55;cursor:not-allowed}.reject-form{text-align:left;gap:14px;display:grid}.reject-form label{color:#334155;gap:8px;font-weight:800;display:grid}.reject-form textarea{resize:vertical;width:100%;font:inherit;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;padding:12px}@media (width<=1000px){.validasi-summary-card{grid-template-columns:1fr 1fr}.pdf-preview-card{height:620px}}@media (width<=700px){.validasi-summary-card{grid-template-columns:1fr}.validasi-button-row{flex-direction:column;align-items:stretch}.pdf-preview-card{height:520px}}.status-REVIEW{color:#92400e!important;background:#fef3c7!important}.doctor-note-card{text-align:left;background:#fffbeb;border:1px solid #fbbf24;border-left:6px solid #f59e0b;border-radius:14px;margin:0 0 20px;padding:18px 20px}.doctor-note-card div{gap:4px;margin-bottom:10px;display:grid}.doctor-note-card span{color:#92400e;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.doctor-note-card strong{color:#78350f;font-size:16px}.doctor-note-card p{color:#451a03;margin:0;font-weight:600;line-height:1.6}.approve-passphrase-card{text-align:left;background:#eff6ff;border:1px solid #bfdbfe;border-left:6px solid #2563eb;border-radius:14px;gap:14px;margin-top:16px;padding:18px;display:grid}.approve-passphrase-card h2{color:#102a4c;margin:0 0 6px;font-size:20px}.approve-passphrase-card p{color:#475569;margin:0;font-weight:600;line-height:1.5}.approve-passphrase-card label{color:#1e3a8a;gap:8px;font-weight:800;display:grid}.approve-passphrase-card input{box-sizing:border-box;background:#fff;border:1px solid #93c5fd;border-radius:10px;height:46px;padding:0 12px;font-size:15px}.passphrase-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a85;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.passphrase-modal-card{text-align:left;box-sizing:border-box;background:#fff;border:1px solid #dbeafe;border-radius:22px;width:min(520px,100%);padding:24px;box-shadow:0 28px 80px #0f172a52}.passphrase-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;display:flex}.passphrase-modal-header span{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.passphrase-modal-header h2{color:#102a4c;margin:0;font-size:24px;line-height:1.2}.passphrase-modal-close{color:#334155;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;width:38px;height:38px;font-size:26px;line-height:1}.passphrase-modal-close:hover{background:#e2e8f0}.passphrase-modal-text{color:#475569;margin:0 0 18px;font-size:14px;font-weight:600;line-height:1.6}.passphrase-modal-field{color:#1e3a8a;gap:8px;margin-bottom:20px;font-size:14px;font-weight:900;display:grid}.passphrase-modal-field input{color:#0f172a;box-sizing:border-box;background:#f8fbff;border:1px solid #93c5fd;border-radius:14px;outline:none;width:100%;height:50px;padding:0 14px;font-size:16px}.passphrase-modal-field input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb24}.passphrase-modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-secondary-button,.modal-primary-button{cursor:pointer;border-radius:12px;min-height:44px;padding:0 18px;font-weight:900}.modal-secondary-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.modal-secondary-button:hover{background:#f8fafc;border-color:#94a3b8}.modal-primary-button{color:#fff;background:#174a85;border:0;box-shadow:0 12px 26px #174a8538}.modal-primary-button:hover{background:#0f3a6a}.modal-secondary-button:disabled,.modal-primary-button:disabled,.passphrase-modal-close:disabled{opacity:.55;cursor:not-allowed}@media (width<=560px){.passphrase-modal-actions{flex-direction:column}.modal-secondary-button,.modal-primary-button{width:100%}}.reject-form .reject-cancel-button{color:#334155!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;min-height:44px!important;padding:0 18px!important;font-weight:900!important;box-shadow:0 8px 18px #0f172a14!important}.reject-form .reject-cancel-button:hover{background:#f8fafc!important;border-color:#94a3b8!important}.reject-form .reject-cancel-button:disabled{opacity:.55!important;cursor:not-allowed!important}