.directory-site{color:#17304d;background:#f7f9fc;min-height:100vh;font-size:14px}.d-header{background:#fff;border-bottom:1px solid #e0e7f0;padding:18px max(18px,calc((100vw - 1180px)/2));display:flex;gap:24px;align-items:center;justify-content:space-between}.d-brand{font-size:24px;font-weight:800;color:#1761ca}.d-header nav{display:flex;gap:20px;font-size:13px}.d-wrap{max-width:1180px;padding:28px 20px;margin:auto}.directory-site h1{font-size:clamp(26px,4vw,42px);line-height:1.15;margin-bottom:16px}.directory-site h2{font-size:22px;margin-bottom:12px}.directory-site h3{font-size:17px}.directory-site p{line-height:1.65}.directory-site footer{padding:28px 20px;border-top:1px solid #e1e7ef;text-align:center;background:#fff;color:#617186;font-size:12px}.d-dashboard-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.d-dashboard-nav a,.d-dashboard-nav button{padding:8px 12px;background:#fff;border:1px solid #dbe3ed;border-radius:8px}.d-panel{background:#fff;border:1px solid #e0e7ef;border-radius:16px;padding:24px;margin-bottom:24px;min-width:0}.d-form{display:grid;gap:12px;max-width:700px}.directory-site .btn{background:#1761ca;color:#fff;border:1px solid #1761ca;min-height:44px}.directory-site .btn.outline{background:#fff;color:#1761ca}.directory-site .btn.wa{background:#168449;border-color:#168449;color:#fff;width:100%}.d-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.d-error{color:#a12b20;background:#fff2ef;padding:10px;border-radius:8px}.d-notice{background:#e9f6ed;padding:12px;border-radius:8px}.d-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.d-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}.d-filter label{flex:1;min-width:160px}.d-preview{width:100%;max-width:320px;height:auto;-o-object-fit:contain;object-fit:contain}.d-pagination{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.d-pagination a{padding:8px;border:1px solid #dce3ed;border-radius:6px;background:#fff}.d-table{width:100%;border-collapse:collapse}.d-table td,.d-table th{text-align:left;padding:12px;border-bottom:1px solid #e0e7ef}.d-scroll{overflow:auto}.d-status{font-size:12px;padding:4px 8px;background:#eef4ff;border-radius:6px;display:inline-block}.d-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}.d-stats strong{display:block;font-size:30px}.directory-site :focus-visible{outline:3px solid #5b9bff;outline-offset:3px}.directory-site button:disabled{opacity:.55;cursor:wait}@media(min-width:1400px){.d-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.d-wrap{max-width:1380px}}@media(max-width:950px){.d-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.d-header{padding:16px;gap:12px;flex-wrap:wrap}.d-header nav{gap:14px;width:100%;justify-content:space-between}.d-wrap{padding:22px 14px}.d-grid{grid-template-columns:1fr}.d-panel{padding:18px}.d-filter{align-items:stretch;flex-direction:column}}.directory-public{background:#fff;color:#111827;font-family:Plus Jakarta Sans,system-ui,sans-serif}.directory-public .d-header{padding-top:16px;padding-bottom:16px;border-color:#e5e7eb;flex-wrap:nowrap;padding-left:max(20px,calc((100vw - 1140px)/2));padding-right:max(20px,calc((100vw - 1140px)/2))}.directory-public .d-brand{font-size:23px;letter-spacing:-.04em;color:#1769e0;flex-shrink:0}.directory-public .d-header nav{width:auto;gap:24px;align-items:center;font-size:13px}.directory-public .d-header nav a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.directory-public .d-wrap{padding-top:24px;padding-bottom:48px}.directory-public .btn{border-radius:10px;box-shadow:none;background:#1769e0;border-color:#1769e0;font-family:inherit;min-height:48px}.directory-public .btn.wa{background:#16803c;border-color:#16803c}.directory-public .btn.outline{background:#fff;color:#1769e0}.directory-public input,.directory-public select,.directory-public button{font-family:inherit}.directory-public footer{border-color:#e5e7eb;background:#f8fafc;color:#64748b;padding:24px 16px}.directory-public .d-grid{gap:24px}.directory-public p{line-height:1.55}.directory-public .d-header a:hover{color:#1769e0}@media(max-width:540px){.directory-public .d-header{padding:12px 16px;gap:12px}.directory-public .d-header nav{gap:16px;font-size:12px}.directory-public .d-brand{font-size:22px}.directory-public .d-wrap{padding:20px 16px 32px}.directory-public .d-grid{gap:20px}}@media(min-width:541px)and (max-width:950px){.directory-public .d-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1400px){.directory-public .d-header{padding-left:max(20px,calc((100vw - 1340px)/2));padding-right:max(20px,calc((100vw - 1340px)/2))}}