.program-content{max-width:1620px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;padding:4px 2px 23px}.page-kicker{font-size:9px;letter-spacing:.17em;color:#ad8650;font-weight:900}.page-intro h2{margin:8px 0 7px;font:800 clamp(27px,3vw,39px)/1.12 Manrope,sans-serif;letter-spacing:-.035em}.page-intro p{margin:0;color:var(--muted);font-size:12px;max-width:690px;line-height:1.6}.primary-action,.secondary-action,.ghost-action,.mini-action{border:0;font:800 11px DM Sans,sans-serif;cursor:pointer;border-radius:12px}.primary-action{background:var(--green);color:#fff;padding:13px 18px;box-shadow:0 10px 22px rgba(18,63,53,.16)}.primary-action:hover{background:var(--green-2)}.primary-action span{font-size:16px;margin-right:5px}.secondary-action{background:#eef2ef;color:#205645;padding:11px 15px}.ghost-action{background:#f1efe9;color:#55645e;padding:12px 17px}.mini-action{padding:9px 12px;background:#edf3ef;color:#255e4b}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:16px}.summary-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:15px;text-align:left;cursor:pointer;display:grid;gap:2px;box-shadow:0 8px 22px rgba(31,57,49,.03);color:var(--ink)}.summary-card span{font-size:9px;color:var(--muted)}.summary-card strong{font:800 24px Manrope}.summary-card small{font-size:8px;color:#99a19e}.summary-card.active{background:#143f35;color:#fff;border-color:#143f35}.summary-card.active span,.summary-card.active small{color:#bad0c8}.manager-panel{background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow);overflow:hidden}.manager-toolbar{padding:16px;display:grid;grid-template-columns:minmax(250px,1.15fr) 2fr;gap:12px;border-bottom:1px solid var(--line)}.search-box{height:42px;border:1px solid var(--line);background:#faf9f6;border-radius:12px;display:flex;align-items:center;padding:0 12px;gap:8px}.search-box span{color:#779088;font-size:17px}.search-box input{border:0;outline:0;background:transparent;width:100%;font:500 10px DM Sans;color:var(--ink)}.filter-row{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px}.filter-row select,.field input,.field select,.field textarea,.question-item input,.question-item select{border:1px solid #dfddd6;background:#fff;border-radius:11px;color:var(--ink);font:500 10px DM Sans;outline:none}.filter-row select{height:42px;padding:0 10px}.workflow-strip{padding:10px 16px;background:#faf9f5;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;overflow:auto;white-space:nowrap}.workflow-strip span{font-size:7px;letter-spacing:.06em;font-weight:900;color:#61736d;background:#ecefeb;padding:6px 8px;border-radius:999px}.workflow-strip i{font-style:normal;color:#b6bcb9;font-size:9px}.program-list{display:grid;gap:0}.program-card{display:grid;grid-template-columns:minmax(260px,1.7fr) .8fr .85fr .85fr .55fr auto;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #eeeae2}.program-card:hover{background:#fdfcf9}.program-main{display:flex;gap:12px;min-width:0}.program-avatar{width:43px;height:43px;border-radius:13px;background:#e8f0ec;color:#245d49;display:grid;place-items:center;font:800 13px Manrope;flex:0 0 auto}.program-main h3{margin:0;font:800 12px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-main p{margin:4px 0 0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-cell{display:grid;gap:3px;min-width:0}.program-cell small{font-size:7px;letter-spacing:.07em;color:#98a09d;text-transform:uppercase}.program-cell strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-flex;justify-self:start;padding:6px 8px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.04em;background:#ecefeb;color:#51665e}.status-badge[data-status="AKTIF"],.status-badge[data-status="PENDAFTARAN DIBUKA"]{background:#e4f1ea;color:#236147}.status-badge[data-status="AKAN DATANG"]{background:#e9eef9;color:#42619b}.status-badge[data-status="PENUH"]{background:#fff2dc;color:#9b6618}.status-badge[data-status="DITUTUP"],.status-badge[data-status="SELESAI"]{background:#efefef;color:#6d7471}.capacity-line{height:5px;background:#edece7;border-radius:99px;overflow:hidden;width:88px}.capacity-line i{display:block;height:100%;background:#4a8c72}.program-actions{display:flex;gap:5px;justify-content:flex-end}.action-btn{width:31px;height:31px;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer;color:#45615a;font-size:11px}.action-btn:hover{background:#eff3f0}.empty-manager{text-align:center;padding:56px 20px 62px;display:grid;justify-items:center}.empty-manager[hidden]{display:none}.empty-manager-icon{width:62px;height:62px;border-radius:18px;background:#e6efea;color:#225a48;display:grid;place-items:center;font-size:25px}.empty-manager h3{margin:14px 0 6px;font:800 15px Manrope}.empty-manager p{margin:0 0 17px;color:var(--muted);font-size:10px;max-width:520px;line-height:1.65}.modal-backdrop{position:fixed;inset:0;background:rgba(6,29,24,.58);backdrop-filter:blur(4px);z-index:80;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.program-modal{width:min(980px,100%);max-height:94vh;background:#f7f5ef;border-radius:23px;box-shadow:0 35px 80px rgba(0,0,0,.24);overflow:hidden;display:flex;flex-direction:column}.modal-head{padding:20px 23px 15px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.modal-head h2{margin:4px 0 2px;font:800 21px Manrope}.modal-head span{font-size:9px;color:var(--muted)}.modal-close{width:37px;height:37px;border:1px solid var(--line);border-radius:11px;background:#faf9f6;color:#53645e;font-size:22px;cursor:pointer}.program-modal form{min-height:0;display:flex;flex-direction:column;flex:1}.form-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--line)}.step-pill{border:1px solid var(--line);background:#faf9f6;border-radius:11px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:#697873;cursor:pointer}.step-pill b{width:22px;height:22px;border-radius:7px;background:#e8ece9;display:grid;place-items:center;font-size:8px}.step-pill span{font-size:9px;font-weight:800}.step-pill.active{border-color:#b9cfc5;background:#eff5f1;color:#245846}.step-pill.active b{background:#275f4b;color:#fff}.form-scroll{padding:18px 22px 26px;overflow:auto;display:grid;gap:16px}.form-section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.section-title{display:flex;gap:11px;align-items:center;margin-bottom:15px}.section-title>span{width:34px;height:34px;border-radius:10px;background:#e8f0ec;color:#285f4c;display:grid;place-items:center;font-size:9px;font-weight:900}.section-title h3{margin:0;font:800 13px Manrope}.section-title p{margin:2px 0 0;color:var(--muted);font-size:8px}.form-grid{display:grid;gap:11px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field{display:grid;gap:5px}.field.wide{grid-column:1/-1}.field>span{font-size:8px;font-weight:800;color:#5f6e69}.field input,.field select{height:39px;padding:0 10px}.field textarea{resize:vertical;padding:10px;line-height:1.5}.field small{justify-self:end;font-size:7px;color:#a0a6a3;margin-top:-2px}.toggle-row{border:1px solid var(--line);background:#faf9f6;border-radius:13px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.toggle-row>div{display:grid}.toggle-row strong{font-size:9px}.toggle-row span{font-size:8px;color:var(--muted);margin-top:2px}.switch{position:relative;width:38px;height:22px;flex:0 0 auto}.switch input{opacity:0;position:absolute}.switch i{position:absolute;inset:0;border-radius:999px;background:#d8ddda;transition:.2s}.switch i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.switch input:checked+i{background:#28634e}.switch input:checked+i:after{transform:translateX(16px)}.custom-question-box{margin-top:13px;border-top:1px dashed #ddd9d1;padding-top:13px}.custom-question-box>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}.custom-question-box strong{font-size:9px;display:block}.custom-question-box span{font-size:8px;color:var(--muted)}.question-list{display:grid;gap:7px;margin-top:10px}.question-item{display:grid;grid-template-columns:20px minmax(160px,1fr) 120px 90px 28px;gap:7px;align-items:center}.question-item .drag{color:#9da5a1;text-align:center}.question-item input,.question-item select{height:35px;padding:0 8px}.question-item label{font-size:8px;color:#66736f;display:flex;align-items:center;gap:5px}.question-item label input{height:auto}.remove-question{width:28px;height:28px;border:0;border-radius:8px;background:#f7e8e5;color:#a95d50;cursor:pointer}.settings-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.settings-list .toggle-row{margin:0}.modal-footer{padding:13px 22px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.local-note{display:flex;align-items:center;gap:8px}.local-note>span{color:#4e9175;font-size:12px}.local-note div{display:grid}.local-note strong{font-size:8px}.local-note small{font-size:7px;color:var(--muted)}.footer-actions{display:flex;gap:8px}.toast{position:fixed;right:20px;bottom:20px;z-index:120;background:#153f35;color:#fff;padding:12px 15px;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.2);font-size:10px;font-weight:700;animation:toastIn .2s ease}@keyframes toastIn{from{transform:translateY(10px);opacity:0}}
@media(max-width:1150px){.manager-toolbar{grid-template-columns:1fr}.program-card{grid-template-columns:minmax(220px,1.5fr) .8fr .8fr .6fr auto}.program-card .hide-mid{display:none}.summary-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:800px){.page-intro{align-items:flex-start;flex-direction:column}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-card:first-child{grid-column:1/-1}.filter-row{grid-template-columns:1fr 1fr}.program-card{grid-template-columns:1fr auto;gap:10px}.program-main{grid-column:1/2}.program-actions{grid-column:2;grid-row:1}.program-card>.program-cell{grid-column:1/-1;display:flex;align-items:center;gap:8px}.program-card>.program-cell small{min-width:80px}.form-grid.three{grid-template-columns:1fr 1fr}.settings-list{grid-template-columns:1fr}.form-progress{grid-template-columns:repeat(4,1fr)}.step-pill span{display:none}.step-pill{justify-content:center}.modal-footer{align-items:flex-end}.local-note small{max-width:180px}}
@media(max-width:520px){.summary-grid{gap:7px}.manager-toolbar{padding:11px}.filter-row{grid-template-columns:1fr}.workflow-strip{padding:9px 11px}.program-card{padding:13px}.program-avatar{width:38px;height:38px}.modal-backdrop{padding:0}.program-modal{height:100vh;max-height:none;border-radius:0}.modal-head{padding:15px}.form-progress{padding:9px 14px}.form-scroll{padding:12px}.form-section{padding:14px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.field.wide{grid-column:auto}.question-item{grid-template-columns:18px 1fr 29px}.question-item .q-type{grid-column:2}.question-item label{grid-column:2}.question-item .remove-question{grid-column:3;grid-row:1}.custom-question-box>div:first-child{align-items:flex-start;flex-direction:column}.modal-footer{padding:10px 12px}.local-note{display:none}.footer-actions{width:100%}.footer-actions button{flex:1}.page-intro h2{font-size:27px}}