:root{--esop-portal-navy:#0d2a20;--esop-portal-navy-hover:#092018;--esop-portal-ink:#1f2937;--esop-portal-muted:#667085;--esop-portal-line:#e7edf0;--esop-portal-blue:#027bc4;--esop-portal-pale-blue:#eefafb;--esop-portal-green:#3eb475}.esop-pelayanan{color:var(--esop-portal-ink);font-size:1rem;line-height:1.55}.esop-pelayanan *,.esop-pelayanan *::before,.esop-pelayanan *::after{box-sizing:border-box}.esop-pelayanan__intro{margin-bottom:24px}.esop-portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.esop-portal-heading .esop-pelayanan__intro{margin-bottom:24px}.esop-pelayanan__eyebrow{margin:0 0 6px;color:var(--esop-portal-green);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.esop-pelayanan__intro h2{margin:0;color:#27332e;font-size:clamp(1.35rem, 3vw, 1.8rem);font-weight:800;letter-spacing:-.035em;line-height:1.18}.esop-pelayanan__intro p:last-child{max-width:720px;margin:8px 0 0;color:var(--esop-portal-muted)}.esop-pelayanan__intro--list{padding-top:2px}.esop-breadcrumbs{margin:0 0 18px;overflow-x:auto;scrollbar-width:thin}.esop-breadcrumbs ol{display:flex;align-items:center;width:max-content;min-width:100%;gap:8px;margin:0;padding:0;color:#718078;font-size:.82rem;list-style:none}.esop-breadcrumbs li{display:flex;align-items:center;gap:8px;white-space:nowrap}.esop-breadcrumbs li:not(:last-child)::after{width:5px;height:5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;content:"";transform:rotate(45deg)}.esop-breadcrumbs a{color:#1774a9;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.esop-breadcrumbs [aria-current="page"]{color:#36423c;font-weight:750}.esop-search-portal{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 0 28px;padding:clamp(22px, 4vw, 32px);border:1px solid #dfeff4;border-radius:16px;background:var(--esop-portal-pale-blue);box-shadow:0 2px 7px rgb(15 72 96 / .035)}.esop-search-portal__copy{flex:0 1 380px}.esop-search-portal h3{margin:0;color:#18252d;font-size:1.18rem;font-weight:800;letter-spacing:-.02em}.esop-search-portal p{margin:5px 0 0;color:var(--esop-portal-muted);font-size:.88rem}.esop-search-portal__field{display:flex;min-width:min(100%, 450px);flex:1;gap:7px;padding:5px;border:1px solid #dfe8ec;border-radius:12px;background:#fff;box-shadow:0 2px 5px rgb(15 53 70 / .04)}.esop-search-portal__field input{width:100%;min-width:0;min-height:43px;padding:8px 12px;border:0;outline:0;background:#fff0;color:var(--esop-portal-ink);font-size:.9rem}.esop-search-portal__field input::placeholder{color:#91a0a8}.esop-search-portal__field:focus-within{border-color:#8bc5df;box-shadow:0 0 0 3px rgb(2 123 196 / .12)}.esop-search-portal__field button{min-height:43px;padding:9px 23px;border:0;border-radius:8px;background:var(--esop-portal-blue);color:#fff;cursor:pointer;font-size:.86rem;font-weight:800;touch-action:manipulation;transition:background-color 160ms ease,transform 160ms ease}.esop-search-portal__field button:hover{background:#056ba9}.esop-search-portal__field button:active{transform:scale(.98)}.esop-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.esop-folder-card{display:block;overflow:hidden;min-height:210px;border:1px solid var(--esop-portal-line);border-radius:16px;background:#fff;box-shadow:0 3px 9px rgb(25 55 40 / .045);color:var(--esop-portal-ink);text-decoration:none;touch-action:manipulation;transition:box-shadow 180ms ease,transform 180ms ease,border-color 180ms ease}.esop-folder-card__link{display:block;color:inherit;text-decoration:none}.esop-folder-card:hover{border-color:#d8e4de;box-shadow:0 14px 24px rgb(13 42 32 / .11);transform:translateY(-4px)}.esop-folder-card:active{transform:translateY(-1px)}.esop-folder-card__visual{position:relative;display:flex;height:156px;flex-direction:column;justify-content:center;overflow:hidden;padding:28px}.esop-folder-card__count{position:relative;z-index:1;color:#083c27;font-size:2.7rem;font-weight:850;letter-spacing:-.065em;line-height:1}.esop-folder-card__file-label{position:relative;z-index:1;margin-top:5px;color:#77848b;font-size:.84rem;font-weight:700}.esop-folder-card__watermark{position:absolute;right:-21px;bottom:-42px;width:150px;height:168px;color:#e8edef;opacity:.9;transition:color 180ms ease,transform 180ms ease}.esop-folder-card__watermark svg{width:100%;height:100%;stroke-width:1.2}.esop-folder-card:hover .esop-folder-card__watermark{color:#dce6e1;transform:scale(1.05)}.esop-folder-card__footer{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;background:var(--esop-portal-navy);color:#fff;font-size:.87rem;font-weight:800;letter-spacing:.025em;transition:background-color 180ms ease}.esop-folder-card:hover .esop-folder-card__footer{background:var(--esop-portal-navy-hover)}.esop-folder-card__footer svg{width:16px;height:16px;flex:0 0 auto;opacity:.82;transition:transform 180ms ease,opacity 180ms ease}.esop-folder-card:hover .esop-folder-card__footer svg{opacity:1;transform:translateX(3px)}.esop-document-list{display:grid;gap:12px;margin-top:20px}.esop-document-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:19px 20px;border:1px solid var(--esop-portal-line);border-radius:14px;background:#fff;box-shadow:0 2px 6px rgb(13 42 32 / .035)}.esop-document-card__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:11px;background:#e9f6ee;color:#167746}.esop-document-card__icon svg{width:22px;height:22px}.esop-document-card__body{min-width:0}.esop-document-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 3px;color:#718078;font-size:.78rem;font-weight:650}.esop-document-card h3{margin:0;color:#28342f;font-size:1rem;font-weight:780;letter-spacing:-.016em;line-height:1.33}.esop-document-card h3 a{overflow-wrap:anywhere;text-decoration:none}.esop-document-card h3 a:hover{color:#056ba9;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.esop-document-card__excerpt{display:-webkit-box;overflow:hidden;margin:5px 0 0;color:var(--esop-portal-muted);font-size:.86rem;line-height:1.48;-webkit-box-orient:vertical;-webkit-line-clamp:2}.esop-document-card__action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #b9d8e9;border-radius:9px;background:#f1f9fd;color:#05689f;font-size:.82rem;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}.esop-document-card__action:hover{border-color:#85bdd9;background:#e3f4fc}.esop-document-card__action:active{transform:scale(.98)}.esop-document-card__action svg{width:16px;height:16px}.esop-document-card__pending{padding:8px 10px;border-radius:8px;background:#faf5e9;color:#8a640d;font-size:.78rem;font-weight:750;text-align:center}.esop-document-card__controls{display:flex;min-width:118px;align-items:flex-end;flex-direction:column;gap:8px}.esop-portal-notice{margin:0 0 20px;padding:12px 15px;border:1px solid;border-radius:10px;font-size:.87rem;font-weight:700}.esop-portal-notice--success{border-color:#b8e4cb;background:#effaf3;color:#167243}.esop-portal-notice--error{border-color:#f2c5c1;background:#fff4f2;color:#a7352e}.esop-context-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin:0 0 20px}.esop-manager,.esop-folder-actions{min-width:0}.esop-manager{position:relative}.esop-manager>summary,.esop-folder-actions>summary{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:12px;padding:10px 14px;border:1px solid #cdded7;border-radius:9px;background:#fff;color:#123b2c;cursor:pointer;font-size:.82rem;font-weight:800;line-height:1;list-style:none;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.esop-manager>summary::-webkit-details-marker,.esop-folder-actions>summary::-webkit-details-marker{display:none}.esop-manager--add>summary{border-color:var(--esop-portal-green);background:var(--esop-portal-green);color:#fff;box-shadow:0 5px 12px rgb(62 180 117 / .18)}.esop-manager--add>summary:hover{border-color:#299963;background:#299963}.esop-manager>summary:hover,.esop-folder-actions>summary:hover{border-color:#9ab8aa;background:#f5faf7}.esop-manager__plus{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:rgb(13 42 32 / .1);font-size:1rem;line-height:1}.esop-manager--add .esop-manager__plus{background:rgb(255 255 255 / .2)}.esop-manager__form{display:grid;gap:12px;margin-top:10px;padding:16px;border:1px solid #dce8e2;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgb(14 47 34 / .09)}.esop-manager__form label{display:grid;gap:6px;color:#43524a;font-size:.78rem;font-weight:750}.esop-manager__form input[type="text"],.esop-manager__form textarea,.esop-manager__form select{width:100%;min-height:40px;padding:9px 10px;border:1px solid #cfded7;border-radius:8px;outline:0;background:#fff;color:#1e3228;font-size:.86rem;font-weight:500}.esop-manager__form textarea{min-height:66px;resize:none}.esop-manager__form input[type="file"]{width:100%;padding:8px;border:1px dashed #b9ccc2;border-radius:8px;background:#f8fcf9;color:#405248;font-size:.79rem}.esop-manager__form small{color:#73827a;font-size:.73rem;font-weight:600}.esop-manager__form input:focus,.esop-manager__form textarea:focus,.esop-manager__form select:focus{border-color:#58a998;box-shadow:0 0 0 3px rgb(62 180 117 / .15)}.esop-manager__submit,.esop-manager__delete{display:inline-flex;min-height:39px;align-items:center;justify-content:center;padding:9px 13px;border:0;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:800}.esop-manager__submit{background:var(--esop-portal-navy);color:#fff}.esop-manager__submit:hover{background:#123a2c}.esop-manager__delete{background:#fff1ef;color:#a93b34}.esop-manager__delete:hover{background:#fde2de}.esop-manager--add[open],.esop-manager--folders[open]{flex:1 0 100%}.esop-manager--add[open] .esop-manager__form,.esop-manager--folders[open] .esop-folder-chip-list{max-width:620px}.esop-manager--edit{width:auto}.esop-manager--edit>summary{min-height:32px;padding:7px 10px;border-radius:7px;color:#176846;font-size:.76rem}.esop-manager--edit .esop-manager__form{width:min(100%, 380px)}.esop-folder-actions{margin:0;padding:8px 12px 11px;border-top:1px solid #edf1ef;background:#fbfdfc}.esop-folder-actions>summary{min-height:31px;padding:7px 9px;border-radius:7px;font-size:.72rem}.esop-folder-actions__content{display:grid;gap:10px}.esop-folder-actions .esop-manager__form{margin-top:9px;box-shadow:none}.esop-delete-form{display:grid;gap:8px;margin:10px 0 0;padding:12px 0 0;border-top:1px solid #f1d5d1}.esop-delete-form--document{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;margin:0;padding:0;border:0}.esop-confirm{display:inline-flex!important;align-items:center;gap:6px;color:#8d4a45;font-size:.72rem!important;font-weight:700!important;white-space:nowrap}.esop-confirm input{width:15px;height:15px;margin:0;accent-color:#bb4d45}.esop-folder-chip-list{display:grid;gap:8px;margin-top:10px;padding:13px;border:1px solid #dce8e2;border-radius:12px;background:#fff}.esop-folder-chip-list>p{margin:0;color:var(--esop-portal-muted);font-size:.83rem}.esop-folder-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #e5ede9;border-radius:8px;background:#fbfdfc;color:#2f463b;font-size:.82rem}.esop-folder-chip .esop-folder-actions{padding:0;border:0;background:#fff0}.esop-folder-chip .esop-folder-actions__content{position:relative;z-index:2}.esop-empty{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;gap:14px;margin-top:20px;padding:28px;border:1px dashed #b9ccd4;border-radius:16px;background:#fbfdfd;text-align:center}.esop-empty__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;background:#eaf5ef;color:#267044}.esop-empty__icon svg{width:23px;height:23px}.esop-empty p{max-width:560px;margin:0;color:var(--esop-portal-muted)}.esop-empty strong{color:var(--esop-portal-ink)}.esop-empty .esop-button{margin-top:2px}.esop-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #b7d4e4;border-radius:9px;background:#fff;color:#05689f;font-size:.84rem;font-weight:800;text-decoration:none}.esop-pagination{margin-top:25px}.esop-pagination .page-numbers{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.esop-pagination .page-numbers li{margin:0}.esop-pagination .page-numbers a,.esop-pagination .page-numbers span{display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;padding:8px 11px;border:1px solid #dbe5e9;border-radius:8px;background:#fff;color:#1674a7;font-size:.84rem;font-weight:750;text-decoration:none}.esop-pagination .page-numbers .current{border-color:var(--esop-portal-blue);background:var(--esop-portal-blue);color:#fff}.esop-pagination .page-numbers a:hover{background:#ecf7fc}.esop-pelayanan a:focus-visible,.esop-pelayanan button:focus-visible,.esop-pelayanan input:focus-visible{outline:3px solid #58aede;outline-offset:3px}@media (max-width:920px){.esop-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.esop-search-portal{align-items:stretch;flex-direction:column;gap:18px}.esop-search-portal__copy{flex-basis:auto}.esop-search-portal__field{min-width:0}}@media (max-width:620px){.esop-portal-heading{flex-direction:column;gap:0}.esop-portal-heading .esop-manager{width:100%;margin:-8px 0 20px}.esop-portal-heading .esop-manager>summary{width:100%}.esop-folder-grid{grid-template-columns:1fr;gap:14px}.esop-search-portal{margin-bottom:22px;padding:20px}.esop-search-portal__field{flex-direction:column;padding:7px}.esop-search-portal__field button{width:100%}.esop-document-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;padding:17px}.esop-document-card__controls{grid-column:1 / -1;width:100%;align-items:stretch}.esop-document-card__action,.esop-document-card__pending{width:100%}.esop-delete-form--document{justify-content:flex-start}.esop-context-actions{display:grid}.esop-manager>summary{width:100%}.esop-manager--edit .esop-manager__form{width:100%}.esop-folder-chip{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){.esop-pelayanan *,.esop-pelayanan *::before,.esop-pelayanan *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.esop-pelayanan{max-width:920px;margin-inline:auto}.esop-portal-heading{gap:18px}.esop-portal-heading--root{justify-content:flex-end;min-height:0;margin:0}.esop-portal-heading--root .esop-manager>summary{display:none}.esop-portal-heading--root .esop-manager__form{margin-top:0;margin-bottom:18px}.esop-pelayanan__intro h2{color:#10283e;font-size:clamp(1.55rem, 3vw, 1.95rem);line-height:1.12}.esop-search-portal{min-height:98px;margin-bottom:24px;padding:20px 26px;border-radius:14px}.esop-search-portal h3{font-size:1rem}.esop-search-portal p{font-size:.78rem}.esop-search-portal__field{min-width:min(100%, 490px);padding:4px;border-radius:11px}.esop-search-portal__field input{min-height:34px;font-size:.78rem}.esop-search-portal__field button{min-height:34px;padding:8px 20px;border-radius:7px;font-size:.77rem}.esop-folder-grid{gap:24px}.esop-folder-card{min-height:170px;border-radius:14px}.esop-folder-card__visual{height:126px;padding:24px 26px}.esop-folder-card__count{font-size:2.35rem}.esop-folder-card__file-label{font-size:.76rem}.esop-folder-card__watermark{right:-17px;bottom:-35px;width:122px;height:139px}.esop-folder-card__footer{min-height:44px;padding:10px 24px;font-size:.74rem}.esop-manager__icon,.esop-manager__icon svg,.esop-icon-button svg,.esop-folder-actions__trigger svg{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center}.esop-folder-actions__trigger{min-width:32px!important;width:32px;padding:7px!important}.esop-icon-button{width:34px;min-width:34px;min-height:34px;padding:8px!important}.esop-icon-button svg{width:16px;height:16px}.esop-delete-form--document{align-items:center}.esop-delete-form--document .esop-confirm{margin-right:auto}.esop-manager--edit>summary{display:inline-flex;width:32px;min-height:32px;padding:7px;font-size:0}.esop-manager--edit>summary .esop-manager__icon svg{width:16px;height:16px}@media (max-width:920px){.esop-pelayanan{max-width:none}.esop-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.esop-folder-grid{grid-template-columns:1fr;gap:14px}.esop-search-portal{padding:18px}.esop-folder-card__visual{height:132px}.esop-document-card__controls{gap:8px}}.esop-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}.esop-list-toolbar .esop-back-button{margin:0}.esop-context-actions--toolbar{justify-content:flex-end;margin:0}.esop-document-open-button{width:auto;min-width:76px;gap:7px;padding:0 12px;font-size:.78rem;font-weight:800}.esop-modal-backdrop{position:fixed;z-index:1000;inset:0;background:rgb(9 35 24 / .48);backdrop-filter:blur(2px)}.esop-modal-backdrop[hidden]{display:none}body.esop-modal-open{overflow:hidden}.esop-modal-host{position:fixed;z-index:1001;inset:0;pointer-events:none}.esop-modal-host[hidden]{display:none}.esop-modal-host>.is-esop-modal-panel{position:absolute;z-index:1;top:50%;left:50%;width:min(80vw, 920px);max-height:min(82dvh, 760px);overflow:auto;margin:0;padding:20px;border:1px solid #d7e5dc;border-radius:16px;background:#fff;box-shadow:0 24px 64px rgb(5 31 19 / .28);transform:translate(-50%,-50%);pointer-events:auto}.esop-modal-host>.esop-folder-actions__content.is-esop-modal-panel{display:grid;gap:14px}.esop-modal-host>.esop-folder-actions__content.is-esop-modal-panel .esop-manager__form,.esop-modal-host>.esop-folder-actions__content.is-esop-modal-panel .esop-delete-form{margin:0}.esop-modal-panel__header{display:flex;position:sticky;z-index:1;top:-20px;align-items:center;justify-content:space-between;gap:16px;margin:-20px -20px 18px;padding:16px 20px;border-bottom:1px solid #e6eee9;background:rgb(255 255 255 / .98)}.esop-modal-panel__header h2{margin:0;color:#183d2b;font-size:1rem;font-weight:850;letter-spacing:-.02em}.esop-modal-close{display:inline-grid;width:38px;height:38px;place-items:center;flex:0 0 auto;padding:0;border:1px solid #d9e5de;border-radius:10px;background:#fff;color:#3e584a;cursor:pointer}.esop-modal-close:hover{border-color:#a8c8b6;background:#eef7f1}.esop-modal-close svg{width:19px;height:19px}.esop-delete-confirmation{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid #f0cbc5;border-radius:12px;background:#fff7f5}.esop-delete-confirmation p{margin:0;color:#6a4540;font-size:.86rem;font-weight:700;line-height:1.45}.esop-delete-confirmation>div{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.esop-delete-confirmation button{min-height:38px;padding:8px 12px;border:1px solid #d4ddd7;border-radius:9px;background:#fff;color:#365545;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}.esop-delete-confirmation [data-esop-delete-confirm]{border-color:#b4473f;background:#b4473f;color:#fff}.esop-delete-confirmation button:focus-visible{outline:3px solid rgb(39 101 74 / .35);outline-offset:2px}.esop-portal-notice.is-esop-notice-consumed{display:none}@media (max-width:820px){.esop-list-toolbar{align-items:flex-start;flex-direction:column}.esop-context-actions--toolbar{justify-content:flex-start}}@media (max-width:680px){.esop-list-toolbar{gap:10px}.esop-list-toolbar .esop-back-button{align-self:flex-start}.esop-context-actions--toolbar{display:grid;width:100%;grid-template-columns:1fr}.esop-context-actions--toolbar .esop-manager>summary{width:100%}.esop-modal-host>.is-esop-modal-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:16px;border-radius:14px}.esop-modal-panel__header{top:-16px;margin:-16px -16px 16px;padding:14px 16px}.esop-document-open-button{min-width:82px;min-height:44px}}.esop-back-button{display:inline-flex;min-height:44px;align-items:center;gap:8px;margin:0 0 10px;padding:9px 12px;border:1px solid #cfe0d7;border-radius:10px;background:#fff;color:#27654a;font-size:.82rem;font-weight:800;line-height:1;text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}.esop-back-button svg{width:18px;height:18px}.esop-back-button:hover{border-color:#9abfae;background:#edf7f0;transform:translateX(-2px)}.esop-document-list{gap:10px}.esop-document-card{grid-template-columns:44px minmax(0,1fr) auto;gap:15px;padding:14px 16px;border-radius:13px}.esop-document-card__controls{display:flex;min-width:0;align-items:center;flex-direction:row;gap:7px}.esop-document-icon-button{display:inline-flex;width:40px;min-width:40px;min-height:40px;align-items:center;justify-content:center;padding:0;border:1px solid #cfe0d7;border-radius:10px;background:#fff;color:#27654a;cursor:pointer;line-height:1;list-style:none;text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}.esop-document-icon-button::-webkit-details-marker{display:none}.esop-document-icon-button svg{width:18px;height:18px}.esop-document-icon-button:hover{border-color:#9dbcae;background:#eff8f1;transform:translateY(-1px)}.esop-document-icon-button--open{border-color:#bcdaf0;background:#f2f9fe;color:#1674a7}.esop-document-icon-button--open:hover{border-color:#8dbdd9;background:#e7f4fd}.esop-document-icon-button--delete{border-color:#f0cbc5;color:#b4473f}.esop-document-icon-button--delete:hover{border-color:#e8a49b;background:#fff1ef}.esop-document-icon-button.is-disabled{border-color:#e2e6e3;background:#f6f7f6;color:#99a39d;cursor:not-allowed}.esop-document-card .esop-manager--edit,.esop-document-card .esop-document-delete{position:relative;width:auto}.esop-document-card .esop-manager--edit>summary{display:inline-flex;width:40px;min-height:40px;padding:0;border-radius:10px;font-size:0}.esop-document-card .esop-manager--edit>summary>span:first-child{display:none}.esop-document-card .esop-manager--edit>summary .esop-manager__plus{width:auto;height:auto;border-radius:0;background:#fff0}.esop-document-card .esop-manager--edit>summary .esop-manager__icon svg{width:18px;height:18px}.esop-document-card .esop-manager--edit[open] .esop-manager__form,.esop-document-card .esop-document-delete[open] .esop-delete-form--document{position:absolute;z-index:12;top:calc(100% + 8px);right:0;width:min(380px, calc(100vw - 48px));margin:0;padding:15px;border:1px solid #cfe0d7;border-radius:12px;background:#fff;box-shadow:0 16px 34px rgb(25 65 47 / .16)}.esop-document-card .esop-document-delete[open] .esop-delete-form--document{display:grid;gap:10px;border-color:#f0cbc5}.esop-document-card .esop-delete-form--document p{margin:0;color:#6a4540;font-size:.82rem;font-weight:700;line-height:1.4}.esop-document-card .esop-delete-form--document .esop-manager__delete{width:100%;min-height:40px}.esop-document-card__meta{font-size:.74rem}.esop-document-card h3{font-size:.94rem}.esop-document-card__excerpt{margin-top:3px;font-size:.8rem}@media (max-width:680px){.esop-back-button{min-height:46px;margin-bottom:12px}.esop-document-card{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:15px}.esop-document-card__icon{width:42px;height:42px}.esop-document-card__controls{grid-column:1 / -1;width:100%;justify-content:flex-start;gap:9px;padding-top:3px}.esop-document-icon-button,.esop-document-card .esop-manager--edit>summary{width:44px;min-width:44px;min-height:44px}.esop-document-card .esop-manager--edit[open] .esop-manager__form,.esop-document-card .esop-document-delete[open] .esop-delete-form--document{position:fixed;top:auto;right:16px;bottom:88px;left:16px;width:auto;max-height:calc(100dvh - 118px);overflow:auto}}.esop-portal-heading--root .esop-manager>summary{display:inline-flex}.esop-document-card__controls .esop-document-open-button{width:auto;min-width:76px;gap:7px;padding:0 12px}.esop-manager--add.is-esop-modal-open>.esop-manager__form,.esop-manager--edit.is-esop-modal-open>.esop-manager__form,.esop-manager--folders.is-esop-modal-open>.esop-folder-chip-list,.esop-folder-actions.is-esop-modal-open>.esop-folder-actions__content,.esop-document-delete.is-esop-modal-open>.esop-delete-form{position:fixed;z-index:1001;top:50%;right:auto;bottom:auto;left:50%;width:min(80vw, 920px);max-width:none;max-height:min(82dvh, 760px);overflow:auto;margin:0;padding:20px;border:1px solid #d7e5dc;border-radius:16px;background:#fff;box-shadow:0 24px 64px rgb(5 31 19 / .28);transform:translate(-50%,-50%)}@media (max-width:680px){.esop-document-card__controls .esop-document-open-button{min-width:82px;min-height:44px}.esop-manager--add.is-esop-modal-open>.esop-manager__form,.esop-document-card .esop-manager--edit.is-esop-modal-open>.esop-manager__form,.esop-manager--folders.is-esop-modal-open>.esop-folder-chip-list,.esop-folder-actions.is-esop-modal-open>.esop-folder-actions__content,.esop-document-card .esop-document-delete.is-esop-modal-open>.esop-delete-form{top:50%;right:auto;bottom:auto;left:50%;width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:16px;border-radius:14px;transform:translate(-50%,-50%)}}.esop-search-portal__copy [data-esop-search-status]:empty{display:none}.esop-search-portal.is-searching .esop-search-portal__field{opacity:.72}.esop-search-portal.is-searching .esop-search-portal__field button{cursor:wait}.esop-search-portal__field button:disabled,.esop-manager__submit:disabled{opacity:.58;cursor:not-allowed;transform:none}.esop-ajax-results{position:relative;min-height:54px;transition:opacity 160ms ease}.esop-ajax-results[aria-busy="true"]{opacity:.58}.esop-manager__hint{margin:-2px 0 0;padding:10px 12px;border:1px solid #f0d6a8;border-radius:9px;background:#fff9eb;color:#795c1b;font-size:.78rem;font-weight:700;line-height:1.45}.esop-manager__form select:disabled{background:#f3f5f4;color:#849087;cursor:not-allowed}.esop-pelayanan select:focus-visible{outline:3px solid #58aede;outline-offset:3px}.esop-settings-menu-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.esop-settings-toggle{position:relative;display:flex;min-width:0;align-items:center;gap:10px;padding:11px 12px;border:1px solid #dce8e0;border-radius:11px;background:#f9fcfa;color:#183d2b;cursor:pointer}.esop-settings-toggle input[type="checkbox"]{position:absolute;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.esop-settings-toggle__track{position:relative;display:inline-flex;width:42px;height:24px;flex:0 0 42px;align-items:center;padding:3px;border-radius:999px;background:#b6c3bb;transition:background-color 160ms ease}.esop-settings-toggle__track span{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(20 48 33 / .24);transform:translateX(0);transition:transform 160ms ease}.esop-settings-toggle input:checked+.esop-settings-toggle__track{background:#27654a}.esop-settings-toggle input:checked+.esop-settings-toggle__track span{transform:translateX(18px)}.esop-settings-toggle input:focus-visible+.esop-settings-toggle__track{outline:3px solid rgb(39 101 74 / .32);outline-offset:3px}.esop-settings-toggle input:disabled+.esop-settings-toggle__track{cursor:not-allowed;opacity:.78}.esop-settings-toggle__copy{display:grid;min-width:0;gap:2px}.esop-settings-toggle__copy strong{color:#183d2b;font-size:.84rem;line-height:1.25}.esop-settings-toggle__copy small{color:#66756c;font-size:.74rem;line-height:1.25}.esop-custom-menu-builder{margin-top:22px;padding-top:20px;border-top:1px solid #e4ece7}.esop-custom-menu-builder__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.esop-custom-menu-builder__heading h3{margin:0 0 4px;color:#183d2b;font-size:1rem}.esop-custom-menu-builder__heading p{max-width:620px;margin:0;color:#66756c;font-size:.84rem;line-height:1.5}.esop-custom-menu-builder__add,.esop-backup-action button{min-height:42px;padding:10px 14px;border:1px solid #27654a;border-radius:10px;background:#27654a;color:#fff;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer}.esop-custom-menu-builder__add:hover,.esop-backup-action button:hover{background:#1d523b}.esop-custom-menu-builder__add:focus-visible,.esop-backup-action button:focus-visible,.esop-custom-menu-row__remove:focus-visible{outline:3px solid rgb(39 101 74 / .32);outline-offset:3px}.esop-custom-menu-builder__list{display:grid;gap:10px}.esop-custom-menu-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,.9fr) auto auto;align-items:end;gap:10px;padding:12px;border:1px solid #dce8e0;border-radius:12px;background:#f9fcfa}.esop-custom-menu-row label{display:grid;gap:5px;min-width:0;color:#3b5547;font-size:.76rem;font-weight:800}.esop-custom-menu-row input[type="text"]{width:100%;min-height:40px;box-sizing:border-box;padding:8px 10px;border:1px solid #c8d9cf;border-radius:8px;background:#fff;color:#183d2b;font:inherit}.esop-custom-menu-row input:focus{border-color:#4f9071;outline:3px solid rgb(79 144 113 / .18)}.esop-custom-menu-row__generated{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;min-width:0;margin:0;color:#66756c;font-size:.72rem;line-height:1.35}.esop-custom-menu-row__generated span{font-weight:800}.esop-custom-menu-row__generated code{min-width:0;overflow:hidden;color:#245941;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;overflow-wrap:anywhere}.esop-custom-menu-row__visible{min-height:40px;align-self:end;white-space:normal}.esop-custom-menu-row__visible.esop-settings-toggle{display:flex!important}.esop-custom-menu-row__remove{min-height:40px;padding:8px 11px;border:1px solid #edc9c3;border-radius:8px;background:#fff;color:#af4239;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}.esop-custom-menu-row__remove:hover{background:#fff2f0}.esop-backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.esop-backup-action{display:grid;align-content:start;gap:11px;padding:16px;border:1px solid #dce8e0;border-radius:13px;background:#f9fcfa}.esop-backup-action h3{margin:0;color:#183d2b;font-size:.98rem}.esop-backup-action p{min-height:40px;margin:0;color:#607066;font-size:.82rem;line-height:1.45}.esop-backup-action label{display:grid;gap:6px;color:#3b5547;font-size:.78rem;font-weight:800}.esop-backup-action input[type="file"]{max-width:100%;padding:8px;border:1px dashed #b9d0c1;border-radius:9px;background:#fff}.esop-backup-action .esop-confirm{display:flex;align-items:flex-start;gap:8px;font-weight:700;line-height:1.4}.esop-backup-action .esop-confirm input{margin-top:2px;accent-color:#27654a}.esop-backup-action--restore{border-color:#ead6b3;background:#fffcf5}.esop-backup-action--restore button{border-color:#a97018;background:#a97018}.esop-backup-action--restore button:hover{background:#875a12}.esop-dashboard__hero>div>p{margin:6px 0 0;color:#66756c;font-size:.9rem}.esop-dashboard-documents strong a{color:inherit;text-decoration:none}.esop-dashboard-documents strong a:hover{color:#27654a;text-decoration:underline}@media (max-width:760px){.esop-settings-menu-options{grid-template-columns:1fr}.esop-custom-menu-builder__heading{flex-direction:column}.esop-custom-menu-row{grid-template-columns:1fr;align-items:stretch}.esop-custom-menu-row__visible{min-height:32px}.esop-custom-menu-row__remove{justify-self:start}.esop-backup-grid{grid-template-columns:1fr}.esop-backup-action p{min-height:0}}.esop-user-access-list{display:grid;gap:14px}.esop-user-access-card{padding:16px;border:1px solid #dce8e0;border-radius:13px;background:#f9fcfa}.esop-user-access-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.esop-user-access-card__header h3{margin:0;color:#183d2b;font-size:1rem}.esop-user-access-card__header p{margin:3px 0 0;color:#66756c;font-size:.8rem}.esop-user-access-card__role{display:inline-flex;min-height:26px;align-items:center;padding:3px 9px;border:1px solid #cfe1d6;border-radius:999px;background:#edf7f0;color:#27654a;font-size:.72rem;font-weight:800;text-transform:capitalize}.esop-user-access-card__admin-note{margin:0 0 14px;color:#27654a;font-size:.82rem;font-weight:700}.esop-user-access-card__toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.esop-user-access-toggle{margin:0;padding:10px;border:1px solid #e0ebe4;border-radius:10px;background:#fff}.esop-user-access-toggle input:disabled+.esop-settings-toggle__track{opacity:.72}.esop-user-access-toggle input:disabled~.esop-settings-toggle__copy{opacity:.74}.esop-user-access-toggle .esop-settings-toggle__copy small{min-height:1.1em}.esop-login-password-field{position:relative;display:block}#esop-login-form .esop-login__field .esop-login-password-field input[type="password"],#esop-login-form .esop-login__field .esop-login-password-field input[type="text"]{width:100%;box-sizing:border-box;padding-right:48px}.esop-login-password-toggle{position:absolute;top:50%;right:7px;display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:8px;background:#fff0;color:#476354;cursor:pointer;transform:translateY(-50%)}.esop-login-password-toggle:hover{background:#eef7f1;color:#183d2b}.esop-login-password-toggle:focus-visible{outline:3px solid rgb(39 101 74 / .34);outline-offset:1px}.esop-login-password-toggle svg{width:19px;height:19px}.esop-login-alert{margin:0 0 14px;padding:10px 12px;border:1px solid #f2c5c1;border-radius:9px;background:#fff4f2;color:#a7352e;font-size:.84rem;font-weight:700}@media (max-width:620px){.esop-user-access-card__header{flex-direction:column}.esop-user-access-card__toggles{grid-template-columns:1fr}}:root{--esop-sidebar:#27654a;--esop-sidebar-hover:#1b5a38;--esop-canvas:#f8f6f0;--esop-lime:#ccf543;--esop-card-dark:#0e3a24;--esop-blue:#0369a1;--esop-portal:#e6f7ec;--esop-portal-line:#d1ebd9;--esop-ink:#374151;--esop-muted:#6b7280;--esop-line:#edf0ee;--esop-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--esop-canvas);color:var(--esop-ink);font-family:var(--esop-font);font-size:16px;line-height:1.5}a{color:inherit}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{clip:auto!important;clip-path:none;display:block;height:auto;left:16px;padding:12px 16px;position:fixed;top:16px;width:auto;z-index:1000;background:#fff;border:3px solid var(--esop-blue);border-radius:8px;color:#173b2b}.esop-shell{display:flex;min-height:100vh;min-height:100dvh}.esop-sidebar{display:flex;position:sticky;z-index:30;top:0;width:256px;height:100vh;height:100dvh;flex:0 0 256px;flex-direction:column;background:var(--esop-sidebar);color:#fff;box-shadow:2px 0 12px rgb(17 56 39 / .13)}.esop-brand{display:flex;min-height:80px;align-items:center;gap:11px;padding:0 24px;border-bottom:1px solid rgb(255 255 255 / .11);color:#fff;text-decoration:none}.esop-brand__mark{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;overflow:hidden;border-radius:8px;background:rgb(255 255 255 / .1)}.esop-brand__mark img{display:block;width:27px;height:27px;object-fit:contain}.esop-brand__identity{display:grid;min-width:0;line-height:1.1}.esop-brand__identity strong{overflow:hidden;color:#fff;font-size:1.13rem;font-weight:800;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.esop-brand__identity small{overflow:hidden;margin-top:3px;color:rgb(255 255 255 / .68);font-size:.68rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.esop-sidebar__label{display:none}.primary-navigation{flex:1;padding:24px 16px;overflow-y:auto}.primary-navigation ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.primary-navigation a{display:flex;min-height:48px;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:rgb(255 255 255 / .8);font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color 160ms ease,color 160ms ease,transform 160ms ease}.primary-navigation a:hover,.primary-navigation a:focus-visible{background:rgb(255 255 255 / .12);color:#fff}.primary-navigation .current-menu-item>a,.primary-navigation .current_page_item>a{background:var(--esop-lime);color:#1f513a;font-weight:800;box-shadow:0 2px 6px rgb(13 56 33 / .18)}.primary-navigation a:active{transform:scale(.985)}.esop-menu-icon,.esop-menu-icon svg{display:inline-flex;width:20px;height:20px;flex:0 0 20px;align-items:center;justify-content:center}.primary-navigation .menu-item-has-children>a::after{width:7px;height:7px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:"";transform:rotate(45deg) translateY(-2px)}.primary-navigation .sub-menu{margin:2px 0 0 26px}.primary-navigation .sub-menu a{min-height:38px;padding-block:8px;font-size:.82rem}.primary-navigation .esop-menu-section{margin:14px 5px 1px;color:rgb(255 255 255 / .58);font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.esop-menu-badge{min-width:20px;margin-left:auto;padding:2px 6px;border-radius:999px;background:var(--esop-lime);color:#1f513a;font-size:.65rem;font-weight:800;text-align:center}.esop-sidebar__footer{margin-top:auto;padding:16px;border-top:1px solid rgb(255 255 255 / .12);background:var(--esop-sidebar-hover)}.esop-user-profile{display:flex;align-items:center;gap:12px;padding:4px 8px;border-radius:10px}.esop-user-profile:hover{background:rgb(255 255 255 / .08)}.esop-user-profile__avatar{display:grid;width:40px;height:40px;overflow:hidden;flex:0 0 40px;place-items:center;border-radius:50%;background:var(--esop-lime);color:#1f513a}.esop-user-profile__avatar img{display:block;width:40px;height:40px;border:0}.esop-user-profile__copy{display:grid;min-width:0;gap:2px}.esop-user-profile__copy strong{display:block;overflow:hidden;color:#fff;font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.esop-user-profile__copy small{display:block;overflow:hidden;color:rgb(255 255 255 / .62);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.esop-app{display:flex;min-width:0;flex:1;flex-direction:column}.esop-topbar{display:flex;min-height:80px;align-items:center;justify-content:space-between;gap:18px;padding:0 32px;background:var(--esop-canvas)}.esop-topbar__breadcrumb{display:flex;min-width:0;align-items:center;gap:9px;color:#6b7280;font-size:.88rem;font-weight:600}.esop-topbar__breadcrumb svg{width:14px;height:14px;flex:0 0 auto;color:#9ca3af}.esop-topbar__breadcrumb strong{overflow:hidden;color:var(--esop-sidebar);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.esop-topbar__actions{display:flex;align-items:center;gap:12px}.esop-topbar__icon{position:relative;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border:1px solid #eef0eb;border-radius:50%;background:#fff;color:#4b5563;cursor:pointer;box-shadow:0 1px 3px rgb(31 65 47 / .08);transition:background-color 160ms ease,transform 160ms ease}.esop-topbar__icon:hover{background:#f9fcf9}.esop-topbar__icon:active{transform:scale(.96)}.esop-topbar__icon svg{width:18px;height:18px}.esop-notification-count{position:absolute;top:-4px;right:-4px;display:grid;width:17px;height:17px;place-items:center;border:2px solid var(--esop-canvas);border-radius:50%;background:var(--esop-lime);color:#24543d;font-size:.56rem;font-weight:800;line-height:1}.esop-mobile-toggle,.esop-sidebar-overlay{display:none}.site-main{flex:1;padding:16px 32px 40px;overflow:auto}.esop-page{width:min(100%, 1152px);margin:0 auto}.esop-page__header{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.esop-page__title{margin:0;color:#374151;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;text-transform:uppercase}.esop-admin-action{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:8px;background:#44a36b;color:#fff;font-size:.88rem;font-weight:700;text-decoration:none;box-shadow:0 2px 5px rgb(32 104 68 / .17);transition:background-color 160ms ease,transform 160ms ease}.esop-admin-action:hover{background:var(--esop-sidebar)}.esop-admin-action:active{transform:scale(.98)}.esop-admin-action svg{width:16px;height:16px}.site-page__content{overflow-wrap:anywhere}.site-page__content>*+*{margin-top:1.25rem}.site-footer{display:none}.site-page__content .esop-pelayanan{width:100%;max-width:none;margin:0;color:var(--esop-ink)}.site-page__content .esop-portal-heading--root{min-height:0;margin:0}.site-page__content .esop-portal-heading--root .esop-manager>summary{display:none}.site-page__content .esop-portal-heading--root .esop-manager__form{margin:0 0 18px}.site-page__content .esop-search-portal{display:flex;min-height:112px;align-items:center;gap:24px;margin:0 0 32px;padding:24px;border:1px solid var(--esop-portal-line);border-radius:16px;background:var(--esop-portal);box-shadow:0 2px 6px rgb(36 88 56 / .035)}.site-page__content .esop-search-portal__copy{flex:1 1 auto}.site-page__content .esop-search-portal h3{margin:0 0 4px;color:var(--esop-sidebar);font-size:1.125rem;font-weight:800;letter-spacing:-.02em}.site-page__content .esop-search-portal p{margin:0;color:#4b5563;font-size:.875rem;font-weight:600}.site-page__content .esop-search-portal__field{display:flex;width:min(100%, 672px);min-width:0;flex:0 1 672px;gap:4px;padding:4px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 4px rgb(29 64 44 / .07)}.site-page__content .esop-search-portal__field input{min-height:38px;padding:8px 12px;color:#374151;font-size:.875rem}.site-page__content .esop-search-portal__field input::placeholder{color:#9ca3af}.site-page__content .esop-search-portal__field:focus-within{border-color:#6daa87;box-shadow:0 0 0 3px rgb(39 101 74 / .16)}.site-page__content .esop-search-portal__field button{min-height:38px;padding:8px 24px;border-radius:8px;background:var(--esop-blue);font-size:.84rem;font-weight:700}.site-page__content .esop-search-portal__field button:hover{background:#075985}.site-page__content .esop-folder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.site-page__content .esop-folder-card{position:relative;display:block;min-height:186px;overflow:visible;border:1px solid #edf0ed;border-radius:16px;background:#fff;box-shadow:0 2px 7px rgb(37 74 54 / .06);color:var(--esop-ink)}.site-page__content .esop-folder-card__link{display:flex;min-height:186px;overflow:hidden;flex-direction:column;border-radius:inherit;color:inherit;text-decoration:none}.site-page__content .esop-folder-card:hover{border-color:#dceadf;box-shadow:0 10px 22px rgb(31 85 55 / .12);transform:translateY(-3px)}.site-page__content .esop-folder-card__visual{height:auto;min-height:132px;flex:1;padding:24px}.site-page__content .esop-folder-card__count{color:var(--esop-sidebar);font-size:2.25rem;font-weight:800;letter-spacing:-.055em}.site-page__content .esop-folder-card__file-label{margin-top:4px;color:#6b7280;font-size:.84rem;font-weight:700}.site-page__content .esop-folder-card__watermark{right:-12px;bottom:-25px;width:116px;height:132px;color:#f0f2f1;opacity:1}.site-page__content .esop-folder-card__watermark svg{stroke-width:1.35}.site-page__content .esop-folder-card__footer{min-height:54px;padding:14px 16px;background:var(--esop-sidebar);font-size:.84rem;font-weight:800;letter-spacing:.015em}.site-page__content .esop-folder-card:hover .esop-folder-card__footer{background:var(--esop-card-dark)}.site-page__content .esop-folder-card__footer svg{color:var(--esop-lime)}.site-page__content .esop-folder-card--managed .esop-folder-actions{position:absolute;z-index:7;top:10px;right:10px;width:auto;margin:0;padding:0;border:0;background:#fff0}.site-page__content .esop-folder-card--managed .esop-folder-actions>summary{display:inline-flex;width:32px;min-height:32px;align-items:center;justify-content:center;padding:7px;border:1px solid #e7ece8;border-radius:8px;background:#fff;color:var(--esop-sidebar);box-shadow:0 2px 5px rgb(34 76 51 / .1);opacity:0}.site-page__content .esop-folder-card--managed:hover .esop-folder-actions>summary,.site-page__content .esop-folder-card--managed .esop-folder-actions[open]>summary,.site-page__content .esop-folder-card--managed .esop-folder-actions>summary:focus-visible{opacity:1}.site-page__content .esop-folder-card--managed .esop-folder-actions__content{position:absolute;z-index:8;top:40px;right:0;display:grid;width:min(320px, calc(100vw - 40px));gap:8px;padding:10px;border:1px solid #dce8e0;border-radius:12px;background:#fff;box-shadow:0 14px 28px rgb(23 62 40 / .18)}.site-page__content .esop-folder-card--managed .esop-folder-actions .esop-manager__form{margin:0;box-shadow:none}.site-page__content .esop-management-portal .esop-folder-card--managed .esop-folder-actions>summary,.site-page__content .esop-custom-portal--management .esop-folder-card--managed .esop-folder-actions>summary{opacity:1}.site-page__content .esop-management-portal .esop-portal-heading .esop-folder-actions,.site-page__content .esop-custom-portal--management .esop-portal-heading .esop-folder-actions{margin:0;padding:0;border:0;background:#fff0}.site-page__content .esop-pelayanan__intro h2{color:var(--esop-sidebar)}.site-page__content .esop-breadcrumbs{margin-bottom:18px}.site-page__content .esop-document-card{border-color:#e7ede8;border-radius:14px;box-shadow:0 2px 6px rgb(35 78 52 / .04)}.site-page__content .esop-document-card__icon{background:#e7f4eb;color:var(--esop-sidebar)}.site-page__content .esop-document-card h3{color:#374151}.site-page__content .esop-document-card__action{border-color:#bbd9c5;background:#f3fbf5;color:var(--esop-sidebar)}.site-page__content .esop-manager--add>summary{border-color:#44a36b;background:#44a36b}.site-page__content .esop-manager--add>summary:hover{border-color:var(--esop-sidebar);background:var(--esop-sidebar)}.site-page__content .esop-manager__submit{background:var(--esop-sidebar)}.site-page__content .esop-manager__submit:hover{background:var(--esop-card-dark)}:focus-visible{outline:3px solid #5daa7b;outline-offset:3px}@media (max-width:1120px){.esop-sidebar{width:232px;flex-basis:232px}.site-main{padding-inline:26px}.site-page__content .esop-folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.esop-sidebar{position:fixed;left:0;transform:translateX(-105%);transition:transform 180ms ease;box-shadow:14px 0 28px rgb(20 61 40 / .22)}.esop-sidebar-overlay{display:block;position:fixed;z-index:20;inset:0;background:rgb(17 54 36 / .43);opacity:0;pointer-events:none;transition:opacity 180ms ease}.esop-mobile-toggle{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:1px solid #e5ebe6;border-radius:9px;background:#fff;color:var(--esop-sidebar);cursor:pointer}.esop-mobile-toggle svg{width:20px;height:20px}body.esop-sidebar-open{overflow:hidden}body.esop-sidebar-open .esop-sidebar{transform:translateX(0)}body.esop-sidebar-open .esop-sidebar-overlay{opacity:1;pointer-events:auto}.esop-topbar{justify-content:flex-start;padding-inline:24px}.esop-topbar__actions{margin-left:auto}.site-main{padding:20px 24px 36px}.site-page__content .esop-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.esop-topbar{min-height:64px;padding-inline:16px}.esop-topbar__breadcrumb{font-size:.8rem}.esop-topbar__breadcrumb>span,.esop-topbar__breadcrumb svg{display:none}.site-main{padding:16px 16px 30px}.esop-page__header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px}.esop-page__title{font-size:1.35rem}.esop-admin-action{width:100%}.site-page__content .esop-search-portal{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.site-page__content .esop-search-portal__field{width:100%;flex-basis:auto}.site-page__content .esop-folder-grid{grid-template-columns:1fr;gap:16px}}@media (max-width:420px){.esop-topbar{padding-inline:12px}.esop-mobile-toggle,.esop-topbar__icon{width:38px;height:38px}.site-main{padding-inline:12px}.site-page__content .esop-search-portal{padding:16px}.site-page__content .esop-search-portal__field{flex-direction:column;padding:6px}.site-page__content .esop-search-portal__field button{width:100%}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.esop-dashboard{display:grid;gap:24px;color:var(--esop-ink)}.esop-dashboard__hero{display:flex;min-height:188px;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px 32px;border-radius:20px;background:linear-gradient(128deg,#27654a 0%,#1d543a 100%);color:#fff;box-shadow:0 12px 28px rgb(27 82 57 / .14)}.esop-dashboard__eyebrow,.esop-dashboard-panel>p,.esop-dashboard-panel__heading p{margin:0 0 6px;color:#79db9d;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.esop-dashboard__hero h1{margin:0;color:#fff;font-size:clamp(2rem, 4vw, 2.85rem);font-weight:700;letter-spacing:-.05em;line-height:1}.esop-dashboard__hero p:not(.esop-dashboard__eyebrow){max-width:600px;margin:10px 0 0;color:rgb(255 255 255 / .8);font-size:.92rem;font-weight:400}.esop-dashboard__primary-link{display:inline-flex;min-height:46px;align-items:center;gap:9px;flex:0 0 auto;padding:11px 16px;border-radius:10px;background:var(--esop-lime);color:#1f513a;font-size:.84rem;font-weight:700;text-decoration:none;transition:transform 160ms ease,background-color 160ms ease}.esop-dashboard__primary-link svg{width:17px;height:17px}.esop-dashboard__primary-link:hover{background:#d7fa6a;transform:translateY(-2px)}.esop-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:18px}.esop-dashboard-stat{display:flex;min-height:104px;align-items:center;gap:14px;padding:20px;border:1px solid #e5ece7;border-radius:16px;background:#fff;box-shadow:0 3px 9px rgb(32 77 54 / .045)}.esop-dashboard-stat__icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:13px;background:#e8f5eb;color:var(--esop-sidebar)}.esop-dashboard-stat__icon svg{width:22px;height:22px}.esop-dashboard-stat strong,.esop-dashboard-stat small{display:block}.esop-dashboard-stat strong{color:#2f3a34;font-size:1.7rem;font-weight:700;letter-spacing:-.045em;line-height:1}.esop-dashboard-stat small{margin-top:7px;color:#6b7280;font-size:.75rem;font-weight:500}.esop-dashboard__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:20px}.esop-dashboard-panel{padding:22px;border:1px solid #e5ece7;border-radius:16px;background:#fff;box-shadow:0 3px 9px rgb(32 77 54 / .045)}.esop-dashboard-panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.esop-dashboard-panel h2{margin:0;color:#374151;font-size:1rem;font-weight:700;letter-spacing:-.02em}.esop-dashboard-panel__heading>a{color:var(--esop-blue);font-size:.77rem;font-weight:600;text-decoration:none}.esop-dashboard-panel__heading>a:hover{text-decoration:underline}.esop-dashboard-menu-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:11px}.esop-dashboard-menu-file{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;min-height:66px;align-items:center;gap:10px;padding:11px;border:1px solid #d9ebde;border-radius:11px;background:#f7fbf8;color:#31513e;text-decoration:none;transition:transform 160ms ease,border-color 160ms ease,background-color 160ms ease}.esop-dashboard-menu-file:hover{border-color:#a8cdb4;background:#fff;transform:translateY(-2px)}.esop-dashboard-menu-file__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#e6f5ea;color:var(--esop-sidebar)}.esop-dashboard-menu-file__icon svg,.esop-dashboard-menu-file>svg{width:17px;height:17px}.esop-dashboard-menu-file__copy{min-width:0}.esop-dashboard-menu-file__copy strong,.esop-dashboard-menu-file__copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.esop-dashboard-menu-file__copy strong{color:#31513e;font-size:.82rem;font-weight:600}.esop-dashboard-menu-file__copy small{margin-top:3px;color:#718077;font-size:.75rem;font-weight:500}.esop-dashboard-documents{display:grid;margin:0;padding:0;list-style:none}.esop-dashboard-documents li{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:10px;min-height:64px;border-top:1px solid #edf1ee}.esop-dashboard-documents__icon{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:#e9f5ec;color:var(--esop-sidebar)}.esop-dashboard-documents__icon svg{width:16px;height:16px}.esop-dashboard-documents strong,.esop-dashboard-documents small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.esop-dashboard-documents strong{color:#3d4741;font-size:.82rem;font-weight:600}.esop-dashboard-documents small{margin-top:3px;color:#8a938d;font-size:.7rem;font-weight:500}.esop-dashboard-documents li>a{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:var(--esop-blue)}.esop-dashboard-documents li>a:hover{background:#edf7fc}.esop-dashboard-documents li>a svg{width:17px;height:17px}.esop-dashboard-panel__empty{margin:24px 0 4px;color:#76817a;font-size:.83rem}.esop-dashboard-panel--quick{display:grid;align-content:start;gap:12px;background:#f1f8f3}.esop-dashboard-panel--quick>p{color:#4e8c66}.esop-dashboard-panel--quick>a{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;min-height:52px;align-items:center;gap:9px;padding:9px 10px;border:1px solid #d9ebde;border-radius:11px;background:#fff;color:#31513e;font-size:.78rem;font-weight:600;text-decoration:none;transition:transform 160ms ease,border-color 160ms ease}.esop-dashboard-panel--quick>a:hover{border-color:#a8cdb4;transform:translateX(2px)}.esop-dashboard-panel--quick>a>span{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#e6f5ea;color:var(--esop-sidebar)}.esop-dashboard-panel--quick>a svg{width:16px;height:16px}.esop-mobile-app-nav{display:none}@media (max-width:900px){.esop-dashboard__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:680px){.site-main{padding-bottom:100px}.esop-dashboard{gap:16px}.esop-dashboard__hero{min-height:0;align-items:stretch;flex-direction:column;gap:20px;padding:24px 20px;border-radius:16px}.esop-dashboard__hero h1{font-size:2rem}.esop-dashboard__primary-link{justify-content:center;min-height:48px}.esop-dashboard__stats{grid-template-columns:1fr;gap:10px}.esop-dashboard-stat{min-height:82px;padding:15px}.esop-dashboard-stat strong{font-size:1.45rem}.esop-dashboard__grid{gap:16px}.esop-dashboard-panel{padding:17px;border-radius:14px}.esop-mobile-app-nav{position:fixed;z-index:50;right:12px;bottom:12px;left:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:64px;padding:5px;border:1px solid rgb(204 220 209 / .96);border-radius:18px;background:rgb(255 255 255 / .96);box-shadow:0 12px 30px rgb(22 63 43 / .18);backdrop-filter:blur(12px)}.esop-mobile-app-nav a{display:grid;min-width:0;min-height:52px;place-content:center;gap:3px;border-radius:13px;color:#65726a;font-size:.62rem;font-weight:600;line-height:1;text-align:center;text-decoration:none}.esop-mobile-app-nav a svg{width:19px;height:19px;margin:0 auto}.esop-mobile-app-nav a.is-active{background:#e6f5ea;color:var(--esop-sidebar);font-weight:700}}body{font-size:15px}.esop-brand{min-height:72px;padding-inline:20px}.esop-brand__identity strong{font-size:1rem}.esop-brand__identity small{display:none}.primary-navigation{padding:18px 14px}.primary-navigation ul{gap:6px}.primary-navigation a{min-height:44px;padding:10px 13px;border-radius:10px;font-size:.82rem}.esop-sidebar__footer{padding:12px 14px}.esop-user-profile__copy strong{font-size:.75rem}.esop-user-profile__copy small{font-size:.8rem}.esop-sidebar-login{display:flex;min-height:44px;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;color:#fff;font-size:.8rem;font-weight:800;text-decoration:none}.esop-sidebar-login:hover{background:rgb(255 255 255 / .1)}.esop-sidebar-login__icon{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:var(--esop-lime);color:#24543d}.esop-sidebar-login__icon svg{width:16px;height:16px}.esop-topbar{min-height:70px}.esop-topbar__breadcrumb{font-size:.8rem}.site-main{padding-top:12px}.esop-page__header{min-height:42px;margin-bottom:18px}.esop-page__title{font-size:1.25rem}.esop-admin-action{min-height:38px;padding:8px 14px;font-size:.8rem}.site-page__content .esop-search-portal{min-height:86px;gap:18px;margin-bottom:22px;padding:16px 18px;border-radius:13px}.site-page__content .esop-search-portal h3{margin:0;font-size:.9rem}.site-page__content .esop-search-portal__field{padding:3px;border-radius:10px}.site-page__content .esop-search-portal__field input,.site-page__content .esop-search-portal__field button{min-height:36px;font-size:.8rem}.site-page__content .esop-search-portal__field button{padding-inline:17px}.site-page__content .esop-folder-grid{gap:18px}.site-page__content .esop-folder-card,.site-page__content .esop-folder-card__link{min-height:160px;border-radius:13px}.site-page__content .esop-folder-card__visual{min-height:110px;padding:18px}.site-page__content .esop-folder-card__count{font-size:1.85rem}.site-page__content .esop-folder-card__file-label{font-size:.8rem}.site-page__content .esop-folder-card__footer{min-height:46px;padding:11px 14px;font-size:.8rem}.site-page__content .esop-pelayanan__eyebrow{display:none}.site-page__content .esop-pelayanan__intro h2{font-size:1.3rem}.site-page__content .esop-pelayanan__intro>p:not(.esop-pelayanan__eyebrow){font-size:.8rem}.site-page__content .esop-document-card h3{font-size:.88rem}.site-page__content .esop-document-card__meta,.site-page__content .esop-document-card__excerpt{font-size:.8rem}.esop-dashboard{gap:18px}.esop-dashboard__hero{min-height:132px;padding:24px;border-radius:16px}.esop-dashboard__hero h1{font-size:clamp(1.7rem, 3vw, 2.2rem)}.esop-dashboard__primary-link{min-height:42px;padding:9px 13px;border-radius:9px;font-size:.8rem}.esop-dashboard__stats{gap:12px}.esop-dashboard-stat{min-height:84px;gap:11px;padding:14px;border-radius:13px}.esop-dashboard-stat__icon{width:38px;height:38px;flex-basis:38px;border-radius:10px}.esop-dashboard-stat__icon svg{width:19px;height:19px}.esop-dashboard-stat strong{font-size:1.35rem}.esop-dashboard-stat small{margin-top:4px;font-size:.8rem}.esop-dashboard__grid{gap:14px}.esop-dashboard-panel{padding:17px;border-radius:13px}.esop-dashboard-panel h2{font-size:.92rem}.esop-dashboard-panel__heading{margin-bottom:8px}.esop-dashboard-panel__heading>a{font-size:.8rem}.esop-dashboard-documents li{min-height:55px}.esop-dashboard-documents strong{font-size:.8rem}.esop-dashboard-documents small{font-size:.8rem}.esop-dashboard-panel--quick{gap:10px}.esop-dashboard-panel--quick>a{min-height:46px;font-size:.8rem}.esop-login-screen{min-width:320px;min-height:100vh;min-height:100dvh;background:#edf3ee}.esop-login{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:24px;background:radial-gradient(circle at 15% 12%,rgb(204 245 67 / .42),transparent 30%),linear-gradient(145deg,#245c43,#143d2b)}.esop-login__panel{width:min(100%, 400px);padding:30px;border:1px solid rgb(255 255 255 / .38);border-radius:18px;background:rgb(255 255 255 / .97);box-shadow:0 20px 50px rgb(10 42 27 / .24)}.esop-login__brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:var(--esop-sidebar);font-size:.9rem;font-weight:850;text-decoration:none}.esop-login__brand img{width:32px;height:32px;object-fit:contain}.esop-login h1{margin:0 0 20px;color:#26352d;font-size:1.45rem;font-weight:850;letter-spacing:-.035em}#esop-login-form{display:grid;gap:14px}#esop-login-form p{display:grid;gap:6px;margin:0}#esop-login-form label{color:#526158;font-size:.8rem;font-weight:800}#esop-login-form input[type="text"],#esop-login-form input[type="password"]{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cedbd2;border-radius:9px;background:#fff;color:#26352d;font-size:.88rem;outline:0}#esop-login-form input[type="text"]:focus,#esop-login-form input[type="password"]:focus{border-color:#4b9d6b;box-shadow:0 0 0 3px rgb(75 157 107 / .16)}#esop-login-form .login-remember{display:flex;align-items:center;gap:8px;min-height:24px}#esop-login-form .login-remember label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}#esop-login-form input[type="checkbox"]{width:16px;height:16px;margin:0;accent-color:var(--esop-sidebar)}#esop-login-form .login-submit{margin-top:4px}#esop-login-form .button,.esop-login__submit{display:inline-flex;width:100%;min-height:44px;align-items:center;justify-content:center;padding:10px 14px;border:0;border-radius:9px;background:var(--esop-sidebar);color:#fff;cursor:pointer;font-size:.84rem;font-weight:800;text-decoration:none}#esop-login-form .button:hover,.esop-login__submit:hover{background:#194830}.esop-login__forgot{display:inline-block;margin-top:17px;color:#397650;font-size:.8rem;font-weight:750;text-decoration:none}.esop-login__forgot:hover{text-decoration:underline}@media (max-width:680px){.esop-topbar{min-height:60px}.site-main{padding-top:10px}.esop-dashboard__hero{padding:20px}.esop-dashboard__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.esop-dashboard-stat{min-height:76px;align-items:flex-start;flex-direction:column;gap:5px;padding:11px}.esop-dashboard-stat__icon{width:28px;height:28px;flex-basis:28px;border-radius:8px}.esop-dashboard-stat__icon svg{width:15px;height:15px}.esop-dashboard-stat strong{font-size:1.18rem}.esop-dashboard-stat small{font-size:.8rem}.esop-dashboard-panel{padding:14px}.esop-login{padding:16px}.esop-login__panel{padding:24px 20px;border-radius:15px}}.primary-navigation .esop-menu-icon{display:inline-grid!important;width:20px;height:20px;flex:0 0 20px;place-items:center}.primary-navigation .esop-menu-icon svg{display:block;width:20px;height:20px}.esop-page__header--actions{min-height:38px;justify-content:flex-end;margin-bottom:10px}.site-page__content .esop-folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;justify-items:stretch}@media (max-width:900px){.site-page__content .esop-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.site-page__content .esop-folder-grid{grid-template-columns:1fr}}.primary-navigation a:hover{background:#fff0;color:rgb(255 255 255 / .8)}.primary-navigation a:focus-visible{background:#fff0;color:#fff;outline:2px solid rgb(204 245 67 / .85);outline-offset:2px}.primary-navigation .current-menu-item>a:hover,.primary-navigation .current_page_item>a:hover{background:var(--esop-lime);color:#1f513a}.site-page__content .esop-search-portal{display:grid;grid-template-columns:minmax(135px,.33fr) minmax(0,1fr);min-height:0;align-items:center;gap:22px;border-color:var(--esop-portal-line);background:var(--esop-portal)}.site-page__content .esop-search-portal__field{display:flex;width:100%;min-width:0;align-items:center;flex-direction:row;gap:4px;border-color:rgb(39 101 74 / .16)}.site-page__content .esop-search-portal__field input{min-width:0;flex:1 1 auto}.site-page__content .esop-search-portal__field button{width:auto;min-width:76px;flex:0 0 auto;padding-inline:16px;background:var(--esop-sidebar);overflow-wrap:normal;white-space:nowrap;word-break:normal}.site-page__content .esop-search-portal__field button:hover{background:var(--esop-sidebar-hover)}.site-page__content .esop-search-portal__copy [data-esop-search-status]{color:var(--esop-sidebar);font-weight:750}.esop-settings-portal{display:grid;gap:18px;color:var(--esop-ink)}.esop-settings-portal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;border-radius:16px;background:linear-gradient(128deg,var(--esop-sidebar),var(--esop-card-dark));color:#fff;box-shadow:0 12px 28px rgb(27 82 57 / .14)}.esop-settings-portal__eyebrow{margin:0 0 6px;color:rgb(255 255 255 / .72);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.esop-settings-portal__header h1{margin:0;font-size:clamp(1.45rem, 3vw, 2.05rem);font-weight:850;letter-spacing:-.04em;line-height:1.1}.esop-settings-portal__header p:not(.esop-settings-portal__eyebrow){margin:8px 0 0;color:rgb(255 255 255 / .78);font-size:.84rem}.esop-settings-portal__swatch{display:block;width:42px;height:42px;flex:0 0 42px;border:4px solid rgb(255 255 255 / .9);border-radius:14px;box-shadow:0 4px 12px rgb(0 0 0 / .14)}.esop-settings-form{display:grid;gap:18px}.esop-settings-card{padding:20px;border:1px solid #e1ebe4;border-radius:15px;background:#fff;box-shadow:0 3px 9px rgb(32 77 54 / .045)}.esop-settings-card h2{margin:0;color:#374151;font-size:1rem;font-weight:850;letter-spacing:-.02em}.esop-settings-card>p,.esop-settings-card__heading p{margin:6px 0 0;color:var(--esop-muted);font-size:.8rem}.esop-settings-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.esop-settings-form label{display:grid;gap:7px;color:#4b5a52;font-size:.78rem;font-weight:800}.esop-settings-form input[type="text"],.esop-settings-form input[type="url"]{width:100%;min-height:44px;padding:9px 12px;border:1px solid #d5e2da;border-radius:10px;background:#fff;color:#26352d;font-size:.88rem;outline:none;transition:border-color 160ms ease,box-shadow 160ms ease}.esop-settings-form input[type="text"]:focus,.esop-settings-form input[type="url"]:focus{border-color:var(--esop-sidebar);box-shadow:0 0 0 3px rgb(39 101 74 / .14)}.esop-settings-form small{color:#718077;font-size:.72rem;font-weight:600}.esop-settings-form__full{grid-column:1 / -1}.esop-settings-color{grid-template-columns:44px auto;align-items:center;justify-content:start}.esop-settings-color>span{grid-column:1 / -1}.esop-settings-color input[type="color"]{width:44px;height:44px;padding:3px;border:1px solid #d5e2da;border-radius:10px;background:#fff;cursor:pointer}.esop-settings-color output{min-width:86px;color:var(--esop-sidebar);font-size:.82rem;font-weight:850;letter-spacing:.04em}.esop-settings-menu-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.esop-settings-menu-options label{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:9px 12px;border:1px solid #d8e6dd;border-radius:10px;background:#f9fcfa;color:#405047;font-size:.82rem;font-weight:800;cursor:pointer}.esop-settings-menu-options input{width:17px;height:17px;margin:0;accent-color:var(--esop-sidebar)}.esop-settings-form__submit,.esop-settings-trash-list button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 15px;border:0;border-radius:10px;background:var(--esop-sidebar);color:#fff;cursor:pointer;font-size:.82rem;font-weight:850;text-decoration:none;transition:background-color 160ms ease,transform 160ms ease}.esop-settings-form__submit{justify-self:start}.esop-settings-form__submit:hover,.esop-settings-trash-list button:hover{background:var(--esop-sidebar-hover);transform:translateY(-1px)}.esop-settings-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.esop-settings-card__heading .esop-manager{flex:0 0 auto}.esop-settings-card__heading .esop-manager>summary{min-height:42px;padding:9px 12px;font-size:.8rem}.esop-settings-folder-list,.esop-settings-trash-list{display:grid;gap:10px;margin-top:17px}.esop-settings-folder-list article,.esop-settings-trash-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;min-height:58px;align-items:center;gap:10px;padding:10px;border:1px solid #e4ede6;border-radius:11px;background:#fbfdfb}.esop-settings-folder-list__icon{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:var(--esop-portal);color:var(--esop-sidebar)}.esop-settings-folder-list__icon svg{width:18px;height:18px}.esop-settings-folder-list strong,.esop-settings-trash-list strong{overflow:hidden;color:#35443b;font-size:.82rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.esop-settings-folder-list article>a{color:var(--esop-sidebar);font-size:.78rem;font-weight:850;text-decoration:none}.esop-settings-folder-list article>a:hover{text-decoration:underline}.esop-settings-folder-list .esop-folder-actions{width:auto}.esop-settings-trash-list article{grid-template-columns:minmax(0,1fr) auto}.esop-settings-trash-list small{display:block;margin-top:3px;color:#758279;font-size:.73rem;font-weight:650}.esop-settings-empty{margin:0;padding:15px;border:1px dashed #c9d9cf;border-radius:10px;color:#6d7b72;font-size:.8rem;text-align:center}.esop-settings-portal--locked{padding:24px;border:1px solid #ead7ce;border-radius:14px;background:#fffaf8}.esop-settings-portal--locked h1{margin:0;color:#7d4434;font-size:1.15rem}.esop-settings-portal--locked p{margin:8px 0 0;color:#6f665e;font-size:.84rem}body.esop-login-screen{min-width:320px;background:#fff}.esop-login{display:grid;min-height:100vh;min-height:100dvh;place-items:stretch;grid-template-columns:minmax(320px,1fr) minmax(0,1.15fr);padding:0;background:#fff}.esop-login__hero{position:relative;display:flex;min-height:100%;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(32px, 7vw, 78px);background:linear-gradient(135deg,var(--esop-sidebar),var(--esop-card-dark));color:#fff}.esop-login__rings{position:absolute;top:-7%;right:-10%;width:min(78vw, 520px);opacity:.18;pointer-events:none}.esop-login__rings svg{display:block;width:100%;height:auto}.esop-login__rings circle{stroke:#fff;stroke-width:.8}.esop-login__hero-copy{position:relative;z-index:1}.esop-login__hero-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:.95rem;font-weight:850;text-decoration:none}.esop-login__hero-brand img{width:40px;height:40px;object-fit:contain}.esop-login__hero h1{margin:clamp(55px, 12vh, 150px) 0 14px;color:#fff;font-size:clamp(2.35rem, 5vw, 4.2rem);font-weight:850;letter-spacing:-.06em;line-height:.98}.esop-login__hero p{max-width:390px;margin:0;color:rgb(255 255 255 / .78);font-size:clamp(.88rem, 1.3vw, 1.02rem);line-height:1.6}.esop-login__hero>small{position:relative;z-index:1;color:rgb(255 255 255 / .6);font-size:.78rem}.esop-login__content{display:flex;min-width:0;align-items:center;padding:clamp(32px, 8vw, 130px);background:#fff}.esop-login__form-wrap{width:min(100%, 430px);margin:auto}.esop-login__brand-wordmark{margin:0 0 clamp(38px, 7vh, 88px);color:#1d2922;font-size:1.1rem;font-weight:850;letter-spacing:-.035em}.esop-login__form-wrap h2{margin:0;color:#1d2922;font-size:clamp(1.65rem, 3vw, 2.2rem);font-weight:850;letter-spacing:-.045em;line-height:1.12}.esop-login__lead{margin:8px 0 32px;color:#6c7871;font-size:.9rem}#esop-login-form{display:grid;gap:22px}#esop-login-form .esop-login__field{display:grid;gap:6px;margin:0}#esop-login-form .esop-login__field label{color:#4d5b53;font-size:.77rem;font-weight:800}#esop-login-form .esop-login__field input{width:100%;min-height:46px;padding:8px 2px;border:0;border-bottom:2px solid #e3e8e4;border-radius:0;background:#fff0;color:#1d2922;font-size:.96rem;outline:0;transition:border-color 160ms ease,box-shadow 160ms ease}#esop-login-form .esop-login__field input:focus{border-bottom-color:var(--esop-sidebar);box-shadow:0 3px 0 -1px rgb(39 101 74 / .12)}#esop-login-form .esop-login__field input::placeholder{color:#9ca7a0}#esop-login-form .login-submit{margin:12px 0 0}#esop-login-form .button,.esop-login__submit{min-height:50px;border-radius:12px;background:#1d2922;font-size:.88rem;font-weight:850;box-shadow:0 10px 22px rgb(20 35 27 / .12)}#esop-login-form .button:hover,.esop-login__submit:hover{background:#090e0b;transform:translateY(-1px)}.esop-login__forgot{margin:26px 0 0;color:#6d7872;font-size:.82rem;text-align:center}.esop-login__forgot a{color:#1d2922;font-weight:850;text-decoration:underline;text-underline-offset:3px}.esop-login__error{margin:18px 0 -8px;padding:10px 12px;border:1px solid #f0cbc5;border-radius:9px;background:#fff5f3;color:#9e4239;font-size:.8rem;font-weight:700}@media (max-width:780px){.site-page__content .esop-search-portal{grid-template-columns:1fr;gap:12px;padding:16px}.site-page__content .esop-search-portal__field{flex-direction:row}.esop-settings-form__grid{grid-template-columns:1fr}.esop-settings-form__full{grid-column:auto}.esop-login{display:flex;min-height:100dvh;flex-direction:column;overflow:auto;background:#f8faf8}.esop-login__hero{min-height:35dvh;justify-content:center;padding:28px 26px 48px;border-radius:0 0 28px 28px}.esop-login__hero h1{margin:28px 0 8px;font-size:2.25rem}.esop-login__hero p{display:none}.esop-login__hero>small{display:none}.esop-login__content{z-index:1;min-height:0;margin-top:-22px;padding:34px 24px 40px;border-radius:28px 28px 0 0}.esop-login__form-wrap{margin:0 auto}.esop-login__brand-wordmark{display:none}.esop-login__form-wrap h2{font-size:1.7rem}}@media (max-width:480px){.site-page__content .esop-search-portal__field button{min-width:68px;padding-inline:12px}.esop-settings-card,.esop-settings-portal__header{padding:16px}.esop-settings-card__heading{align-items:stretch;flex-direction:column}.esop-settings-card__heading .esop-manager>summary{width:100%}.esop-settings-folder-list article{grid-template-columns:34px minmax(0,1fr) auto}.esop-settings-folder-list article>.esop-folder-actions{grid-column:2 / -1}.esop-settings-trash-list article{align-items:stretch;grid-template-columns:1fr}.esop-settings-trash-list button{width:100%}.esop-login__content{padding-inline:20px}}.esop-settings-logo-upload{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:14px;padding:14px;border:1px solid #e2ece5;border-radius:12px;background:#fbfdfb}.esop-settings-logo-upload__preview{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:1px solid #d5e2da;border-radius:12px;background:#fff}.esop-settings-logo-upload__preview img{display:block;width:46px;height:46px;object-fit:contain}.esop-settings-logo-upload label{min-width:0}.esop-settings-logo-upload input[type="file"]{width:100%;min-height:44px;padding:8px;border:1px dashed #b6cdbd;border-radius:10px;background:#fff;color:#44534a;font:inherit;font-size:.78rem}.esop-settings-logo-upload input[type="file"]::file-selector-button{min-height:30px;margin-right:9px;padding:5px 9px;border:0;border-radius:7px;background:var(--esop-portal);color:var(--esop-sidebar);cursor:pointer;font:inherit;font-size:.74rem;font-weight:850}.esop-settings-logo-upload input[type="file"]:focus-visible{outline:3px solid rgb(39 101 74 / .2);outline-offset:2px}.esop-settings-menu-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.esop-settings-menu-options .esop-settings-toggle{position:relative;display:grid;min-width:0;min-height:68px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid #d8e6dd;border-radius:12px;background:#fbfdfb;cursor:pointer;transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease}.esop-settings-menu-options .esop-settings-toggle:hover{border-color:rgb(39 101 74 / .35);background:var(--esop-portal)}.esop-settings-toggle>input{position:absolute;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.esop-settings-toggle__track{display:flex;width:42px;height:24px;align-items:center;padding:3px;border-radius:999px;background:#b9c5bc;box-shadow:inset 0 1px 2px rgb(32 54 40 / .14);transition:background-color 160ms ease}.esop-settings-toggle__track span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(24 46 32 / .25);transform:translateX(0);transition:transform 160ms ease}.esop-settings-toggle input:checked+.esop-settings-toggle__track{background:var(--esop-sidebar)}.esop-settings-toggle input:checked+.esop-settings-toggle__track span{transform:translateX(18px)}.esop-settings-toggle input:focus-visible+.esop-settings-toggle__track{outline:3px solid rgb(39 101 74 / .25);outline-offset:3px}.esop-settings-toggle__copy{display:grid;min-width:0;gap:2px}.esop-settings-toggle__copy strong{overflow:hidden;color:#39483f;font-size:.81rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.esop-settings-toggle__copy small{color:#748177;font-size:.71rem;font-weight:700}.esop-settings-toggle input:checked~.esop-settings-toggle__copy small{color:var(--esop-sidebar)}.esop-settings-card__link{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:9px 12px;border:1px solid rgb(39 101 74 / .22);border-radius:10px;background:var(--esop-portal);color:var(--esop-sidebar);font-size:.78rem;font-weight:850;text-decoration:none;white-space:nowrap}.esop-settings-card__link:hover{background:var(--esop-sidebar);color:#fff}.esop-management-portal,.esop-custom-portal--management{display:grid;gap:18px;color:var(--esop-ink)}.esop-management-root-list{display:grid;gap:11px;margin-top:17px}.esop-management-root{overflow:hidden;border:1px solid #e0ebe3;border-radius:13px;background:#fff}.esop-management-root>summary{display:grid;min-height:64px;grid-template-columns:36px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:12px;cursor:pointer;list-style:none}.esop-management-root>summary::-webkit-details-marker{display:none}.esop-management-root>summary:hover{background:#fbfdfb}.esop-management-root>summary strong{display:block;overflow:hidden;color:#35443b;font-size:.86rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.esop-management-root>summary small{display:block;margin-top:2px;color:#718077;font-size:.73rem;font-weight:700}.esop-management-root__chevron{display:grid;place-items:center;color:var(--esop-sidebar);transition:transform 160ms ease}.esop-management-root__chevron svg{width:18px;height:18px;transform:rotate(90deg)}.esop-management-root[open] .esop-management-root__chevron{transform:rotate(90deg)}.esop-management-root__content{display:grid;gap:14px;padding:0 12px 14px;border-top:1px solid #edf2ee}.esop-management-root__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:12px}.esop-management-root__actions>a{color:var(--esop-sidebar);font-size:.76rem;font-weight:850;text-decoration:none}.esop-management-root__actions>a:hover{text-decoration:underline}.esop-management-taxonomy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.esop-management-taxonomy{min-width:0;padding:13px;border:1px solid #e3ece6;border-radius:12px;background:#fbfdfb}.esop-management-taxonomy__heading{display:flex;min-height:42px;align-items:flex-start;justify-content:space-between;gap:9px}.esop-management-taxonomy__heading h3{margin:0;color:#35443b;font-size:.86rem;font-weight:850}.esop-management-taxonomy__heading small{display:block;margin-top:2px;color:#718077;font-size:.71rem;font-weight:700}.esop-management-taxonomy__heading .esop-manager>summary{min-height:38px;padding:7px 9px;border-radius:8px;font-size:.72rem;white-space:nowrap}.esop-management-folder-list{display:grid;gap:7px;margin-top:12px}.esop-management-folder-list article{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #e7eee9;border-radius:9px;background:#fff}.esop-management-folder-list strong{overflow:hidden;color:#46544b;font-size:.76rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.esop-management-folder-list>p{margin:0;padding:10px 6px;color:#718077;font-size:.75rem;text-align:center}.esop-management-folder-list .esop-folder-actions{width:auto;flex:0 0 auto}.esop-management-folder-list .esop-folder-actions>summary{width:32px;min-height:32px;opacity:1}.esop-login__success{margin:18px 0 -8px;padding:10px 12px;border:1px solid #bfe0c8;border-radius:9px;background:#f0faf2;color:#27654a;font-size:.8rem;font-weight:750}.esop-tamong{display:grid;gap:22px}.esop-tamong__eyebrow{margin:0 0 7px;color:#46855f;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.esop-tamong h1{margin:0;color:#1d2922;font-size:clamp(1.55rem, 3vw, 2.1rem);font-weight:850;letter-spacing:-.045em;line-height:1.12}.esop-tamong header>p:not(.esop-tamong__eyebrow){margin:9px 0 0;color:#6c7871;font-size:.88rem;line-height:1.6}.esop-tamong__form{display:grid;gap:17px}.esop-tamong__form p{display:grid;gap:6px;margin:0}.esop-tamong__form label{color:#4d5b53;font-size:.77rem;font-weight:800}.esop-tamong__form input{width:100%;min-height:46px;padding:8px 2px;border:0;border-bottom:2px solid #e3e8e4;border-radius:0;background:#fff0;color:#1d2922;font-size:.96rem;outline:0;transition:border-color 160ms ease,box-shadow 160ms ease}.esop-tamong__form input:focus{border-bottom-color:var(--esop-sidebar);box-shadow:0 3px 0 -1px rgb(39 101 74 / .12)}.esop-tamong__form button{min-height:50px;margin-top:7px;border:0;border-radius:12px;background:#1d2922;color:#fff;cursor:pointer;font-size:.88rem;font-weight:850;box-shadow:0 10px 22px rgb(20 35 27 / .12)}.esop-tamong__form button:hover{background:#090e0b;transform:translateY(-1px)}.esop-tamong__notice{margin:-5px 0 0;padding:10px 12px;border-radius:9px;font-size:.8rem;font-weight:700}.esop-tamong__notice--error{border:1px solid #f0cbc5;background:#fff5f3;color:#9e4239}.esop-tamong__note{margin:-2px 0 0;color:#78837c;font-size:.75rem;line-height:1.5}.esop-tamong--locked{padding:22px;border:1px solid #ead7ce;border-radius:14px;background:#fffaf8}#esop-recovery-form{display:grid;gap:22px}#esop-recovery-form .esop-login__field{display:grid;gap:6px;margin:0}#esop-recovery-form .esop-login__field label{color:#4d5b53;font-size:.77rem;font-weight:800}#esop-recovery-form .esop-login__field input{width:100%;min-height:46px;padding:8px 2px;border:0;border-bottom:2px solid #e3e8e4;border-radius:0;background:#fff0;color:#1d2922;font-size:.96rem;outline:0;transition:border-color 160ms ease,box-shadow 160ms ease}#esop-recovery-form .esop-login__field input:focus{border-bottom-color:var(--esop-sidebar);box-shadow:0 3px 0 -1px rgb(39 101 74 / .12)}#esop-recovery-form .login-submit{margin:12px 0 0}#esop-recovery-form .button{display:inline-flex;width:100%;min-height:50px;align-items:center;justify-content:center;padding:10px 14px;border:0;border-radius:12px;background:#1d2922;color:#fff;cursor:pointer;font-size:.88rem;font-weight:850;box-shadow:0 10px 22px rgb(20 35 27 / .12)}#esop-recovery-form .button:hover{background:#090e0b;transform:translateY(-1px)}@media (max-width:980px){.esop-settings-menu-options{grid-template-columns:repeat(2,minmax(0,1fr))}.esop-management-taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.esop-settings-logo-upload{grid-template-columns:58px minmax(0,1fr)}.esop-settings-logo-upload label:last-child{grid-column:1 / -1}.esop-management-taxonomy-grid{grid-template-columns:1fr}}@media (max-width:480px){.esop-settings-menu-options{grid-template-columns:1fr}.esop-settings-logo-upload{grid-template-columns:1fr}.esop-settings-logo-upload__preview{width:54px;height:54px}.esop-settings-logo-upload label:last-child{grid-column:auto}.esop-settings-card__link{width:100%}.esop-management-root>summary{grid-template-columns:34px minmax(0,1fr) 20px;padding:10px}.esop-management-root__content{padding-inline:10px}.esop-management-root__actions{align-items:stretch;flex-direction:column}.esop-management-root__actions>a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid #d7e4da;border-radius:9px;background:#fff;text-decoration:none}}