@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap");:root{--ink:#1b1d24;--muted:#6b7280;--line:#e7e7ef;--card:#fff;--accent:#0ea5a4;--accent-strong:#0f766e;--accent-soft:#ecfeff;--shadow:0 14px 30px rgba(16,24,40,.08)}body{box-sizing:border-box;margin:0}.app{background:#f4f6fb;border-radius:18px;color:var(--ink);font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:24px}.app h1{font-size:32px;margin:6px 0 8px}.app h1,.app h2{font-family:Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif}.app h2{font-size:24px;margin:0}.app h3{font-family:Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;margin:0 0 12px}.app p{color:var(--muted);margin:0}.app a{color:var(--accent-strong);text-decoration:none}.app a:hover{text-decoration:underline}.eyebrow{letter-spacing:.2em}.app-header{margin-bottom:28px}.banner{border-radius:12px;min-height:190px;overflow:hidden;position:relative}.banner-overlay{background:linear-gradient(90deg,rgba(15,23,42,.88),rgba(15,23,42,.2) 60%,rgba(15,23,42,.1));inset:0;position:absolute}.banner-content{color:#fff;padding:28px 32px;position:relative}.banner-content p{color:var(--accent-soft)}.header-actions{display:flex;gap:10px}.chip{background:hsla(0,0%,100%,.15);border-radius:999px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.page{animation:fadeUp .3s ease;display:none}.page.active{display:block}.section-head{align-items:center;display:grid;gap:16px;grid-template-columns:auto 1fr auto;margin-bottom:22px}.section-head .titles{display:flex;flex-direction:column;gap:4px}.loading,.muted{color:var(--muted);font-size:13px}.loading{align-items:center;display:flex;gap:8px;justify-content:center;padding:24px 0;width:100%}.loading:before{animation:spin .8s linear infinite;border:2px solid var(--line);border-radius:50%;border-top-color:var(--accent);content:"";height:12px;width:12px}@keyframes spin{to{transform:rotate(1turn)}}.toolbar{align-items:center;display:flex;gap:12px}.assoc-toggle{display:none}.sort-controls{align-items:center;display:none;gap:10px}.sort-dropdown{position:relative}.sort-trigger{align-items:center;border-radius:999px;display:inline-flex;gap:6px}.sort-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 16px 32px rgba(15,23,42,.12);display:none;padding:12px;position:absolute;right:0;top:46px;width:280px;z-index:20}.sort-panel.is-open{display:block}.sort-panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sort-close{font-size:12px;padding:4px 8px}.sort-select{align-items:center;background:#f8fafc;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:8px 10px;width:100%}.sort-list,.sort-select{border:1px solid #e2e8f0;border-radius:12px}.sort-list{background:#fff;display:none;margin-top:8px;max-height:220px;overflow:auto}.sort-list.is-open{display:block}.sort-option{background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px;padding:8px 10px;text-align:left;width:100%}.sort-option:last-child{border-bottom:0}.sort-option.is-active,.sort-option:hover{background:var(--accent-soft)}.sort-order{display:flex;gap:8px;margin-top:10px}.sort-order .btn{flex:1}.sort-order .btn.is-active{background:#111827;border-color:#111827;color:#fff}.select{display:flex;flex-direction:column;gap:4px}.select select{background:#fff;border:1px solid var(--line);border-radius:10px;font-size:13px;padding:8px 10px}.search input{background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:14px;min-width:220px;padding:10px 14px}.search-clear{display:none}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,92,53,.15);outline:none}.btn{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:var(--ink);cursor:pointer;font-weight:600;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{box-shadow:0 10px 18px rgba(15,23,42,.12);transform:translateY(-1px)}.btn.ghost{background:#fff;box-shadow:none;color:var(--ink);padding:10px 12px}.btn.ghost,.toggle{border:1px solid #e2e8f0}.toggle{background:#f1f5f9;border-radius:999px;display:inline-flex;gap:6px;padding:4px}.toggle-btn{background:transparent;border:none;border-radius:999px;color:var(--muted);cursor:pointer;font-size:13px;padding:8px 16px}.toggle-btn.is-active{background:#111827;color:#fff}.object-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.object-list{display:flex;flex-direction:column;gap:12px}.object-list .object-card{width:100%}.object-card{background:var(--card);border:1px solid #eef2f7;border-radius:10px;cursor:pointer;overflow:hidden;padding:0}.object-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.object-card-media{background-position:50%;background-size:cover;border-radius:10px 10px 0 0;height:150px;width:100%}.object-card-body{padding:16px 18px 20px}.object-card-tag{align-items:center;background:#f1f5f9;border-radius:999px;color:#475569;display:inline-flex;font-size:11px;letter-spacing:.08em;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.object-card-title{font-size:18px;margin:0 0 6px}.object-card-desc{color:var(--muted);font-size:13px;margin-bottom:12px}.object-card-meta{color:var(--accent-strong);font-size:13px;font-weight:600;margin-top:12px}.object-card-description{font-size:13px}.object-card .badge{background:#fff2ec;border-radius:999px;color:var(--accent);font-size:11px;font-weight:600;padding:4px 10px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:10px;overflow-x:auto;overflow-y:hidden}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap thead{background:#f6f7fb}.table-wrap td,.table-wrap th{border-bottom:1px solid var(--line);font-size:14px;max-width:350px;min-width:250px;overflow:hidden;padding:12px 14px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:250px}.table-wrap tr:hover{background:#f9fafc}.record-row{cursor:pointer}.record-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:16px}.pagination{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.pagination span{color:var(--muted);font-size:12px;font-weight:600}.record-card{background:var(--card);border:1px solid #eef2f7;border-radius:10px;cursor:pointer;padding:16px}.record-card.is-card{overflow:hidden;padding:0}.record-card-image{background-position:50%;background-size:cover;border-bottom:1px solid #eef2f7;border-radius:10px 10px 0 0;height:170px;width:100%}.record-card-body{padding:14px 16px 20px}.record-card-tag{align-items:center;background:#f1f5f9;border-radius:999px;color:#475569;display:inline-flex;font-size:11px;letter-spacing:.08em;margin-bottom:10px;padding:4px 12px;text-transform:uppercase}.record-card-title{font-size:18px;font-weight:600;margin-bottom:8px}.record-card-desc{color:var(--muted);font-size:13px}.record-card-field{font-size:13px;margin-top:8px}.record-card-value{font-weight:500;margin-top:2px}.record-card-meta{color:#9ca3af;font-size:12px}.record-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.record-card .title{font-weight:600;margin-bottom:6px}.kv{display:grid;gap:8px}.kv .kv-row{display:grid;gap:12px;grid-template-columns:minmax(0,160px) minmax(0,1fr);padding:5px 0}.kv .kv-row span{color:var(--muted);font-size:13px;overflow-wrap:anywhere;word-break:break-word}.kv .kv-row strong{color:#64748b;font-size:12px;letter-spacing:.08em;max-width:180px;word-break:break-word}.assoc-list .kv .kv-row span{color:var(--muted);font-size:12px;overflow-wrap:anywhere;word-break:break-word}.assoc-list .kv .kv-row strong{font-size:12px;max-width:180px;word-break:break-word}@media (min-width:767px){.assoc-list .kv .kv-row strong,.kv .kv-row strong{flex:0 0 180px}}.detail-layout{display:grid;gap:18px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.card-panel{background:#fff;border:1px solid #eef2f7;border-radius:10px;box-shadow:0 10px 24px rgba(15,23,42,.05);max-height:520px;overflow:auto;padding:0 18px 18px}.card-panel h3{background:#fff;margin-bottom:8px;padding-bottom:8px;padding-top:18px;position:sticky;top:0;z-index:1}.detail-feature-image{background:#f1f5f9;border-radius:10px;margin-bottom:16px;overflow:hidden;width:100%}.detail-feature-image img{display:block;height:auto;width:100%}.assoc-list{display:grid;gap:12px}.assoc-group{background:#fff;border:1px solid #eef2f7;border-radius:10px;box-shadow:0 8px 18px rgba(15,23,42,.04);padding:12px}.assoc-panel{position:relative}.assoc-panel-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.assoc-close{align-items:center;display:inline-flex;height:32px;justify-content:center;padding:6px!important;width:32px}.assoc-overlay{background:rgba(15,23,42,.35);inset:0;opacity:0;position:fixed;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:40}.assoc-overlay.is-open{opacity:1;visibility:visible}.assoc-list h4{color:#334155;font-size:14px;letter-spacing:0;margin:0 0 10px;text-transform:none}.assoc-group h4{color:#0f172a;font-size:15px;font-weight:700}.assoc-group+.assoc-group{margin-top:6px}.assoc-item{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;cursor:pointer;margin-top:12px;padding:12px;transition:transform .2s ease,box-shadow .2s ease}.assoc-list>.assoc-group>.assoc-item>strong{display:block;font-size:15px;margin-bottom:6px}.assoc-list>.assoc-group>.assoc-item .assoc-props{margin-top:10px}@media (max-width:900px){.section-head{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.detail-layout{grid-template-columns:1fr}.assoc-toggle{align-items:center;display:inline-flex}.assoc-toggle span{font-size:12px;margin-left:5px}.assoc-panel{border-radius:10px 0 0 10px;height:100vh;max-height:100vh;overflow:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease;width:min(360px,86vw);z-index:50}.assoc-panel.is-open{transform:translateX(0)}}@media (min-width:901px){.assoc-close{display:none}}@media (max-width:768px){.app{border-radius:18px;padding:16px}.banner{min-height:150px}.banner-content{padding:20px 18px}.app h1{font-size:26px}.section-head{gap:12px}.toolbar{justify-content:space-between;width:100%}.search input{min-width:0;width:100%}.toggle{justify-content:center;width:100%}.object-grid,.record-grid{gap:16px;grid-template-columns:1fr}.record-card-image{height:140px}}@media (max-width:520px){.app{padding:12px}.banner{border-radius:16px}.banner-content{padding:18px 16px}.object-grid,.record-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap;gap:12px;justify-content:center}.section-head .titles h2{font-size:20px}.btn{padding:8px 12px}}@media (max-width:700px){.table-wrap table{min-width:640px}.table-wrap td,.table-wrap th{padding:10px 12px;white-space:nowrap}.kv .kv-row{align-items:flex-start;flex-direction:column;gap:6px}}@media (min-width:768px){.object-grid,.record-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.object-grid,.record-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.container{margin-left:auto;margin-right:auto;width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.mx-auto{margin-left:auto;margin-right:auto}.my-12{margin-bottom:3rem;margin-top:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-10{padding:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.w-60{width:15rem}.w-full{width:100%}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.text-left{text-align:left}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-200{background-color:#e5e7eb}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.border{border:1px solid #e5e7eb}.rounded{border-radius:.25rem}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-shell{background:linear-gradient(135deg,#eeb9ac,#cfe8ed 45%,#c1e1e8);border-radius:28px;color:var(--ink)}.eyebrow{color:var(--accent-soft);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.stat-row{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{animation:fadeUp .35s ease both;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 20px rgba(24,35,60,.08);padding:14px 16px}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-size:22px;font-weight:700}.toggle-group{background:#f3f5f9;border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:8px;padding:6px}.toggle-button{background-color:transparent;border:none;border-radius:999px;color:var(--muted);cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s ease}.toggle-button.is-active{background:var(--accent);box-shadow:0 6px 18px rgba(31,111,235,.35);color:#fff}.toggle-button:hover{color:var(--ink)}.object-card{transition:transform .2s ease,box-shadow .2s ease}.object-card:hover{transform:translateY(-4px)}.record-card{transition:transform .2s ease,box-shadow .2s ease}.record-card:hover{transform:translateY(-4px)}.record-row:hover{background:#f8fafc}.object-card-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.object-meta{color:var(--muted);font-size:12px;margin-top:10px}.badge{align-items:center;background:var(--accent-soft);border-radius:999px;color:var(--accent-strong);display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px}.badge-outline{background:#fff;border:1px solid var(--line);color:var(--muted);margin-right:8px}.pill{align-items:center;background:#fff7e7;border-radius:999px;color:#a35c12;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px}.breadcrumb{color:var(--muted);font-size:12px;margin-bottom:6px}.search-input,.select-input{background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(27,29,34,.06);transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus,.select-input:focus{border-color:var(--accent);box-shadow:0 8px 20px rgba(31,111,235,.2);outline:none}.empty-state{background:#fff;border:1px dashed var(--line);border-radius:16px;color:var(--muted);padding:28px;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.app-hero{align-items:flex-start;flex-direction:column}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}@media (max-width:640px){.stat-row{grid-template-columns:1fr}}