.spg-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.spg-summary article{display:flex;min-height:118px;flex-direction:column;justify-content:center;padding:20px;border:1px solid #d8e2ee;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(29,52,79,.04)}.spg-summary small{color:#657a92;font-size:12px;font-weight:700}.spg-summary b{margin:7px 0 4px;color:#153f72;font-size:27px}.spg-summary b em{color:#7b8a9c;font-size:15px;font-style:normal}.spg-summary article>span{color:#718297;font-size:12px}.spg-mini-progress{height:6px;margin-top:6px;overflow:hidden;border-radius:999px;background:#e6edf5}.spg-mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1767ad,#29a27a)}
.spg-dashboard{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(560px,1.42fr);gap:16px;align-items:start}.spg-policy-panel,.spg-goal-panel{padding:24px;border:1px solid #d7e1ec;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(27,50,76,.05)}.spg-policy-panel>header,.spg-goal-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #e4eaf1}.spg-policy-panel header small,.spg-goal-panel header small{display:block;margin-bottom:4px;color:#3171ac;font-size:11px;font-weight:800;letter-spacing:.09em}.spg-policy-panel h2,.spg-goal-panel h2{margin:0;color:#173d6b;font-size:21px}.spg-policy-panel header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf4fb;color:#14558f;font-size:13px;font-weight:900}.spg-policy-list{display:grid;gap:12px;padding:20px 0}.spg-policy-list article{display:grid;grid-template-columns:42px 1fr;align-items:start;gap:13px;padding:16px;border:1px solid #dce5ef;border-radius:13px;background:linear-gradient(145deg,#fbfdff,#f5f9fd)}.spg-policy-list article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#174f88;color:#fff;font-size:12px;font-weight:900}.spg-policy-list p{margin:0;color:#31475e;font-size:14px;line-height:1.65}.spg-policy-panel>footer{padding:16px;border-left:4px solid #1e8a6d;border-radius:5px 11px 11px 5px;background:#eff9f5}.spg-policy-panel>footer b{color:#176d58;font-size:13px}.spg-policy-panel>footer p{margin:5px 0 0;color:#587269;font-size:12px;line-height:1.55}
.spg-overall-ring,.spg-goal-ring{display:grid;place-items:center;border-radius:50%;background:conic-gradient(#2385c7 calc(var(--progress)*1%),#e6edf4 0);position:relative}.spg-overall-ring:after,.spg-goal-ring:after{position:absolute;border-radius:50%;background:#fff;content:""}.spg-overall-ring{width:76px;height:76px}.spg-overall-ring:after{inset:9px}.spg-overall-ring b,.spg-overall-ring span,.spg-goal-ring b{position:relative;z-index:1}.spg-overall-ring b{align-self:end;color:#154d7e;font-size:17px}.spg-overall-ring span{align-self:start;color:#77899c;font-size:9px}.spg-goal-list{display:grid;gap:13px;padding-top:18px}.spg-goal-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:17px;padding:18px;border:1px solid #dce4ed;border-radius:14px;background:#fbfcfe}.spg-goal-card.achieved{border-color:#a7d8c5;background:#f8fdfb}.spg-goal-ring{align-self:start;width:76px;height:76px;background:conic-gradient(#2181c1 calc(var(--progress)*1%),#e3eaf2 0)}.spg-goal-card.achieved .spg-goal-ring{background:conic-gradient(#20946e calc(var(--progress)*1%),#dcefe8 0)}.spg-goal-ring:after{inset:8px}.spg-goal-ring b{color:#184b79;font-size:15px}.spg-goal-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.spg-goal-title span{color:#3975a9;font-size:11px;font-weight:900}.spg-goal-title em{padding:4px 8px;border-radius:999px;background:#eaf2fa;color:#326c9e;font-size:10px;font-style:normal;font-weight:800}.spg-goal-card.achieved .spg-goal-title em{background:#ddf3ea;color:#197454}.spg-goal-main h3{margin:6px 0 4px;color:#263c53;font-size:16px}.spg-goal-main>p{margin:0;color:#6c7d91;font-size:12px;line-height:1.5}.spg-value-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 9px}.spg-value-line span{padding:7px 9px;border-radius:8px;background:#eef3f8;color:#60758c;font-size:11px}.spg-value-line b{color:#304a66}.spg-value-line strong{color:#0d65aa;font-size:14px}.spg-value-line>i{color:#91a1b1;font-style:normal}.spg-progress{height:7px;overflow:hidden;border-radius:999px;background:#e2e9f1}.spg-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#176ab0,#279b78)}.spg-goal-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;margin-top:12px;color:#52677e;font-size:11px}.spg-goal-meta>span{display:flex;align-items:center;gap:6px}.spg-goal-meta small{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#e9f0f7;color:#2e668f;font-size:10px;font-weight:900}.spg-goal-meta span small{display:inline}.spg-evidence{display:flex;max-width:240px;align-items:center;gap:6px;text-decoration:none}.spg-evidence b{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:11px}.spg-evidence span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spg-evidence.yes b{background:#daf2e7;color:#147956}.spg-evidence.yes span{color:#147956}.spg-evidence.no b{background:#f0f2f5;color:#727c88}.spg-evidence.no span{color:#7c8793}.spg-remarks{margin-top:10px;padding:10px 12px;border-radius:8px;background:#fff6e8;color:#7b6039;font-size:11px;line-height:1.5}.spg-remarks b{margin-right:8px;color:#b46a17}
.spg-history-table{overflow:auto}.spg-history-table table{min-width:980px}.spg-history-table td>strong,.spg-history-table td>span{display:block}.spg-history-table td>span{margin-top:4px;color:#687b90;font-size:11px}.spg-table-progress{display:inline-block;width:86px;height:6px;margin-right:8px;overflow:hidden;border-radius:999px;background:#e3e9f0;vertical-align:middle}.spg-table-progress i{display:block;height:100%;background:#287dbd}.spg-attach-count{display:inline-block!important;margin:0!important;padding:5px 8px;border-radius:999px;background:#fff1df!important;color:#a75c10!important;font-weight:800}.spg-attach-count.complete{background:#e2f5ec!important;color:#147a58!important}.spg-row-actions{white-space:nowrap}.spg-row-actions button{margin:2px;padding:6px 8px;border:1px solid #c8d5e4;border-radius:7px;background:#fff;color:#225989;font-size:11px;font-weight:800}.spg-empty{height:170px;text-align:center!important}.spg-empty b,.spg-empty span{display:block;margin:5px}
.spg-editor-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.spg-guide{position:sticky;top:94px;padding:22px;border:1px solid #d4e0ec;border-radius:15px;background:#173f70;color:#fff}.spg-guide>small{color:#a9c6e3;font-size:11px;font-weight:800;letter-spacing:.1em}.spg-guide h2{margin:6px 0 18px;font-size:21px}.spg-guide ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.spg-guide li{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:10px;background:rgba(255,255,255,.08)}.spg-guide li b{font-size:13px}.spg-guide li span{color:#bed0e2;font-size:11px;line-height:1.45}.spg-guide h3{margin:22px 0 10px;font-size:14px}.spg-template-list{display:grid;gap:7px}.spg-template-list button{padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;text-align:left}.spg-template-list b,.spg-template-list span{display:block}.spg-template-list b{font-size:11px;line-height:1.4}.spg-template-list span{margin-top:4px;color:#a9cbe9;font-size:10px}.spg-editor{min-width:0}.spg-document-meta,.spg-edit-section{padding:22px;border:1px solid #d7e1ec;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(29,52,79,.04)}.spg-document-meta{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:14px}.spg-document-meta label,.spg-goal-form-grid label{display:flex;min-width:0;flex-direction:column;gap:6px;color:#42566e;font-size:12px;font-weight:800}.spg-document-meta input,.spg-document-meta select,.spg-goal-form-grid input,.spg-goal-form-grid select,.spg-goal-form-grid textarea{width:100%;min-width:0;padding:10px;border:1px solid #cbd7e4;border-radius:8px;background:#fff;box-sizing:border-box;color:#273b51;font:inherit}.spg-edit-section{margin-bottom:14px}.spg-edit-section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.spg-edit-section>header>div{display:flex;align-items:center;gap:11px}.spg-edit-section>header>div>span{display:grid;place-items:center;width:34px;height:34px;background:#154b83;color:#fff;font-size:12px;font-weight:900}.spg-edit-section h2{margin:0;color:#1c416d;font-size:18px}.spg-edit-section header p{margin:3px 0 0;color:#708297;font-size:11px}.spg-edit-section header button{padding:8px 11px;border:1px solid #b9cce0;border-radius:8px;background:#f1f7fd;color:#18578f;font-size:11px;font-weight:800}.spg-edit-section button:disabled{cursor:not-allowed;opacity:.42}.spg-policy-edit{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:9px;padding:11px;border:1px solid #dce4ed;border-radius:11px;background:#fafcfe}.spg-policy-edit>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e9f2fb;color:#1d5c94;font-size:12px;font-weight:900}.spg-policy-edit label{display:flex;flex-direction:column;gap:5px;color:#4c6076;font-size:11px;font-weight:800}.spg-policy-edit textarea{width:100%;padding:10px;border:1px solid #cbd7e4;border-radius:8px;box-sizing:border-box;resize:vertical;font:inherit}.spg-policy-edit>button,.spg-goal-edit>header button{padding:7px 9px;border:1px solid #efc6c6;border-radius:7px;background:#fff4f4;color:#bb4040;font-size:10px;font-weight:800}.spg-goal-edit-list{display:grid;gap:13px}.spg-goal-edit{padding:17px;border:1px solid #d9e3ed;border-radius:13px;background:#fbfcfe}.spg-goal-edit>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.spg-goal-edit>header span{color:#1c5a91;font-size:13px;font-weight:900}.spg-goal-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.spg-goal-form-grid .wide{grid-column:span 2}.spg-goal-form-grid label>small{color:#7a8b9c;font-size:10px;font-weight:500}.spg-file-field{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 8px;border:1px dashed #aabdd2;border-radius:8px;background:#f4f8fc}.spg-file-field input{max-width:190px;padding:4px;border:0;background:transparent;font-size:10px}.spg-file-field span{min-width:0;flex:1;overflow:hidden;color:#3d658d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.spg-file-field button{padding:5px 7px;border:1px solid #e4bcbc;border-radius:6px;background:#fff;color:#aa3c3c;font-size:9px}
@media(max-width:1100px){.spg-dashboard{grid-template-columns:1fr}.spg-editor-layout{grid-template-columns:1fr}.spg-guide{position:static}.spg-document-meta{grid-template-columns:1fr 1fr}.spg-goal-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.spg-summary{grid-template-columns:1fr 1fr}.spg-summary article{min-height:96px;padding:15px}.spg-dashboard{display:block}.spg-policy-panel,.spg-goal-panel{padding:16px}.spg-goal-panel{margin-top:14px}.spg-goal-card{grid-template-columns:1fr}.spg-goal-ring{width:68px;height:68px}.spg-document-meta,.spg-goal-form-grid{grid-template-columns:1fr}.spg-goal-form-grid .wide{grid-column:auto}.spg-policy-edit{grid-template-columns:34px 1fr}.spg-policy-edit>button{grid-column:2;justify-self:end}.spg-file-field{align-items:flex-start;flex-direction:column}.spg-file-field input{max-width:100%}}
.spg-goal-meta>span>small{display:grid}.spg-goal-meta em{color:#7b8998;font-size:10px;font-style:normal}