body{font-family:Arial,sans-serif;background:#fff;padding:20px}.container{max-width:600px;margin:auto;background:beige;padding:20px;border-radius:12px}h2{text-align:center;color:#2e7d32;margin-bottom:16px}h3{color:#2e7d32;margin-bottom:10px}input,select{width:100%;padding:10px;margin-top:10px;border-radius:8px;border:1px solid #ccc;font-size:14px;font-family:Arial,sans-serif;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:#27ae60;box-shadow:0 0 4px #27ae604d}button{width:100%;padding:10px;margin-top:10px;border-radius:8px;border:none;background:#27ae60;color:#fff;font-size:15px;font-weight:700;cursor:pointer}button:hover{background:#219a52}button:disabled{opacity:.6;cursor:not-allowed}.alarm-btn{background:orange;font-size:18px}.alarm-btn:hover{background:#e59400}.tambah-btn{background:#2980b9;margin-top:10px}.tambah-btn:hover{background:#2471a3}.form-box{background:#fff;padding:16px;border-radius:10px;margin-top:14px;border:1px solid #ccc}.hari-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.hari-chip{width:auto;padding:6px 12px;border-radius:20px;background:#e0e0e0;color:#333;font-size:13px;font-weight:400;border:1px solid #ccc;cursor:pointer;margin:0}.hari-chip:hover{background:#c8e6c9}.hari-chip.chip-on{background:#27ae60;color:#fff;border-color:#27ae60}.item{background:#2ecc71;padding:10px;border-radius:10px;margin-top:10px;line-height:1.8}.hapus{background:red;margin-top:5px}.hapus:hover{background:#c00}.video-btn{background:#8e44ad;margin-top:8px;font-size:13px;padding:8px}.video-btn:hover{background:#7d3c98}.tab-row{display:flex;gap:0;margin-top:12px;border-radius:8px;overflow:hidden;border:1px solid #27ae60}.tab-btn{flex:1;padding:10px;border:none;background:#fff;color:#27ae60;font-size:14px;font-weight:700;cursor:pointer;margin:0;border-radius:0}.tab-btn:hover{background:#e8f5e9}.tab-btn.active{background:#27ae60;color:#fff}.admin-stats{display:flex;gap:10px;margin:12px 0}.stat-box{flex:1;background:#fff;border-radius:8px;padding:12px 8px;text-align:center;border:1px solid #ccc;display:flex;flex-direction:column;gap:4px}.stat-num{font-size:28px;font-weight:700;color:#2980b9;line-height:1}.stat-label{font-size:11px;color:#666}
