:root{font-family:Arial,sans-serif;color:#16322e;background:#f4f7f7;font-size:14px;--line:#d8e4e1;--green:#086b60}*{box-sizing:border-box}body{margin:0}header{height:62px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}.logo{background:var(--green);color:white;padding:8px;border-radius:7px;margin-right:8px}nav{display:flex;align-items:center;gap:16px}a{color:var(--green)}main{padding:20px 24px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:6px;padding:8px 12px;color:inherit}button:hover{background:#edf5f2}button.primary{background:var(--green);color:white}button:disabled{opacity:.5;cursor:wait}input,select,textarea{border:1px solid var(--line);padding:8px;border-radius:5px;min-width:0;background:white;color:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #23a695;outline-offset:-2px}h1{font-size:23px;margin:0 0 18px}h2{font-size:16px}.login{max-width:400px;margin:9vh auto;background:white;padding:25px;border:1px solid var(--line);border-radius:12px}.login label{display:block;margin:15px 0 6px}.login input{width:100%}.login button{margin-top:16px;width:100%}.muted{color:#56706a;font-size:13px}.error{color:#a62c2c}.bar,.tabs,.stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.bar .spacer{flex:1}.tabs{gap:3px}.tabs button.active{background:var(--green);color:white}.stats span{padding:7px 12px;background:white;border:1px solid var(--line);border-radius:6px}.stats b{margin-right:5px}.sheet{overflow:auto;border:1px solid var(--line);border-radius:8px;background:white;max-height:calc(100vh - 270px)}table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}th{position:sticky;top:0;background:#e4efeb;z-index:2;text-align:left;padding:8px;font-weight:600;border-bottom:1px solid var(--line)}td{border-bottom:1px solid var(--line);border-right:1px solid #edf1ef;padding:3px;vertical-align:top}td input,td select,td textarea{border:1px solid transparent;border-radius:3px;width:100%;padding:5px 4px;background:transparent;height:30px}td input:hover,td select:hover,td textarea:hover{border-color:var(--line)}td textarea{resize:vertical;min-height:60px;height:60px}td small{display:block;color:#57736c;padding:0 4px;white-space:nowrap;font-size:12px}tr:nth-child(even){background:#f9fbfa}.identity{min-width:155px}.date{min-width:150px}.people{min-width:150px}.program{min-width:206px}.attendance{min-width:125px}.notes{min-width:170px}.number{width:35px;color:#6b827b;padding:12px 8px}.chips{display:flex;flex-wrap:wrap;gap:3px;padding:4px}.chip{padding:4px 6px;font-size:13px;border-radius:4px;background:#edf2f0;border-color:transparent}.chip.on{background:#d5eee7;color:#075c47;border-color:#9ed9c6}.status-sudah{background:#def5e7;color:#155d38}.status-rancang{background:#fff2d2;color:#714f0e}.status-batal{background:#fbe2e2;color:#982b2b}.row-state{font-size:12px;margin:4px;display:block}.dirty{box-shadow:inset 3px 0 #e9ad36}.failed{box-shadow:inset 3px 0 #cf4646}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;max-width:1000px}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:16px}.panel label{display:block;margin:10px 0 5px}.panel input,.panel textarea{width:100%}.panel textarea{min-height:110px}.empty{text-align:center;padding:35px;color:#56706a}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#173c33;color:white;border-radius:7px;padding:12px 18px;display:none;z-index:20}input:invalid{border-color:#d25b5b}details{margin-top:16px}summary{cursor:pointer}@media(max-width:600px){header{padding:0 12px;font-size:13px}main{padding:14px 10px}nav{gap:9px}.sheet{max-height:calc(100vh - 320px)}.bar input[type=search]{width:100%}.login{margin:5vh auto}h1{font-size:20px}}