:root{--green:#0f5c48;--green2:#16836a;--soft:#edf7f3;--gold:#c8a64b;--ink:#18312a;--muted:#71817c;--danger:#b93838;--line:#dce8e3;--white:#fff;--shadow:0 12px 30px rgba(15,92,72,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f8f7;color:var(--ink)}a{color:var(--green);text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:linear-gradient(180deg,#0d4f3e,#0b3e32);color:#fff;padding:24px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.brand-mark{width:44px;height:44px;border-radius:14px;background:var(--gold);color:#173a30;display:grid;place-items:center;font-weight:800}.brand strong,.brand small{display:block}.brand small{opacity:.72;margin-top:3px;font-size:11px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#e9f5f1;padding:11px 12px;border-radius:10px}.sidebar nav a:hover{background:rgba(255,255,255,.1)}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.15);padding-top:16px;display:grid;gap:4px}.sidebar-footer span{font-size:12px;opacity:.75}.sidebar-footer a{color:#ffe2a0;margin-top:8px}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{height:90px;background:#fff;border-bottom:1px solid var(--line);padding:18px 28px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:10}.topbar h1{font-size:22px;margin:0}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.menu-btn{display:none;border:0;background:var(--soft);padding:9px 11px;border-radius:9px}.content{padding:26px;max-width:1400px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.stat strong{font-size:30px;display:block;color:var(--green)}.stat span{color:var(--muted);font-size:13px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 14px}.section-title h2{font-size:18px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 15px;font-weight:650;cursor:pointer;background:var(--green);color:#fff}.btn:hover{filter:brightness(.96)}.btn-secondary{background:#e8f2ee;color:var(--green)}.btn-danger{background:#f9e6e6;color:var(--danger)}.btn-gold{background:var(--gold);color:#273c35}.btn-sm{padding:7px 10px;font-size:12px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}.table th{background:#f3f8f6;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;background:#eaf4f0;color:var(--green)}.badge-draft{background:#f0f1f2;color:#69726f}.badge-closed{background:#f8e8e8;color:#9b3333}.badge-peer{background:#fff3d7;color:#7b5b10}.form-card{max-width:900px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.form-control{width:100%;border:1px solid #cfded8;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit}.form-control:focus{outline:3px solid rgba(22,131,106,.12);border-color:var(--green2)}textarea.form-control{min-height:105px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.check{display:flex;align-items:center;gap:8px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px}.alert-success{background:#e6f5ee;color:#116347}.alert-error{background:#fdeaea;color:#9c2f2f}.alert-info{background:#eaf3fc;color:#245c88}.empty{text-align:center;padding:42px 20px;color:var(--muted)}.survey-card{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.survey-card h3{margin:0 0 6px}.survey-card p{margin:0;color:var(--muted);font-size:13px}.question{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px;background:#fff}.question-title{font-weight:700;margin-bottom:12px}.required{color:var(--danger)}.option{display:flex;align-items:flex-start;gap:9px;margin:9px 0}.peer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.peer-option{border:1px solid var(--line);padding:10px;border-radius:10px;background:#fafcfc}.result-bar{height:9px;background:#e5efeb;border-radius:999px;overflow:hidden}.result-bar span{height:100%;display:block;background:var(--green2)}.muted{color:var(--muted)}.small{font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#0d4f3e,#0b6d55)}.login-hero{padding:70px;display:flex;flex-direction:column;justify-content:center;color:#fff;background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,.12),transparent 22%),radial-gradient(circle at 80% 70%,rgba(200,166,75,.18),transparent 20%)}.login-hero h1{font-size:48px;margin:0 0 14px}.login-hero p{font-size:18px;max-width:600px;line-height:1.6;opacity:.9}.login-panel{background:#f7faf9;display:grid;place-items:center;padding:35px}.login-box{width:min(430px,100%);background:#fff;padding:34px;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.18)}.login-box h2{margin-top:0}.help{background:#fffaf0;border:1px solid #f0dfad;padding:14px;border-radius:12px;font-size:13px}.score-chip{display:inline-block;background:#ecf6f2;border-radius:8px;padding:4px 7px;font-size:11px}.footer-note{margin-top:24px;color:var(--muted);font-size:12px}.top-list{margin:0;padding-left:20px}.top-list li{margin:8px 0}.sociometry{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rank-card{border-left:4px solid var(--green2)}@media(max-width:1000px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.peer-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-hero{display:none}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.menu-btn{display:inline-block}.content{padding:18px}.grid-4,.grid-3,.grid-2,.form-row,.sociometry{grid-template-columns:1fr}.topbar{padding:14px 18px}.survey-card{display:block}.survey-card .actions{margin-top:14px}.peer-grid{grid-template-columns:1fr}}
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card{display:flex;flex-direction:column;gap:10px}.template-card h3,.template-card p{margin:0}.template-card .btn{margin-top:auto}.meta-list{display:grid;grid-template-columns:85px 1fr;gap:8px 12px;font-size:13px}.meta-list dt{font-weight:700}.meta-list dd{margin:0;color:var(--muted)}details{border-top:1px solid var(--line);padding-top:10px}summary{cursor:pointer;font-weight:700}.badge-risk-baik{background:#e6f5ee;color:#116347}.badge-risk-pemantauan{background:#fff3d7;color:#7b5b10}.badge-risk-perlu_tindak_lanjut{background:#ffe8d8;color:#9b4c12}.badge-risk-prioritas{background:#fdeaea;color:#9c2f2f}.likert-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.likert-option{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px}.evidence-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid var(--line);padding:11px;border-radius:11px;margin:8px 0}.evidence-item span{display:grid}.evidence-item small{color:var(--muted);margin-top:3px}.tall{min-height:160px}.sticky-actions{position:sticky;bottom:0;background:#f5f8f7;padding:14px 0;margin-top:14px;z-index:8}.report-sheet{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}.report-heading{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--green);padding-bottom:20px;margin-bottom:20px}.report-heading h1{margin:10px 0 4px}.report-heading p{margin:0;color:var(--muted)}.report-meta{display:grid;text-align:right;gap:5px;font-size:13px}.report-section{border:1px solid var(--line);border-radius:13px;padding:16px;margin-bottom:14px}.report-section h2{font-size:15px;margin:0 0 8px;color:var(--green)}.report-section p{margin:0;line-height:1.65}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:1000px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.template-grid,.report-grid{grid-template-columns:1fr}.report-heading{display:block}.report-meta{text-align:left;margin-top:14px}}@media print{.sidebar,.topbar,.no-print,.footer-note{display:none!important}.main{margin:0;width:100%}.content{padding:0;max-width:none}.report-sheet{box-shadow:none;border:0;padding:0}.report-section{break-inside:avoid}body{background:#fff}}