.spr-form{display:grid;gap:24px}.spr-fields,.spr-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.spr-form textarea{width:100%;margin-top:7px;border:1px solid #b8d9e9;border-radius:14px;padding:12px;resize:vertical;font:inherit}.rating-list{display:grid;gap:14px}.rating-list fieldset{border:1px solid var(--blue-100);border-radius:20px;padding:16px}.rating-list legend{font-weight:900;color:var(--blue-700);padding:0 8px}.rating-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.rating-chips label{position:relative;min-width:0;margin:0}.rating-chips input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.rating-chips span{display:grid;place-items:center;min-height:48px;padding:8px;border:2px solid var(--blue-100);border-radius:14px;text-align:center;font-weight:800;cursor:pointer}.rating-chips input:checked+span{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.spr-submit{display:flex;justify-content:flex-end;gap:10px}.spr-submit .btn{width:auto;margin:0}.spr-status{display:inline-flex;padding:9px 14px;border-radius:99px;font-weight:900}.spr-status.draft{background:#fff5c7;color:#795d00}.spr-status.selesai{background:#e1f8ef;color:#087354}.spr-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-bottom:18px}.spr-filter label{margin:0}.spr-filter .btn{width:auto;margin:0}.spr-summary{margin-bottom:18px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-grid>div{display:grid;gap:5px;padding:14px;border-radius:16px;background:var(--blue-50)}.summary-grid span{color:var(--muted)}.spr-history-list{display:grid;gap:14px}.spr-history-card header{display:flex;justify-content:space-between;gap:12px}.spr-history-card h2{margin:3px 0}.progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.progress-grid div{display:flex;justify-content:space-between;gap:10px;padding:11px;border-radius:14px;background:var(--blue-50)}@media(max-width:760px){.spr-fields,.spr-notes,.spr-filter,.summary-grid{grid-template-columns:1fr}.rating-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.spr-submit{display:grid;grid-template-columns:1fr 1fr}.spr-submit .btn{width:100%}.progress-grid{grid-template-columns:1fr}.spr-history-card header{align-items:flex-start}.spr-form,.spr-history-card{min-width:0}}