:root{--blue:#175bb4;--orange:#f58a27;--ink:#17314f;--mut:#697d92;--line:#dce6f1}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#f3f7fc}.wrap{max-width:1100px;margin:auto;padding:24px;display:grid;gap:20px}.center{max-width:480px;min-height:100vh;align-content:center}.top{background:white;border-bottom:1px solid var(--line);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}.logo{font-size:28px;letter-spacing:-1px;font-weight:850;color:var(--blue)}.logo span{color:var(--orange)}.logo.sm{font-size:20px}.muted,small{color:var(--mut)}.card{padding:24px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 22px #17314f05;display:grid;gap:12px}h1,h2,h3,p{margin:0}h1{font-size:27px}h3{font-size:18px}.eyebrow{color:#a55b15;font-size:12px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:white;border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:12px;padding:20px}.stat b{display:block;font-size:29px;color:var(--blue)}input,select,textarea{width:100%;padding:12px;border:1px solid #c8d7e7;border-radius:9px;background:white;color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:3px solid #175bb425;border-color:var(--blue)}label{display:grid;gap:6px;font-size:13px;font-weight:650}.btn{background:var(--blue);color:white;padding:12px 17px;border:0;border-radius:9px;font:inherit;font-weight:650;cursor:pointer}.btn.gold{background:var(--orange);color:#391e05}.btn.ghost{background:white;color:var(--blue);border:1px solid #bfd1e6}.btn.sm{padding:7px 11px;font-size:13px}.btn:disabled{opacity:.5;cursor:wait}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1;min-width:120px}.item{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.tag{display:inline-block;background:#e8eef7;padding:3px 9px;border-radius:30px;font-size:12px}.tag.ok{background:#e3f4e9;color:#246040}.tag.no{background:#ffe8e4;color:#a2372b}.notice{padding:12px;background:#fff3e5;color:#8b5015;border-radius:9px;font-size:13px}a{color:var(--blue)}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}th{background:#f5f8fc}td input{width:85px;padding:7px}.clock{font-size:40px;font-weight:750;color:var(--blue)}.banner{background:#e9f2ff;border-left:4px solid var(--orange);padding:15px;border-radius:9px;margin-bottom:10px}.err{color:#b52c24;min-height:22px}.moods button{background:white;font-size:28px;border:1px solid var(--line);border-radius:9px;padding:10px;cursor:pointer}video{width:100%;max-height:350px;border-radius:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,140px);background:#17314f;color:white;padding:14px 20px;border-radius:10px;z-index:20;max-width:92%;transition:transform .2s}#toast.show{transform:translate(-50%,0)}@media(max-width:650px){.wrap{padding:16px}.grid3{grid-template-columns:1fr}.card{padding:18px}.item{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.top,.noprint,#toast,.wrap>*:not(#secLaporan){display:none!important}body{background:white}.card{border:0;box-shadow:none}.scroll{overflow:visible}th,td{border:1px solid #999;font-size:11px}}