.demo-nine{display:grid;gap:18px;min-width:0}.demo-nine .card{margin:0;min-width:0}.demo-nine .card-b{padding:22px}.demo-nine p{font-size:13px;line-height:1.7;margin:8px 0;color:#49615b}.demo-nine small{display:block;font-size:11px;color:#587269;margin-top:5px}.demo-nine .dn-notice{padding:12px 16px;border:1px solid #ccded6;border-radius:10px;background:#edf5f0;margin:0}.dn-actions,.dn-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dn-actions{justify-content:flex-end}.dn-row>div:first-child{flex:1;min-width:0}.demo-nine label{display:grid;gap:8px;font-size:12px;color:#304b42}.demo-nine input:not([type=checkbox]),.demo-nine textarea{width:100%;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #c5d5cd;border-radius:8px;padding:11px 12px;font:inherit;color:#163d31}.demo-nine textarea{resize:vertical}.demo-nine .dn-row label{flex:1}.demo-nine .dn-check{display:flex;align-items:center;flex:none}.demo-nine input[type=checkbox]{accent-color:#236d55;width:18px;height:18px}.demo-nine progress{width:100%;height:18px;accent-color:#357f61}.dn-stage{margin:18px 0}.dn-stage>div{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:8px}.dn-table{overflow-x:auto;max-width:100%}.demo-nine table{width:100%;border-collapse:collapse}.demo-nine th,.demo-nine td{padding:14px 12px;text-align:left;white-space:normal;overflow-wrap:anywhere}.demo-nine th{font-size:11px}.demo-nine td{font-size:12px}.demo-nine .dn-table table{min-width:560px}.dn-docgrid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px}.dn-docnav{display:grid;gap:12px;align-content:start;position:sticky;top:20px;height:fit-content}.dn-docnav a{font-size:13px;color:#275c49}.dn-docgrid>div{display:grid;gap:18px;min-width:0}.demo-nine details{padding:14px 0;border-bottom:1px solid #d9e4dd}.demo-nine summary{font-size:14px;font-weight:600;cursor:pointer}.dn-upload{padding:30px;border:1px solid #b9cfc1;border-radius:12px;text-align:center;background:#f1f7f2}.dn-form{display:grid;gap:18px}.dn-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid #d3e0d7;padding-bottom:9px}.dn-tabs button{padding:10px 16px;white-space:nowrap;border:0;border-radius:8px;background:transparent;color:#4a6558;cursor:pointer}.dn-tabs button[aria-selected=true]{background:#deece2;color:#1a4b34;font-weight:600}.demo-nine [hidden]{display:none!important}.demo-nine button:disabled{opacity:.45;cursor:not-allowed}.demo-nine output{display:block;margin-top:14px;font-size:13px}.demo-nine #dn-status:empty{display:none}.demo-nine #dn-status{padding:14px;background:#e4f0e8;border-radius:8px}.demo-nine .dn-row+.dn-row{margin-top:18px}.demo-nine .kpis{margin:0}.dn-article{scroll-margin-top:25px}
.demo-nine .kpi.hero .v{color:#fff}.demo-nine .kpi .v{margin:0}.demo-nine .kpi.hero .k{color:#d2e9df}.demo-nine .kpis[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}#setup-checklist,#reward-config>[data-reward-panel],.demo-nine>[data-reward-panel]{display:grid;gap:18px}.demo-nine .dn-row>p:first-child{flex:1}
@media(max-width:700px){.dn-docgrid{grid-template-columns:1fr}.dn-docnav{position:static;grid-template-columns:1fr 1fr}.dn-stage>div{flex-wrap:wrap}.demo-nine .card-b{padding:16px}.dn-actions{justify-content:flex-start}.dn-row{align-items:flex-start}.demo-nine .dn-table table{min-width:560px;display:table}.demo-nine .dn-table thead{display:table-header-group}.demo-nine .dn-table tbody{display:table-row-group}.demo-nine .dn-table tr{display:table-row}.demo-nine .dn-table td,.demo-nine .dn-table th{display:table-cell}.demo-nine .dn-table td:before{display:none}}